Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Zyrova"
     />
@@ -55,102 +47,59 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Elevate Your Lifestyle with Zyrova"
       description="Discover a curated collection of premium products delivered to your door. Experience modern shopping excellence redefined for your daily needs."
       testimonials={[
         {
-          name: "Alex R.",
+          name: "Alex R.",          handle: "@alexr",          testimonial: "Zyrova completely changed how I shop. The quality is unmatched.",          rating: 5,
-          handle: "@alexr",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg"},
-          testimonial: "Zyrova completely changed how I shop. The quality is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg",
-        },
         {
-          name: "Jamie L.",
+          name: "Jamie L.",          handle: "@jamiel",          testimonial: "Fast shipping and amazing customer support. Truly the best.",          rating: 5,
-          handle: "@jamiel",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg?_wi=1"},
-          testimonial: "Fast shipping and amazing customer support. Truly the best.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg",
-        },
         {
-          name: "Sam T.",
+          name: "Sam T.",          handle: "@samt",          testimonial: "Everything arrived perfectly. Will definitely shop again soon.",          rating: 5,
-          handle: "@samt",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-against-wall-holding-shopping-bags_23-2147968474.jpg"},
-          testimonial: "Everything arrived perfectly. Will definitely shop again soon.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-against-wall-holding-shopping-bags_23-2147968474.jpg",
-        },
         {
-          name: "Casey P.",
+          name: "Casey P.",          handle: "@caseyp",          testimonial: "The attention to detail in their products is simply refreshing.",          rating: 5,
-          handle: "@caseyp",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg"},
-          testimonial: "The attention to detail in their products is simply refreshing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg",
-        },
         {
-          name: "Morgan D.",
+          name: "Morgan D.",          handle: "@morgand",          testimonial: "A premium unboxing experience every single time I order.",          rating: 5,
-          handle: "@morgand",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
-          testimonial: "A premium unboxing experience every single time I order.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "Shop Now",
+          text: "Shop Now",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-woman-connected-her-smartphone_23-2149233005.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-smartphone_23-2149708083.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-hands-holding-smartphone_23-2149708083.jpg",          alt: "Side view hands holding smartphone"},
-          alt: "Side view hands holding smartphone",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg",
+          src: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg",          alt: "The concept of the location of the photo shoot in the photo studio"},
-          alt: "The concept of the location of the photo shoot in the photo studio",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-lying-blanket-using-smartphone_23-2147911496.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-lying-blanket-using-smartphone_23-2147911496.jpg",          alt: "Young woman lying on blanket and using smartphone"},
-          alt: "Young woman lying on blanket and using smartphone",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/focused-caucasian-adult-lady-browsing-female-sites-tablet-while-bright-room-online-shopping-concept_197531-31262.jpg",
+          src: "http://img.b2bpic.net/free-photo/focused-caucasian-adult-lady-browsing-female-sites-tablet-while-bright-room-online-shopping-concept_197531-31262.jpg",          alt: "Focused caucasian adult lady browsing female sites on tablet while in bright room"},
-          alt: "Focused caucasian adult lady browsing female sites on tablet while in bright room",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg",
+          src: "http://img.b2bpic.net/free-photo/blonde-woman-talking-phone_23-2148660693.jpg",          alt: "Blonde woman talking on the phone"},
-          alt: "Blonde woman talking on the phone",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Premium Quality",          icon: ShieldCheck,
-          text: "Premium Quality",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Global Shipping",          icon: Truck,
-          text: "Global Shipping",
-          icon: Truck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "24/7 Support",          icon: Headphones,
-          text: "24/7 Support",
-          icon: Headphones,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Secure Payments",          icon: Lock,
-          text: "Secure Payments",
-          icon: Lock,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Curated Selection",          icon: Sparkles,
-          text: "Curated Selection",
-          icon: Sparkles,
         },
       ]}
     />
@@ -164,7 +113,7 @@ export default function LandingPage() {
       description="At Zyrova, we bridge the gap between quality products and accessibility. We prioritize design and reliability."
       subdescription="Our dropshipping model ensures efficiency without compromising the premium experience you expect."
       icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/smiley-girl-holding-shopping-bags_23-2148225666.jpg"
+      imageSrc="https://img.b2bpic.net/premium-photo/flat-lay-zero-waste-kit-set-eco-friendly-bamboo-cutlery-mesh-cotton-bag-reusable-coffee-tumbler-brushes-bar-soap-water-bottle-sustainable-ethical-plastic-free-lifestyle_72402-4080.jpg?id=11724532"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -176,38 +125,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Secure Shipping",          author: "Zyrova Team",          description: "Global reach with reliable tracking systems.",          tags: [
-          title: "Secure Shipping",
+            "Reliable",            "Tracking"],
-          author: "Zyrova Team",
+          imageSrc: "https://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg?id=25630670"},
-          description: "Global reach with reliable tracking systems.",
-          tags: [
-            "Reliable",
-            "Tracking",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/white-cylinder-podium-tree-shadow-pedestal-product-display-stand-background-3d-rendering_56104-1381.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Premium Goods",          author: "Zyrova Team",          description: "Only the highest quality products selected.",          tags: [
-          title: "Premium Goods",
+            "Curated",            "Quality"],
-          author: "Zyrova Team",
+          imageSrc: "https://img.b2bpic.net/free-photo/top-view-back-school-concept_23-2148559686.jpg?id=8513493"},
-          description: "Only the highest quality products selected.",
-          tags: [
-            "Curated",
-            "Quality",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-mockup-with-confetti_23-2147730224.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "24/7 Support",          author: "Zyrova Team",          description: "Always here to help you anytime.",          tags: [
-          title: "24/7 Support",
+            "Support",            "Fast"],
-          author: "Zyrova Team",
+          imageSrc: "https://img.b2bpic.net/free-photo/architect-woman-phone_1163-1433.jpg?id=1280411"},
-          description: "Always here to help you anytime.",
-          tags: [
-            "Support",
-            "Fast",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg",
-        },
       ]}
       title="Core Values"
       description="We build trust through commitment and quality."
