Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Shop",
-          id: "#products",
-        },
+          name: "Shop",          id: "#products"},
         {
-          name: "Our Story",
-          id: "#about",
-        },
+          name: "Our Story",          id: "#about"},
         {
-          name: "Reviews",
-          id: "#testimonials",
-        },
+          name: "Reviews",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Lumina"
     />
@@ -55,9 +47,7 @@ export default function LandingPage() {
       description="Premium skincare crafted with nature's purest ingredients for your natural radiance."
       buttons={[
         {
-          text: "Shop Collection",
-          href: "#products",
-        },
+          text: "Shop Collection",          href: "#products"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/plates-glasses-arrangement-flat-lay_23-2149722469.jpg"
       imageAlt="Luxurious skincare products"
@@ -72,17 +62,11 @@ export default function LandingPage() {
       description="We believe beauty should be clean, honest, and effective. Our products are formulated in small batches using responsibly sourced botanicals to ensure maximum potency and freshness."
       bulletPoints={[
         {
-          title: "Organic Ingredients",
-          description: "100% plant-based and cruelty-free.",
-        },
+          title: "Organic Ingredients",          description: "100% plant-based and cruelty-free."},
         {
-          title: "Sustainable Sourcing",
-          description: "Eco-conscious farming and packaging.",
-        },
+          title: "Sustainable Sourcing",          description: "Eco-conscious farming and packaging."},
         {
-          title: "Small Batch Crafted",
-          description: "Freshly made for better results.",
-        },
+          title: "Small Batch Crafted",          description: "Freshly made for better results."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/spa-composition-with-massage-scrub-soap-brush_169016-29817.jpg"
       imageAlt="Skincare ritual"
@@ -91,51 +75,23 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Radiance Serum",
-          price: "$64",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jars-minimal-background_53876-143168.jpg",
-        },
-        {
-          id: "p2",
-          name: "Hydrating Face Oil",
-          price: "$52",
-          imageSrc: "http://img.b2bpic.net/free-photo/plastic-cream-container-with-plant_23-2148549077.jpg",
-        },
-        {
-          id: "p3",
-          name: "Night Moisture Cream",
-          price: "$78",
-          imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817638.jpg",
-        },
-        {
-          id: "p4",
-          name: "Gentle Cleansing Balm",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149291992.jpg",
-        },
-        {
-          id: "p5",
-          name: "Botanical Mist",
-          price: "$38",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cosmetics-serums_23-2148574918.jpg",
-        },
-        {
-          id: "p6",
-          name: "Revitalizing Eye Cream",
-          price: "$58",
-          imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820954.jpg",
-        },
-      ]}
       title="Our Essentials"
       description="Experience the transformational power of our core skincare collection."
+      products={[
+        {
+          id: "p1",          name: "Radiance Serum",          price: "$64",          variant: "Add to Cart",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jars-minimal-background_53876-143168.jpg"},
+        {
+          id: "p2",          name: "Hydrating Face Oil",          price: "$52",          variant: "Add to Cart",          imageSrc: "http://img.b2bpic.net/free-photo/plastic-cream-container-with-plant_23-2148549077.jpg"},
+        {
+          id: "p3",          name: "Night Moisture Cream",          price: "$78",          variant: "Add to Cart",          imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817638.jpg"},
+        {
+          id: "p4",          name: "Gentle Cleansing Balm",          price: "$45",          variant: "Add to Cart",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149291992.jpg"},
+      ]}
     />
   </div>
 
@@ -144,30 +100,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Alice M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg",
-        },
+          id: "t1",          name: "Alice M.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg"},
         {
-          id: "t2",
-          name: "Chloe B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/warm-portrait-beautiful-young-brunette_8353-5051.jpg",
-        },
+          id: "t2",          name: "Chloe B.",          imageSrc: "http://img.b2bpic.net/free-photo/warm-portrait-beautiful-young-brunette_8353-5051.jpg"},
         {
-          id: "t3",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-surprised-young-women-apply-beauty-masks-face-make-grimace-smartphone-camera-take-selfie-dressed-casual-clothes-isolated-beige-background-friends-skin-care-concept_273609-62509.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cleaning-with-lemon_23-2148883424.jpg",
-        },
-        {
-          id: "t5",
-          name: "Maria K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-happy-elegant-lady-with-brown-hair-bun-smiling-looking-aside-isolated-white_171337-765.jpg",
-        },
+          id: "t3",          name: "Elena R.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-surprised-young-women-apply-beauty-masks-face-make-grimace-smartphone-camera-take-selfie-dressed-casual-clothes-isolated-beige-background-friends-skin-care-concept_273609-62509.jpg"},
       ]}
       cardTitle="Loved by You"
       cardTag="Reviews"
@@ -179,14 +116,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Join our beauty community for exclusive updates and skincare tips."
       buttons={[
         {
-          text: "Subscribe Now",
-          href: "#",
-        },
+          text: "Subscribe Now",          href: "#"},
       ]}
     />
   </div>
@@ -200,4 +134,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}