Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -7,6 +7,7 @@ import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSp
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -34,6 +35,7 @@ export default function SkincareTemplatePage() {
                         { name: "About", id: "about" },
                         { name: "Benefits", id: "benefits" },
                         { name: "Reviews", id: "reviews" },
+                        { name: "Depoiments", id: "client-depoiments" },
                         { name: "Contact", id: "contact" }
                     ]}
                     button={{ text: "Shop Now", href: "products" }}
@@ -134,7 +136,7 @@ export default function SkincareTemplatePage() {
                             id: "3",                            name: "Jessica Wong",                            handle: "@jwong_glows",                            testimonial: "The Radiance Serum is my new holy grail! My complexion has never looked better. Thank you, Luminé, for these incredible products.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif",                            imageAlt: "Jessica Wong"
                         },
                         {
-                            id: "4",                            name: "Michael Chen",                            handle: "@m_chen_skin",                            testimonial: "Finally, a skincare line that truly delivers on its promises. Sustainable, effective, and feels luxurious. I'm a customer for life.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif",                            imageAlt: "Michael Chen"
+                            id: "4",                            name: "Michael Chen",                            handle: "@m_chen_skin",                            testimonial: "Finally, a skincare line that truly delivers on its promises. Sustainable, effective, and luxurious. I'm a customer for life.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif",                            imageAlt: "Michael Chen"
                         }
                     ]}
                     animationType="slide-up"
@@ -143,6 +145,26 @@ export default function SkincareTemplatePage() {
                 />
             </div>
 
+            <div id="client-depoiments" data-section="client-depoiments">
+                <TestimonialCardFive
+                    title="Client Success Stories"
+                    description="Hear directly from our satisfied customers who have experienced the Luminé difference."
+                    testimonials={[
+                        {
+                            id: "1",                            name: "Olivia Rodriguez",                            date: "2023-11-01",                            title: "Absolutely love the results!",                            quote: "Luminé's products have transformed my skin. It's never felt so smooth and looked so radiant. Highly recommend to everyone looking for a true glow-up!",                            tag: "Verified Purchase",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif",                            avatarAlt: "Olivia Rodriguez"
+                        },
+                        {
+                            id: "2",                            name: "Marcus Thorne",                            date: "2023-10-25",                            title: "Game-changer for sensitive skin",                            quote: "As someone with very sensitive skin, finding effective products is a challenge. Luminé has been gentle yet incredibly effective. My skin barrier feels stronger and looks healthier.",                            tag: "Sensitive Skin User",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif",                            avatarAlt: "Marcus Thorne"
+                        },
+                        {
+                            id: "3",                            name: "Sophia Chang",                            date: "2023-09-15",                            title: "My new skincare obsession!",                            quote: "The Hydrating Moisturizer is a dream! It's lightweight, deeply moisturizing, and gives my skin a dewy finish. I can't imagine my routine without it now.",                            tag: "Beauty Enthusiast",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif",                            avatarAlt: "Sophia Chang"
+                        }
+                    ]}
+                    textboxLayout="default"
+                    useInvertedBackground={true}
+                />
+            </div>
+
             <div id="faq" data-section="faq">
                 <FaqDouble
                     title="Got Questions? We Have Answers."
@@ -189,4 +211,4 @@ export default function SkincareTemplatePage() {
             </div>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f7f6f7;
-  --card: #1a1a1a;
+  --card: #ffffff;
-  --foreground: #f5f5f5;
+  --foreground: #1b0c25;
-  --primary-cta: #ffdf7d;
+  --primary-cta: #1b0c25;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
+  --accent: #ff93e4;
-  --background-accent: #8b6914;
+  --background-accent: #e8a8c3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);