Switch to version 3: remove src/components/sections/hero/hero.tsx

src/components/sections/hero/hero.tsx

@@ -1,42 +0,0 @@
-import Button from "@/components/ui/Button";
-import TextAnimation from "@/components/ui/TextAnimation";
-import ImageOrVideo from "@/components/ui/ImageOrVideo";
-
-export default function Hero() {
-  return (
-    <section id="hero" aria-label="Hero section" className="py-20">
-      <div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 mx-auto w-content-width">
-        <div className="flex flex-col items-start gap-6 text-left">
-          <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full backdrop-blur-md bg-black/10 border border-black/20 text-sm">
-            <span className="relative flex h-2 w-2">
-              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" />
-              <span className="relative inline-flex rounded-full h-2 w-2 bg-green-500" />
-            </span>
-            Active now
-          </div>
-          <TextAnimation
-            text="Your Vision, Our Innovation"
-            variant="fade"
-            gradientText={true}
-            tag="h1"
-            className="text-6xl font-medium text-balance"
-          />
-          <TextAnimation
-            text="Transforming ideas into reality with cutting-edge solutions and unparalleled expertise."
-            variant="fade"
-            gradientText={false}
-            tag="p"
-            className="text-lg leading-tight"
-          />
-          <div className="flex flex-wrap gap-3 mt-3">
-            <Button text="Get Started" href="#contact" variant="primary" />
-            <Button text="Learn More" href="#features" variant="secondary" animationDelay={0.1} />
-          </div>
-        </div>
-        <div className="w-full h-80 lg:h-[500px] card rounded overflow-hidden">
-          <ImageOrVideo imageSrc="https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80" />
-        </div>
-      </div>
-    </section>
-  );
-}