Update src/app/page.tsx

Merge version_1 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: "Home",          id: "hero"},
+        { name: "Laptops", id: "products" },
-        {
+        { name: "Support", id: "contact" },
-          name: "Laptops",          id: "products"},
+        { name: "FAQ", id: "faq" },
-        {
+        { name: "Sign Up", id: "signup" }
-          name: "Support",          id: "contact"},
-        {
-          name: "FAQ",          id: "faq"},
       ]}
       brandName="Zenith Laptops"
     />
@@ -46,8 +43,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "glowing-orb" }}
-        variant: "glowing-orb"}}
       title="Zenith Laptops"
       description="Power Meets Premium Technology. Experience the peak of portable computing."
       leftCarouselItems={[
@@ -169,15 +165,17 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="signup" data-section="signup">
-      <ContactSplit
+      <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"
+      onSubmit={(data) => console.log("Sign up data:", data)}
-      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"
     />
   </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>