Add src/app/visual-search/page.tsx

src/app/visual-search/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import { Zap, ArrowRight } from "lucide-react";
+
+export default function VisualSearchPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSmall"
+      background="grid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="DesignLens"
+          navItems={[
+            { name: "Features", id: "#features" },
+            { name: "Products", id: "#products" },
+            { name: "Pricing", id: "#pricing" },
+            { name: "Contact", id: "#contact" },
+            { name: "Start Designing", id: "https://app.designlens.io" },
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="AI Visual Search Lookup"
+          description="Scan your design and instantly match with real suppliers. Our AI-powered visual search powered by Google Lens identifies matching products in just 2 seconds."
+          tag="Search Technology"
+          tagIcon={Zap}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZYNcpRFV3V44D4fPITDL3yqoO/a-visual-search-animation-with-a-2-secon-1772801642749-42d73384.png"
+          imageAlt="Visual search scanning animation"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={false}
+          buttons={[
+            { text: "Start Searching", href: "https://app.designlens.io" },
+            { text: "Back to Home", href: "/" },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}