Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroSignup from "@/components/sections/hero/HeroSignup";
+import { Sparkles } from "lucide-react";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Features", id: "features" },
+  { name: "Pricing", id: "pricing" },
+  { name: "FAQ", id: "faq" },
+];
+
+const button = {
+  text: "Get Started",  onClick: () => console.log("Get Started clicked"),
+};
+
+export default function Home() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={navItems}
+          brandName="Webild"
+          button={button}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSignup
+          background={{ variant: "sparkles-gradient" }}
+          tag="Welcome"
+          tagIcon={Sparkles}
+          title="How much it will take?"
+          description="Get instant answers to your questions. Sign up now to receive personalized estimates and detailed pricing information tailored to your specific needs."
+          inputPlaceholder="Enter your email"
+          buttonText="Get Estimate"
+          onSubmit={(email) => console.log("Email submitted:", email)}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}