Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -31,14 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Laptops",          id: "products"},
-        {
-          name: "Support",          id: "contact"},
-        {
-          name: "FAQ",          id: "faq"},
+        { name: "Home", id: "hero" },
+        { name: "Laptops", id: "products" },
+        { name: "Support", id: "contact" },
+        { name: "FAQ", id: "faq" },
+        { name: "Sign Up", id: "signup" }
       ]}
       brandName="Zenith Laptops"
     />
@@ -46,8 +43,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "glowing-orb"}}
+      background={{ variant: "glowing-orb" }}
       title="Zenith Laptops"
       description="Power Meets Premium Technology. Experience the peak of portable computing."
       leftCarouselItems={[
@@ -85,17 +81,17 @@ export default function LandingPage() {
       description="Engineered for elite performance and unmatched elegance."
       features={[
         {
-          title: "AI Integration",          description: "Cutting edge AI assisted workflow optimization.",          bentoComponent: "chat",          aiIcon: Star,
+          title: "AI Integration", description: "Cutting edge AI assisted workflow optimization.", bentoComponent: "chat", aiIcon: Star,
           userIcon: User,
           exchanges: [
             { userMessage: "Best laptop for AI?", aiResponse: "Zenith Premium Pro." },
           ],
           placeholder: "Ask Zenith AI..."},
         {
-          title: "Next-Gen Processors",          description: "Unrivaled speed and efficiency.",          bentoComponent: "reveal-icon",          icon: Database
+          title: "Next-Gen Processors", description: "Unrivaled speed and efficiency.", bentoComponent: "reveal-icon", icon: Database
         },
         {
-          title: "System Specs",          description: "Core hardware configuration.",          bentoComponent: "3d-stack-cards",          items: [
+          title: "System Specs", description: "Core hardware configuration.", bentoComponent: "3d-stack-cards", items: [
             { icon: Shield, title: "Security", subtitle: "Encrypted", detail: "Hardware security." },
             { icon: Zap, title: "Battery", subtitle: "All day", detail: "Extended life." },
             { icon: Globe, title: "Global", subtitle: "Anywhere", detail: "Worldwide support." },
@@ -169,15 +165,17 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
+  <div id="signup" data-section="signup">
+      <ContactSplitForm
+      title="Create Your Account"
+      description="Join the Zenith community today for exclusive access and updates."
+      inputs={[
+        { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      ]}
+      buttonText="Sign Up"
       useInvertedBackground={false}
-      tag="Contact"
-      background={{ variant: "plain" }}
-      title="Get in Touch"
-      description="Ready to upgrade your gear? Contact us for quotes and availability."
-      imageSrc="http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072234.jpg"
-      mediaAnimation="slide-up"
+      onSubmit={(data) => console.log("Sign up data:", data)}
     />
   </div>
 
@@ -187,7 +185,7 @@ export default function LandingPage() {
       logoText="Zenith Laptops"
       columns={[
         { title: "Shop", items: [{ label: "Laptops", href: "#products" }, { label: "Comparison", href: "#" }] },
-        { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Help Center", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact Us", href: "#signup" }, { label: "Help Center", href: "#" }] },
       ]}
     />
   </div>