Update src/app/styles/variables.css

src/app/page.tsx

@@ -20,10 +20,10 @@ export default function SkincareTemplatePage() {
             borderRadius="rounded"
             contentWidth="small"
             sizing="largeSmallSizeLargeTitles"
-            background="aurora"
+            background="fluid"
-            cardStyle="gradient-bordered"
+            cardStyle="glass-depth"
-            primaryButtonStyle="double-inset"
+            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="solid"
+            secondaryButtonStyle="glass"
             headingFontWeight="extrabold"
         >
             <div id="nav" data-section="nav">
@@ -36,7 +36,7 @@ export default function SkincareTemplatePage() {
                         { name: "Reviews", id: "reviews" },
                         { name: "Contact", id: "contact" }
                     ]}
-                    button={{ text: "Shop Now", href: "products" }}
+                    button={{ text: "Shop Now", href: "#products" }}
                 />
             </div>
 
@@ -60,8 +60,7 @@ export default function SkincareTemplatePage() {
                 <InlineImageSplitTextAbout
                     heading={[
                         { type: "text", content: "Crafted with care and precision using nature's finest elements and cutting-edge skincare science to deliver exceptional results for your skin" },
-                        { type: "image", src: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", alt: "Natural ingredients" },
+                        { type: "image", src: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", alt: "Natural ingredients" }
-                        { type: "text", content: "" }
                     ]}
                     buttonAnimation="blur-reveal"
                     useInvertedBackground={true}
@@ -77,25 +76,13 @@ export default function SkincareTemplatePage() {
                     description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
                     products={[
                         {
-                            id: "1",
+                            id: "1",                            name: "Hydrating Moisturizer",                            price: "$68",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp",                            imageAlt: "Hydrating Moisturizer bottle"
-                            name: "Hydrating Moisturizer",
-                            price: "$68",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp",
-                            imageAlt: "Hydrating Moisturizer bottle"
                         },
                         {
-                            id: "2",
+                            id: "2",                            name: "Radiance Serum",                            price: "$85",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp",                            imageAlt: "Radiance Serum bottle"
-                            name: "Radiance Serum",
-                            price: "$85",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp",
-                            imageAlt: "Radiance Serum bottle"
                         },
                         {
-                            id: "3",
+                            id: "3",                            name: "Purifying Face Mask",                            price: "$52",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp",                            imageAlt: "Purifying Face Mask jar"
-                            name: "Purifying Face Mask",
-                            price: "$52",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp",
-                            imageAlt: "Purifying Face Mask jar"
                         }
                     ]}
                     gridVariant="three-columns-all-equal-width"
@@ -111,20 +98,13 @@ export default function SkincareTemplatePage() {
                     description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
                     features={[
                         {
-                            title: "Worldwide Shipping",
+                            title: "Worldwide Shipping",                            description: "Fast and reliable delivery to over 150 countries worldwide",                            bentoComponent: "globe"
-                            description: "Fast and reliable delivery to over 150 countries worldwide",
-                            bentoComponent: "globe"
                         },
                         {
-                            title: "Clinically Proven",
+                            title: "Clinically Proven",                            description: "Dermatologist-tested and proven effective in clinical trials",                            bentoComponent: "line-chart"
-                            description: "Dermatologist-tested and proven effective in clinical trials",
-                            bentoComponent: "line-chart"
                         },
                         {
-                            title: "Sustainable",
+                            title: "Sustainable",                            description: "Eco-conscious packaging and ethical sourcing practices",                            bentoComponent: "orbiting-icons",                            centerIcon: Leaf,
-                            description: "Eco-conscious packaging and ethical sourcing practices",
-                            bentoComponent: "orbiting-icons",
-                            centerIcon: Leaf,
                             items: [
                                 { icon: Droplet, ring: 1 },
                                 { icon: Sprout, ring: 2 },
@@ -145,9 +125,7 @@ export default function SkincareTemplatePage() {
                     author="Sarah Mitchell, Beauty Editor"
                     avatars={[
                         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "Sarah Mitchell" },
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif", alt: "Customer testimonial" },
+                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif", alt: "Customer testimonial" }
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", alt: "Customer testimonial" },
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "Customer testimonial" }
                     ]}
                     ratingAnimation="slide-up"
                     avatarsAnimation="slide-up"
@@ -160,26 +138,8 @@ export default function SkincareTemplatePage() {
                     title="Frequently Asked Questions"
                     description="Everything you need to know about our skincare products, worldwide shipping, and delivery."
                     faqs={[
-                        {
+                        { id: "1", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use." },
-                            id: "1",
+                        { id: "2", title: "Are your products suitable for sensitive skin?", content: "Yes! All Luminé products are formulated to be gentle and non-irritating." }
-                            title: "How long does it take to see results?",
-                            content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 6-8 weeks."
-                        },
-                        {
-                            id: "2",
-                            title: "Are your products suitable for sensitive skin?",
-                            content: "Yes! All Luminé products are formulated to be gentle and non-irritating. We use natural ingredients and avoid common irritants. We recommend patch testing first if you have very reactive skin."
-                        },
-                        {
-                            id: "3",
-                            title: "Do you offer worldwide shipping?",
-                            content: "Absolutely! We ship to over 150 countries worldwide. Standard shipping typically takes 7-14 business days depending on your location. Express shipping options are also available for faster delivery."
-                        },
-                        {
-                            id: "4",
-                            title: "What is your return policy?",
-                            content: "We offer a 60-day satisfaction guarantee on all purchases. If you're not completely happy with your skincare, return it for a full refund or exchange. Worldwide returns are processed efficiently through our international shipping partners."
-                        }
                     ]}
                     imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp"
                     imageAlt="Skincare routine and wellness"
@@ -198,11 +158,10 @@ export default function SkincareTemplatePage() {
                     title="Get Your Glow On"
                     description="Subscribe to our newsletter for skincare tips, product launches, and exclusive worldwide shipping offers delivered to your inbox."
                     tagIcon={Mail}
-                    background={{ variant: "plain" }}
+                    background={{ variant: "sparkles-gradient" }}
                     useInvertedBackground={false}
                     inputPlaceholder="Enter your email"
                     buttonText="Subscribe"
-                    termsText="We respect your privacy. Unsubscribe anytime."
                 />
             </div>
 
@@ -210,46 +169,12 @@ export default function SkincareTemplatePage() {
                 <FooterBaseCard
                     logoText="Luminé"
                     columns={[
-                        {
+                        { title: "Product", items: [{ label: "Moisturizers", href: "#products" }] },
-                            title: "Product",
+                        { title: "Company", items: [{ label: "About Us", href: "#about" }] }
-                            items: [
-                                { label: "Moisturizers", href: "#products" },
-                                { label: "Serums", href: "#products" },
-                                { label: "Masks", href: "#products" },
-                                { label: "Bundles", href: "#products" }
-                            ]
-                        },
-                        {
-                            title: "Company",
-                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Sustainability", href: "#about" },
-                                { label: "Blog", href: "#" },
-                                { label: "Careers", href: "#" }
-                            ]
-                        },
-                        {
-                            title: "Support",
-                            items: [
-                                { label: "Contact Us", href: "#contact" },
-                                { label: "FAQ", href: "#faq" },
-                                { label: "Worldwide Shipping", href: "#" },
-                                { label: "Returns", href: "#" }
-                            ]
-                        },
-                        {
-                            title: "Connect",
-                            items: [
-                                { label: "Instagram", href: "#" },
-                                { label: "Facebook", href: "#" },
-                                { label: "Pinterest", href: "#" },
-                                { label: "TikTok", href: "#" }
-                            ]
-                        }
                     ]}
                     copyrightText="© 2025 Luminé Skincare. All rights reserved."
                 />
             </div>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #f0f2f5;
-  --card: #f3ede2;
+  --card: #ffffff;
-  --foreground: #2e2521;
+  --foreground: #1a1a1a;
-  --primary-cta: #2e2521;
+  --primary-cta: #7c3aed;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f3f4f6;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #ec4899;
-  --background-accent: #b2a28b;
+  --background-accent: #fce7f3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);