Update src/app/page.tsx

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 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: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Shop",
+          name: "Shop",          id: "products"},
-          id: "products",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="Outlook Drop"
     />
@@ -55,104 +47,56 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Elevated Essentials, Direct to You"
       description="Discover curated collections designed for modern style. Limited drops, premium quality, shipped fast."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-grandstands_23-2149659144.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-grandstands_23-2149659144.jpg",          imageAlt: "Model 1"},
-          imageAlt: "Model 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409176.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409176.jpg",          imageAlt: "Model 2"},
-          imageAlt: "Model 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432336.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432336.jpg",          imageAlt: "Model 3"},
-          imageAlt: "Model 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575368.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575368.jpg",          imageAlt: "Model 4"},
-          imageAlt: "Model 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1337.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1337.jpg",          imageAlt: "Model 5"},
-          imageAlt: "Model 5",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture_1308-4856.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture_1308-4856.jpg",          imageAlt: "Model A"},
-          imageAlt: "Model A",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg",          imageAlt: "Model B"},
-          imageAlt: "Model B",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409175.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409175.jpg",          imageAlt: "Model C"},
-          imageAlt: "Model C",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg",          imageAlt: "Model D"},
-          imageAlt: "Model D",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/feeling-good-young-housewife-decided-glue-wallpaper-her-new-house-room_146671-15980.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/feeling-good-young-housewife-decided-glue-wallpaper-her-new-house-room_146671-15980.jpg",          imageAlt: "Model E"},
-          imageAlt: "Model E",
-        },
       ]}
       buttons={[
         {
-          text: "Shop Latest Drop",
+          text: "Shop Latest Drop",          href: "#products"},
-          href: "#products",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg",
+          src: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg",          alt: "Customer profile 1"},
-          alt: "Customer profile 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-women-taking-selfie-together_23-2148627191.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-women-taking-selfie-together_23-2148627191.jpg",          alt: "Customer profile 2"},
-          alt: "Customer profile 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg",          alt: "Customer profile 3"},
-          alt: "Customer profile 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-teenager-with-skateboard-outdoors-copy-space_23-2148758455.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-teenager-with-skateboard-outdoors-copy-space_23-2148758455.jpg",          alt: "Customer profile 4"},
-          alt: "Customer profile 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-teenager-having-lunch-park-skateboard_23-2148758443.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-teenager-having-lunch-park-skateboard_23-2148758443.jpg",          alt: "Customer profile 5"},
-          alt: "Customer profile 5",
-        },
       ]}
       avatarText="Join 10,000+ style leaders"
       marqueeItems={[
-        {
+        { type: "text", text: "Premium Quality" },
-          type: "text",
+        { type: "text", text: "Direct to Consumer" },
-          text: "Premium Quality",
+        { type: "text", text: "Modern Silhouettes" },
-        },
+        { type: "text", text: "Fast Shipping" },
-        {
+        { type: "text", text: "Sustainable Materials" },
-          type: "text",
-          text: "Direct to Consumer",
-        },
-        {
-          type: "text",
-          text: "Modern Silhouettes",
-        },
-        {
-          type: "text",
-          text: "Fast Shipping",
-        },
-        {
-          type: "text",
-          text: "Sustainable Materials",
-        },
       ]}
     />
   </div>
@@ -163,18 +107,9 @@ export default function LandingPage() {
       title="Designed for the Modern Urban Lifestyle"
       description="Outlook Drop bridges the gap between high-end fashion and everyday functionality. We focus on premium materials and timeless silhouettes that define your unique style."
       metrics={[
-        {
+        { value: "50+", title: "Drops Completed" },
-          value: "50+",
+        { value: "10k+", title: "Happy Clients" },
-          title: "Drops Completed",
+        { value: "100%", title: "Premium Material" },
-        },
-        {
-          value: "10k+",
-          title: "Happy Clients",
-        },
-        {
-          value: "100%",
-          title: "Premium Material",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/travel-still-life-pack-flat-lay_23-2148837336.jpg"
       mediaAnimation="slide-up"
@@ -187,36 +122,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "1", label: "Quality", title: "Premium Construction", items: ["Reinforced stitching", "Heavyweight cotton", "Pre-shrunk fabrics"] },
-          id: "1",
+        { id: "2", label: "Design", title: "Timeless Silhouettes", items: ["Minimal branding", "Modern fits", "Neutral palettes"] },
-          label: "Quality",
+        { id: "3", label: "Shipping", title: "Directly To You", items: ["Fast local shipping", "Secure packaging", "Carbon neutral"] },
-          title: "Premium Construction",
-          items: [
-            "Reinforced stitching",
-            "Heavyweight cotton",
-            "Pre-shrunk fabrics",
-          ],
-        },
-        {
-          id: "2",
-          label: "Design",
-          title: "Timeless Silhouettes",
-          items: [
-            "Minimal branding",
-            "Modern fits",
-            "Neutral palettes",
-          ],
-        },
-        {
-          id: "3",
-          label: "Shipping",
-          title: "Directly To You",
-          items: [
-            "Fast local shipping",
-            "Secure packaging",
-            "Carbon neutral",
-          ],
-        },
       ]}
       title="Why Outlook Drop"
       description="Excellence in every detail."
