continue re-design

2025-09-05 13:06:17 -04:00
parent b96d048dbd
commit 836b085f75
270 changed files with 32269 additions and 5182 deletions
@@ -0,0 +1,62 @@
+import Link from "next/link";
+
+import { Connector } from "@/components/shared/layout/curvy-rect";
+import HeroFlame from "@/components/shared/effects/flame/hero-flame";
+
+import HomeHeroBackground from "./Background/Background";
+import { BackgroundOuterPiece } from "./Background/BackgroundOuterPiece";
+import HomeHeroBadge from "./Badge/Badge";
+import HomeHeroPixi from "./Pixi/Pixi";
+import HomeHeroTitle from "./Title/Title";
+import HeroInput from "../hero-input/HeroInput";
+import HeroScraping from "../hero-scraping/HeroScraping";
+
+export default function HomeHero() {
+  return (
+    <section className="overflow-x-clip" id="home-hero">
+      <div
+        className="pt-28 lg:pt-254 lg:-mt-100 pb-115 relative"
+        id="hero-content"
+      >
+        <HomeHeroPixi />
+        <HeroFlame />
+
+        <BackgroundOuterPiece />
+
+        <HomeHeroBackground />
+
+        <div className="relative container px-16">
+          <HomeHeroBadge />
+          <HomeHeroTitle />
+
+          <p className="text-center text-body-large">
+            Power your AI apps with clean data crawled
+            <br className="lg-max:hidden" />
+            from any website.
+            <Link
+              className="bg-black-alpha-4 hover:bg-black-alpha-6 lg:ml-4 rounded-6 px-8 lg:px-6 text-label-large lg-max:py-2 h-30 lg:h-24 block lg-max:mt-8 lg-max:mx-auto lg-max:w-max lg:inline-block gap-4 transition-all"
+              href="https://github.com/firecrawl/firecrawl"
+              target="_blank"
+            >
+              It&apos;s also open source.
+            </Link>
+          </p>
+        </div>
+      </div>
+
+      <div className="container lg:contents !p-16 relative -mt-90">
+        <div className="absolute top-0 left-[calc(50%-50vw)] w-screen h-1 bg-border-faint lg:hidden" />
+        <div className="absolute bottom-0 left-[calc(50%-50vw)] w-screen h-1 bg-border-faint lg:hidden" />
+
+        <Connector className="-top-10 -left-[10.5px] lg:hidden" />
+        <Connector className="-top-10 -right-[10.5px] lg:hidden" />
+        <Connector className="-bottom-10 -left-[10.5px] lg:hidden" />
+        <Connector className="-bottom-10 -right-[10.5px] lg:hidden" />
+
+        <HeroInput />
+      </div>
+
+      <HeroScraping />
+    </section>
+  );
+}