Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,7 +9,6 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { ShoppingBag, Star, Users } from "lucide-react";
@@ -33,21 +32,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Products",
+          name: "About",          id: "about"},
-          id: "products",
-        },
         {
-          name: "About",
+          name: "Contact",          id: "contact"},
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Shop Ka Pon x Lius"
     />
@@ -56,63 +45,40 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Shop Ka Pon x Lius"
       description="Discover curated products for your lifestyle. High-quality goods, delivered straight to your door with love."
       buttons={[
         {
-          text: "Shop Now",
+          text: "Shop Now",          href: "#features"},
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/lovely-romantic-cute-redhead-woman-prepared-gift-valentines-day-wrapped-present-pink-pape_1258-132697.jpg"
       imageAlt="Shop Ka Pon x Lius Hero Store"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/dreamy-silly-cute-redhead-girl-with-passionate-admiring-look-biting-lip-have-desire-wish-holding_1258-126197.jpg",
+          src: "http://img.b2bpic.net/free-photo/dreamy-silly-cute-redhead-girl-with-passionate-admiring-look-biting-lip-have-desire-wish-holding_1258-126197.jpg",          alt: "Customer 1"},
-          alt: "Customer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-excited-man-face-mask-showing-shopping-bags-rejoicing-fr_1258-155392.jpg",
+          src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-excited-man-face-mask-showing-shopping-bags-rejoicing-fr_1258-155392.jpg",          alt: "Customer 2"},
-          alt: "Customer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg",
+          src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg",          alt: "Customer 3"},
-          alt: "Customer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera_1258-118763.jpg",
+          src: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera_1258-118763.jpg",          alt: "Customer 4"},
-          alt: "Customer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",          alt: "Customer 5"},
-          alt: "Customer 5",
-        },
       ]}
       avatarText="Join our 10,000+ happy shoppers."
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Free Shipping Worldwide"},
-          text: "Free Shipping Worldwide",
-        },
         {
-          type: "text",
+          type: "text",          text: "30-Day Money Back Guarantee"},
-          text: "30-Day Money Back Guarantee",
-        },
         {
-          type: "text",
+          type: "text",          text: "Secure Checkout"},
-          text: "Secure Checkout",
-        },
         {
-          type: "text",
+          type: "text",          text: "24/7 Customer Support"},
-          text: "24/7 Customer Support",
-        },
         {
-          type: "text",
+          type: "text",          text: "New Arrivals Weekly"},
-          text: "New Arrivals Weekly",
-        },
       ]}
     />
   </div>
@@ -125,75 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Fast Shipping",
+          title: "Fast Shipping",          description: "Quick deliveries nationwide.",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-delivery-truck-with-box_23-2148790057.jpg"},
-          description: "Quick deliveries nationwide.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-delivery-truck-with-box_23-2148790057.jpg",
-        },
         {
-          title: "Secure Payments",
+          title: "Secure Payments",          description: "Safe and encrypted checkout.",          imageSrc: "http://img.b2bpic.net/free-photo/global-credit-card-international-payments-concept_23-2152012409.jpg"},
-          description: "Safe and encrypted checkout.",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-credit-card-international-payments-concept_23-2152012409.jpg",
-        },
         {
-          title: "24/7 Support",
+          title: "24/7 Support",          description: "We are here to assist you anytime.",          imageSrc: "http://img.b2bpic.net/free-photo/audio-headset-used-by-call-center-agents-help-clients-telecommunication-with-technology-empty-customer-service-workstation-with-headphones-computers-modern-gadgets_482257-40834.jpg"},
-          description: "We are here to assist you anytime.",
-          imageSrc: "http://img.b2bpic.net/free-photo/audio-headset-used-by-call-center-agents-help-clients-telecommunication-with-technology-empty-customer-service-workstation-with-headphones-computers-modern-gadgets_482257-40834.jpg",
-        },
       ]}
       title="Why Choose Us"
       description="Experience superior shopping convenience and peace of mind."
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Classic T-Shirt",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994247.jpg",
-        },
-        {
-          id: "p2",
-          name: "Modern Bag",
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/pullover-camera-laid-near-coffee-pinecones_23-2147912476.jpg",
-        },
-        {
-          id: "p3",
-          name: "Designer Glasses",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-bottle-stand_23-2149234330.jpg",
-        },
-        {
-          id: "p4",
-          name: "Minimalist Watch",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-young-woman-with-skateboard-beautiful-summer-sunny-day_146671-18502.jpg",
-        },
-        {
-          id: "p5",
-          name: "Leather Wallet",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10555.jpg",
-        },
-        {
-          id: "p6",
-          name: "Casual Sneakers",
-          price: "$95",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-different-objects-fathers-day_23-2148097959.jpg",
-        },
-      ]}
-      title="Trending Products"
-      description="Our most popular items chosen just for you."
-    />
-  </div>
-
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       animationType="slide-up"
@@ -202,25 +110,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "10k+",          title: "Happy Customers",          description: "Served with pride",          icon: Users,
-          value: "10k+",
-          title: "Happy Customers",
-          description: "Served with pride",
-          icon: Users,
         },
         {
-          id: "m2",
+          id: "m2",          value: "5k+",          title: "Items Sold",          description: "Quality goods",          icon: ShoppingBag,
-          value: "5k+",
-          title: "Items Sold",
-          description: "Quality goods",
-          icon: ShoppingBag,
         },
         {
-          id: "m3",
+          id: "m3",          value: "4.9/5",          title: "Average Rating",          description: "Consistent excellence",          icon: Star,
-          value: "4.9/5",
-          title: "Average Rating",
-          description: "Consistent excellence",
-          icon: Star,
         },
       ]}
       title="Our Impact"
@@ -233,30 +129,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Alice Wong",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg"},
-          name: "Alice Wong",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Bob Smith",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
-          name: "Bob Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Charlie Day",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660753.jpg"},
-          name: "Charlie Day",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660753.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Diana Prince",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148506477.jpg"},
-          name: "Diana Prince",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2148506477.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Evan Chen",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg"},
-          name: "Evan Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
-        },
       ]}
       cardTitle="Customer Stories"
       cardAnimation="slide-up"
@@ -270,20 +151,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How long is shipping?",          content: "Orders typically arrive within 3-5 business days."},
-          title: "How long is shipping?",
-          content: "Orders typically arrive within 3-5 business days.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I return an item?",          content: "Yes, we offer a 30-day return policy for all items."},
-          title: "Can I return an item?",
-          content: "Yes, we offer a 30-day return policy for all items.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is my payment secure?",          content: "Absolutely, we use industry-standard encryption for all transactions."},
-          title: "Is my payment secure?",
-          content: "Absolutely, we use industry-standard encryption for all transactions.",
-        },
       ]}
       title="Common Questions"
       description="Answers to everything you need to know."
@@ -296,14 +168,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Visa",
+        "Visa",        "Mastercard",        "Paypal",        "Stripe",        "FedEx",        "DHL",        "UPS"]}
-        "Mastercard",
-        "Paypal",
-        "Stripe",
-        "FedEx",
-        "DHL",
-        "UPS",
-      ]}
       title="Trusted Partners"
       description="We work with top-tier partners to ensure your experience is seamless."
     />
@@ -313,14 +178,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       text="Ready to get started? Get in touch with us."
       buttons={[
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -329,42 +191,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
             {
-              label: "Products",
+              label: "Products",              href: "#features"},
-              href: "#products",
-            },
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              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: "#",
-            },
           ],
         },
       ]}
@@ -375,4 +222,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}