personal-site/app/about/(components)/Hero.tsx

28 lines
1.1 KiB
TypeScript
Raw Normal View History

2023-10-24 17:59:00 +00:00
"use client";
import React from "react";
export default function Hero() {
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</span>
<h1 className="text-5xl leading-snug" id="hero-text">
I live on the bleeding edge of technology
</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.
</span>
</div>
</div>
);
}