@@ -222,41 +150,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Modern Planner",          price: "$29",          imageSrc: "https://img.b2bpic.net/premium-photo/summer-flat-lay-traveller-accessories-palm-leaf-hat-sunglasses-phone-sunscreen-headphones_237189-78.jpg?id=9512881"},
-          name: "Modern Planner",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Sleek Desk Lamp",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-white-background_187299-47585.jpg"},
-          name: "Sleek Desk Lamp",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-bottle-white-background_187299-47585.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Wireless Audio Set",          price: "$89",          imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17719.jpg"},
-          name: "Wireless Audio Set",
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17719.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Ergonomic Stand",          price: "$55",          imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-paper-bag-blue-background-top-view_169016-43225.jpg"},
-          name: "Ergonomic Stand",
-          price: "$55",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-paper-bag-blue-background-top-view_169016-43225.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Minimalist Wallet",          price: "$39",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textural-teapot-blurred-background-cozy-home-interior_169016-25447.jpg"},
-          name: "Minimalist Wallet",
-          price: "$39",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-textural-teapot-blurred-background-cozy-home-interior_169016-25447.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Tech Travel Bag",          price: "$75",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091343.jpg"},
-          name: "Tech Travel Bag",
-          price: "$75",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091343.jpg",
-        },
       ]}
       title="Featured Collection"
       description="Trending items selected for you."
@@ -270,20 +174,11 @@ export default function LandingPage() {
       tag="Reliability Metrics"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15k+",          description: "Happy Customers"},
-          value: "15k+",
-          description: "Happy Customers",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "98%",          description: "Satisfaction Rate"},
-          value: "98%",
-          description: "Satisfaction Rate",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "24/7",          description: "Support Ready"},
-          value: "24/7",
-          description: "Support Ready",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -296,59 +191,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          role: "Designer",          company: "CreativeCo",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg"},
-          role: "Designer",
-          company: "CreativeCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-cheerful-man-good-mood_273609-12337.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Mark D.",          role: "Dev",          company: "TechLab",          rating: 5,
-          name: "Mark D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/girl-newsboy-cap-park_1303-5503.jpg"},
-          role: "Dev",
-          company: "TechLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-newsboy-cap-park_1303-5503.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Lisa K.",          role: "Manager",          company: "GrowthIn",          rating: 5,
-          name: "Lisa K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg"},
-          role: "Manager",
-          company: "GrowthIn",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Paul B.",          role: "Architect",          company: "BuildGroup",          rating: 5,
-          name: "Paul B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
-          role: "Architect",
-          company: "BuildGroup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Anna V.",          role: "Founder",          company: "StartUp",          rating: 5,
-          name: "Anna V.",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg"},
-          role: "Founder",
-          company: "StartUp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9",
+          value: "4.9",          label: "Avg. Rating"},
-          label: "Avg. Rating",
-        },
         {
-          value: "5k",
+          value: "5k",          label: "Reviews"},
-          label: "Reviews",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Trusted"},
-          label: "Trusted",
-        },
       ]}
       title="Customer Stories"
       description="See why everyone loves Zyrova."
@@ -356,64 +220,51 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
       title="Questions for Zyrova?"
       description="Reach out to our support team and get a response within 24 hours."
-      buttons={[
+      inputs={[
         {
-          text: "Contact Support",
+            name: "name",            type: "text",            placeholder: "Your Name",            required: true
-          href: "mailto:hello@zyrova.com",
         },
+        {
+            name: "email",            type: "email",            placeholder: "Your Email",            required: true
+        }
       ]}
+      textarea={{
+          name: "message",          placeholder: "How can we help?",          rows: 4
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149093342.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Zyrova"
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
             {
-              label: "New Arrivals",
+              label: "New Arrivals",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Best Sellers",
+              label: "Best Sellers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #874beb;
+  --background: #f3eefb;
   --card: #ffffff;
   --foreground: #1c1c1c;
   --primary-cta: #1c1c1c;