@@ -230,60 +138,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", brand: "Outlook Drop", name: "Premium Hoodie", price: "$89", rating: 5, reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg?_wi=1" },
-          id: "p1",
+        { id: "p2", brand: "Outlook Drop", name: "Urban Tee", price: "$45", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-jean-cloth-sweater-with-tags_23-2147957043.jpg" },
-          brand: "Outlook Drop",
+        { id: "p3", brand: "Outlook Drop", name: "Denim Jacket", price: "$120", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/old-shoe_1122-373.jpg" },
-          name: "Premium Hoodie",
+        { id: "p4", brand: "Outlook Drop", name: "Everyday Cap", price: "$30", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg" },
-          price: "$89",
+        { id: "p5", brand: "Outlook Drop", name: "Cargo Joggers", price: "$95", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2788.jpg" },
-          rating: 5,
+        { id: "p6", brand: "Outlook Drop", name: "Cotton Overshirt", price: "$75", rating: 4, reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-size-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall_158538-26402.jpg" },
-          reviewCount: "124",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Outlook Drop",
-          name: "Urban Tee",
-          price: "$45",
-          rating: 5,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-jean-cloth-sweater-with-tags_23-2147957043.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Outlook Drop",
-          name: "Denim Jacket",
-          price: "$120",
-          rating: 4,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-shoe_1122-373.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Outlook Drop",
-          name: "Everyday Cap",
-          price: "$30",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Outlook Drop",
-          name: "Cargo Joggers",
-          price: "$95",
-          rating: 5,
-          reviewCount: "67",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2788.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Outlook Drop",
-          name: "Cotton Overshirt",
-          price: "$75",
-          rating: 4,
-          reviewCount: "34",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-size-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall_158538-26402.jpg",
-        },
       ]}
       title="Featured Essentials"
       description="Limited availability for the modern wardrobe."
@@ -296,41 +156,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", handle: "@sarahstyle", testimonial: "The quality is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-thoughtful-woman-with-dark-skin-curly-hair-wears-hoodie_273609-18077.jpg" },
-          id: "1",
+        { id: "2", name: "Mike R.", handle: "@mikerocks", testimonial: "Fits perfectly every time.", imageSrc: "http://img.b2bpic.net/free-photo/girl-coffee-room_1398-784.jpg" },
-          name: "Sarah J.",
+        { id: "3", name: "Emily V.", handle: "@emilyv", testimonial: "My go-to brand for basics.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-woman-denim-jacket-white-jeans-making-selfie-curly-woman-with-handbag-taking-photo-outside_197531-19338.jpg" },
-          handle: "@sarahstyle",
+        { id: "4", name: "David L.", handle: "@davecool", testimonial: "Fast shipping, premium feel.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg" },
-          testimonial: "The quality is simply unmatched.",
+        { id: "5", name: "Nina T.", handle: "@ninatrend", testimonial: "Best hoodie I have ever owned.", imageSrc: "http://img.b2bpic.net/free-photo/excited-happy-teenage-interracial-couple-looking-camera_23-2148156368.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-thoughtful-woman-with-dark-skin-curly-hair-wears-hoodie_273609-18077.jpg",
-        },
-        {
-          id: "2",
-          name: "Mike R.",
-          handle: "@mikerocks",
-          testimonial: "Fits perfectly every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-coffee-room_1398-784.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily V.",
-          handle: "@emilyv",
-          testimonial: "My go-to brand for basics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/emotional-woman-denim-jacket-white-jeans-making-selfie-curly-woman-with-handbag-taking-photo-outside_197531-19338.jpg",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          handle: "@davecool",
-          testimonial: "Fast shipping, premium feel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
-        },
-        {
-          id: "5",
-          name: "Nina T.",
-          handle: "@ninatrend",
-          testimonial: "Best hoodie I have ever owned.",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-happy-teenage-interracial-couple-looking-camera_23-2148156368.jpg",
-        },
       ]}
       title="Community Voices"
       description="See why style leaders choose us."
@@ -341,111 +171,58 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["Urban Weekly", "Street Culture", "Fashion Hub", "Daily Style", "Modern Essentials", "Urban Trend", "Daily Look"]}
-        "Urban Weekly",
-        "Street Culture",
-        "Fashion Hub",
-        "Daily Style",
-        "Modern Essentials",
-        "Urban Trend",
-        "Daily Look",
-      ]}
       title="Featured In"
       description="Recognized by industry leaders."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "How do your sizes run?", content: "Our items run true to size, but we recommend checking our sizing guide." },
-          id: "q1",
+        { id: "q2", title: "Where do you ship from?", content: "We ship from our main fulfillment center in the US." },
-          title: "How do your sizes run?",
+        { id: "q3", title: "Can I return my order?", content: "Yes, we offer a 30-day return policy for unused items." },
-          content: "Our items run true to size, but we recommend checking our sizing guide.",
-        },
-        {
-          id: "q2",
-          title: "Where do you ship from?",
-          content: "We ship from our main fulfillment center in the US.",
-        },
-        {
-          id: "q3",
-          title: "Can I return my order?",
-          content: "Yes, we offer a 30-day return policy for unused items.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-white-hoodie-portrait_23-2149359833.jpg"
+      animationType="smooth"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
       tag="Let's Connect"
       title="Get Ready for the Next Drop"
       description="Sign up for updates on our upcoming releases and get early access."
-      buttons={[
+      background={{ variant: "radial-gradient" }}
-        {
+      useInvertedBackground={true}
-          text: "Contact Support",
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-white-hoodie-portrait_23-2149359833.jpg"
-          href: "mailto:hello@outlookdrop.com",
+      mediaAnimation="blur-reveal"
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterMedia
+      logoText="Outlook Drop"
+      imageSrc="http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg?_wi=2"
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
+            { label: "New Arrivals", href: "#products" },
-            {
+            { label: "Best Sellers", href: "#products" },
-              label: "New Arrivals",
-              href: "#products",
-            },
-            {
-              label: "Best Sellers",
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
+            { label: "About", href: "#about" },
-            {
+            { label: "Support", href: "#contact" },
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Support",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 Outlook Drop."
-      bottomRightText="All Rights Reserved."
     />
   </div>
       </ReactLenis>