"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> ); }