39 lines
1.9 KiB
TypeScript
39 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
// import TextShuffler from "../../../components/actions/TextShuffler";
|
|
import { appear, genericScroll } from "../../(utils)/animate";
|
|
|
|
export default function Hero() {
|
|
React.useEffect(genericScroll, []);
|
|
React.useEffect(appear, []);
|
|
|
|
return (
|
|
<div className="-mt-10 appear">
|
|
<div
|
|
className="flex flex-col items-start gap-0 max-w-6xl w-full relative generic-scroll"
|
|
// id="hero-text-section"
|
|
>
|
|
<span className="text-primary-light text-lg">
|
|
About Me
|
|
{/* <TextShuffler textInput="About Me" /> */}
|
|
</span>
|
|
<h1
|
|
className="text-5xl leading-snug"
|
|
id="hero-text"
|
|
>
|
|
Ben of All Trades, Master of All
|
|
{/* <TextShuffler textInput="Ben of All Trade, Master of All" /> */}
|
|
</h1>
|
|
<span className="hero-sub-text">
|
|
Quick learner, adaptable, problem solver, curious. I strive to know the system, rather than the status quo. My credo is: no problem too great, no knowledge too vast, no logic too complex. I thrive in difficult situations and complex hurdles: problem solving is now second nature to me: if you can think it, it can be done.
|
|
{/* <TextShuffler
|
|
textInput="Quick learner, adaptable, problem solver, curious. I strive to know the system, rather than the status quo. My credo is: no problem too great, no knowledge too vast, no logic too complex. I thrive in difficult situations and complex hurdles: problem solving is now second nature to me: if you can think it, it can be done."
|
|
delay={1000}
|
|
/> */}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|