Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
@@ -32,42 +32,29 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       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: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="Shopify Store"
       button={{
-        text: "Shop Now",
+        text: "Shop Now",        href: "#products"}}
-        href: "#products",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Experience Quality in Every Detail"
       description="Discover our curated collection of premium products designed for your lifestyle. High-quality craftsmanship meets modern design."
       buttons={[
         {
-          text: "Shop Now",
+          text: "Shop Now",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg"
       imageAlt="online shop hero banner"
@@ -79,9 +66,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Commitment to Quality"
       description={[
-        "At Shopify Store, we believe that every item you bring into your life should reflect excellence. Our curated selection combines aesthetics, durability, and utility.",
+        "At Shopify Store, we believe that every item you bring into your life should reflect excellence. Our curated selection combines aesthetics, durability, and utility.",        "We source only the best materials and work with artisans who share our passion for perfection."]}
-        "We source only the best materials and work with artisans who share our passion for perfection.",
-      ]}
     />
   </div>
 
@@ -93,53 +78,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Modern Vase",          price: "$45",          variant: "Ceramic",          imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-with-bunny-ears-table_23-2148059894.jpg",          imageAlt: "modern lifestyle product"},
-          name: "Modern Vase",
-          price: "$45",
-          variant: "Ceramic",
-          imageSrc: "http://img.b2bpic.net/free-photo/easter-egg-with-bunny-ears-table_23-2148059894.jpg",
-          imageAlt: "modern lifestyle product",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Canvas Tote",          price: "$30",          variant: "Cotton",          imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg",          imageAlt: "lifestyle item minimalist"},
-          name: "Canvas Tote",
-          price: "$30",
-          variant: "Cotton",
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg",
-          imageAlt: "lifestyle item minimalist",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Minimalist Clock",          price: "$85",          variant: "Wood",          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg",          imageAlt: "modern gadget lifestyle"},
-          name: "Minimalist Clock",
-          price: "$85",
-          variant: "Wood",
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg",
-          imageAlt: "modern gadget lifestyle",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Desk Lamp",          price: "$120",          variant: "Metal",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-meal-with-yogurt-composition_23-2148894705.jpg",          imageAlt: "product lifestyle studio"},
-          name: "Desk Lamp",
-          price: "$120",
-          variant: "Metal",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-meal-with-yogurt-composition_23-2148894705.jpg",
-          imageAlt: "product lifestyle studio",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Leather Journal",          price: "$25",          variant: "Leather",          imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg",          imageAlt: "minimal lifestyle product"},
-          name: "Leather Journal",
-          price: "$25",
-          variant: "Leather",
-          imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg",
-          imageAlt: "minimal lifestyle product",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Wool Blanket",          price: "$150",          variant: "Wool",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722635.jpg",          imageAlt: "premium lifestyle accessory"},
-          name: "Wool Blanket",
-          price: "$150",
-          variant: "Wool",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722635.jpg",
-          imageAlt: "premium lifestyle accessory",
-        },
       ]}
       title="Featured Collection"
       description="Browse our latest arrivals and timeless classics."
@@ -153,20 +102,11 @@ export default function LandingPage() {
       tag="Reliability"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "10k+",          description: "Happy Customers"},
-          value: "10k+",
-          description: "Happy Customers",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "5k+",          description: "Products Shipped"},
-          value: "5k+",
-          description: "Products Shipped",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "99%",          description: "Satisfaction Rate"},
-          value: "99%",
-          description: "Satisfaction Rate",
-        },
       ]}
     />
   </div>
@@ -176,35 +116,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice M.",          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          imageAlt: "portrait happy customer"},
-          name: "Alice M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-          imageAlt: "portrait happy customer",
-        },
         {
-          id: "2",
+          id: "2",          name: "Bob S.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-paper-bags_23-2147669698.jpg",          imageAlt: "portrait happy male customer"},
-          name: "Bob S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-paper-bags_23-2147669698.jpg",
-          imageAlt: "portrait happy male customer",
-        },
         {
-          id: "3",
+          id: "3",          name: "Charlie D.",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",          imageAlt: "portrait diverse customer"},
-          name: "Charlie D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
-          imageAlt: "portrait diverse customer",
-        },
         {
-          id: "4",
+          id: "4",          name: "Diana P.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-bags_1098-2400.jpg",          imageAlt: "portrait happy female"},
-          name: "Diana P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-colorful-bags_1098-2400.jpg",
-          imageAlt: "portrait happy female",
-        },
         {
-          id: "5",
+          id: "5",          name: "Evan L.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",          imageAlt: "portrait male customer"},
-          name: "Evan L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
-          imageAlt: "portrait male customer",
-        },
       ]}
       cardTitle="Loved by Our Community"
       cardTag="Reviews"
@@ -217,14 +137,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Partner 1",
+        "Partner 1",        "Partner 2",        "Partner 3",        "Partner 4",        "Partner 5",        "Partner 6",        "Partner 7"]}
-        "Partner 2",
-        "Partner 3",
-        "Partner 4",
-        "Partner 5",
-        "Partner 6",
-        "Partner 7",
-      ]}
       title="Trusted by Industry Leaders"
       description="Collaborating with world-class brands to bring you the very best."
     />
@@ -236,20 +149,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "What is your shipping policy?",          content: "We offer free shipping on orders over $50."},
-          title: "What is your shipping policy?",
-          content: "We offer free shipping on orders over $50.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you accept returns?",          content: "Yes, we accept returns within 30 days of purchase."},
-          title: "Do you accept returns?",
-          content: "Yes, we accept returns within 30 days of purchase.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can I track my order?",          content: "Yes, you will receive a tracking link via email."},
-          title: "Can I track my order?",
-          content: "Yes, you will receive a tracking link via email.",
-        },
       ]}
       title="Frequently Asked Questions"
       faqsAnimation="blur-reveal"
@@ -258,26 +162,16 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
-      useInvertedBackground={true}
+      tag="Get In Touch"
-      title="Need Support?"
+      title="Ready to Upgrade Your Lifestyle?"
-      description="Reach out to our team for any queries."
+      description="Our support team is always here to help you choose the best products for your needs. Connect with us today for a seamless shopping experience."
-      inputs={[
+      buttons={[
-        {
+        { text: "Contact Support", href: "#contact" },
-          name: "name",
+        { text: "Shop Collections", href: "#products" }
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg"
+      useInvertedBackground={true}
-      imageAlt="customer support office"
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
@@ -285,29 +179,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
             {
-              label: "All Products",
+              label: "All Products",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "New Arrivals",
+              label: "New Arrivals",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
       ]}