From 053c575a4fa74fc3d1f73ab9714a91c4aefcb184 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 6 Mar 2026 18:04:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 73 +++++++++++++++++++++++++++++++-----------------
 1 file changed, 48 insertions(+), 25 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d932ec..2415346 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function DermaLanding() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"
@@ -37,7 +37,8 @@ export default function DermaLanding() {
             { name: "Testimonials", id: "testimonials" },
           ]}
           button={{
-            text: "Discover Your Ritual",            href: "#contact"}}
+            text: "Discover Your Ritual",            href: "#contact"
+          }}
         />
       </div>
 
@@ -45,14 +46,17 @@ export default function DermaLanding() {
         <HeroCentered
           title="Nordic Science Meets Minimalist Luxury"
           description="Derma harnesses Scandinavian purity and cutting-edge dermatology to deliver transformative skincare. Every formula is clean, clinically tested, and sustainably crafted for the conscious, affluent consumer."
-          background={{ variant: "aurora" }}
+          background={{ variant: "radial-gradient" }}
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/young-cloths-designer-office_1303-24984.jpg",              alt: "Satisfied skincare customer 1"},
+              src: "http://img.b2bpic.net/free-photo/young-cloths-designer-office_1303-24984.jpg",              alt: "Satisfied skincare customer 1"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/vertical-shot-young-smiling-woman-with-book-reading-cafe-enjoying-morning-breakfast-coffee_1258-199215.jpg",              alt: "Satisfied skincare customer 2"},
+              src: "http://img.b2bpic.net/free-photo/vertical-shot-young-smiling-woman-with-book-reading-cafe-enjoying-morning-breakfast-coffee_1258-199215.jpg",              alt: "Satisfied skincare customer 2"
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg",              alt: "Satisfied skincare customer 3"},
+              src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg",              alt: "Satisfied skincare customer 3"
+            },
           ]}
           avatarText="Trusted by 8,000+ conscious beauty consumers"
           buttons={[
@@ -81,11 +85,14 @@ export default function DermaLanding() {
           tag="Scientific Excellence"
           features={[
             {
-              id: "01",              title: "Arctic Botanicals",              description: "Pure, potent extracts from Nordic plants optimized for skin transformation and lasting efficacy.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963082.jpg",              imageAlt: "Arctic botanical ingredient"},
+              id: "01",              title: "Arctic Botanicals",              description: "Pure, potent extracts from Nordic plants optimized for skin transformation and lasting efficacy.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963082.jpg",              imageAlt: "Arctic botanical ingredient"
+            },
             {
-              id: "02",              title: "Clinical Efficacy",              description: "Every formula undergoes rigorous dermatological testing to ensure measurable, visible results.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242154.jpg",              imageAlt: "Clinically tested skincare molecule"},
+              id: "02",              title: "Clinical Efficacy",              description: "Every formula undergoes rigorous dermatological testing to ensure measurable, visible results.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242154.jpg",              imageAlt: "Clinically tested skincare molecule"
+            },
             {
-              id: "03",              title: "Sustainable Beauty",              description: "Minimal waste, maximum impact. Our packaging and sourcing reflect our commitment to planet and purity.",              imageSrc: "http://img.b2bpic.net/free-photo/accessories-summer-skin-body-care_185193-110795.jpg",              imageAlt: "Sustainable skincare packaging"},
+              id: "03",              title: "Sustainable Beauty",              description: "Minimal waste, maximum impact. Our packaging and sourcing reflect our commitment to planet and purity.",              imageSrc: "http://img.b2bpic.net/free-photo/accessories-summer-skin-body-care_185193-110795.jpg",              imageAlt: "Sustainable skincare packaging"
+            },
           ]}
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
@@ -101,11 +108,14 @@ export default function DermaLanding() {
           tag="Premium Products"
           products={[
             {
-              id: "1",              name: "Arctic Renewal Serum",              price: "$185",              imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449110.jpg",              imageAlt: "Arctic Renewal Serum luxur nordic skincare"},
+              id: "1",              name: "Arctic Renewal Serum",              price: "$185",              imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449110.jpg",              imageAlt: "Arctic Renewal Serum luxur nordic skincare"
+            },
             {
-              id: "2",              name: "Nordic Restore Cream",              price: "$215",              imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232241.jpg",              imageAlt: "Nordic Restore Cream premium moisturizer"},
+              id: "2",              name: "Nordic Restore Cream",              price: "$215",              imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232241.jpg",              imageAlt: "Nordic Restore Cream premium moisturizer"
+            },
             {
-              id: "3",              name: "Purify Cleansing Ritual",              price: "$95",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-hydro-alcoholic-gel-with-bottle-dispenser_23-2148775340.jpg",              imageAlt: "Purify Cleansing Ritual gentle beauty cleanser"},
+              id: "3",              name: "Purify Cleansing Ritual",              price: "$95",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-hydro-alcoholic-gel-with-bottle-dispenser_23-2148775340.jpg",              imageAlt: "Purify Cleansing Ritual gentle beauty cleanser"
+            },
           ]}
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
@@ -123,22 +133,28 @@ export default function DermaLanding() {
           testimonials={[
             {
               id: "1",              name: "Sophie Larsson",              handle: "@sophiebeauty",              testimonial: "Derma's serum transformed my sensitive skin. The results are visible within two weeks, and I love that every ingredient is traceable.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-cloths-designer-office_1303-24984.jpg",              imageAlt: "Sophie Larsson, skincare customer"},
+              imageSrc: "http://img.b2bpic.net/free-photo/young-cloths-designer-office_1303-24984.jpg",              imageAlt: "Sophie Larsson, skincare customer"
+            },
             {
               id: "2",              name: "Marie Dupont",              handle: "@marieluxtc",              testimonial: "Finally, luxury skincare that's scientifically proven AND ethical. This is the brand I'll use for life.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-smiling-woman-with-book-reading-cafe-enjoying-morning-breakfast-coffee_1258-199215.jpg",              imageAlt: "Marie Dupont, beauty enthusiast"},
+              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-smiling-woman-with-book-reading-cafe-enjoying-morning-breakfast-coffee_1258-199215.jpg",              imageAlt: "Marie Dupont, beauty enthusiast"
+            },
             {
               id: "3",              name: "Catherine Adams",              handle: "@cathbeautycare",              testimonial: "The Nordic ingredients are exquisite. My dermatologist is impressed with my skin improvement. Worth every penny.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg",              imageAlt: "Catherine Adams, luxury skincare client"},
+              imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-sitting-couch_23-2148095697.jpg",              imageAlt: "Catherine Adams, luxury skincare client"
+            },
             {
               id: "4",              name: "Isabelle Chen",              handle: "@isabelleluxliving",              testimonial: "Derma's commitment to sustainability sealed the deal. Clean beauty that actually works? This is the future.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-472.jpg",              imageAlt: "Isabelle Chen, conscious consumer"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-472.jpg",              imageAlt: "Isabelle Chen, conscious consumer"
+            },
             {
               id: "5",              name: "Emma Richardson",              handle: "@emmabeautyrituals",              testimonial: "The minimalist packaging is beautiful, but the real luxury is in the results. My skin has never looked better.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-long-wavy-hair-earring-jewelry-woman-natural-beauty-gently-makeup-cosmetics_132075-9427.jpg",              imageAlt: "Emma Richardson, skincare expert"},
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-long-wavy-hair-earring-jewelry-woman-natural-beauty-gently-makeup-cosmetics_132075-9427.jpg",              imageAlt: "Emma Richardson, skincare expert"
+            },
             {
               id: "6",              name: "Anna Bergström",              handle: "@annabeautyjourney",              testimonial: "As a sensitive skin sufferer, I've tried everything. Derma is the only line that delivers without irritation.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-young-brunette-girl-fashionable-black-dress-smiling-camera-while-sitting-windowsill-good-mood-concept_197531-31424.jpg",              imageAlt: "Anna Bergström, skincare enthusiast"},
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-young-brunette-girl-fashionable-black-dress-smiling-camera-while-sitting-windowsill-good-mood-concept_197531-31424.jpg",              imageAlt: "Anna Bergström, skincare enthusiast"
+            },
           ]}
           showRating={true}
           textboxLayout="default"
@@ -154,9 +170,11 @@ export default function DermaLanding() {
           description="Featured in premium publications and certified by leading beauty and sustainability organizations worldwide."
           tag="Recognized Excellence"
           names={[
-            "Vogue",            "Harper's Bazaar",            "ELLE",            "Dermatology Association",            "EcoCert",            "Leaping Bunny",            "Nordic Beauty Awards"]}
+            "Vogue",            "Harper's Bazaar",            "ELLE",            "Dermatology Association",            "EcoCert",            "Leaping Bunny",            "Nordic Beauty Awards"
+          ]}
           logos={[
-            "http://img.b2bpic.net/free-vector/fashion-logo-editorial-template_23-2148701248.jpg",            "http://img.b2bpic.net/free-vector/supermarket-logo_23-2148490225.jpg",            "http://img.b2bpic.net/free-vector/set-wedding-monogram-logos_79603-782.jpg",            "http://img.b2bpic.net/free-vector/premium-quality-labels_1114-211.jpg",            "http://img.b2bpic.net/free-vector/flat-design-eco-badges_23-2149195036.jpg",            "http://img.b2bpic.net/free-vector/cruelty-free-badge-collection_23-2148852464.jpg",            "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148380697.jpg"]}
+            "http://img.b2bpic.net/free-vector/fashion-logo-editorial-template_23-2148701248.jpg",            "http://img.b2bpic.net/free-vector/supermarket-logo_23-2148490225.jpg",            "http://img.b2bpic.net/free-vector/set-wedding-monogram-logos_79603-782.jpg",            "http://img.b2bpic.net/free-vector/premium-quality-labels_1114-211.jpg",            "http://img.b2bpic.net/free-vector/flat-design-eco-badges_23-2149195036.jpg",            "http://img.b2bpic.net/free-vector/cruelty-free-badge-collection_23-2148852464.jpg",            "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148380697.jpg"
+          ]}
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
@@ -170,15 +188,20 @@ export default function DermaLanding() {
           sideDescription="Everything you need to know about Derma's science, sustainability, and skincare philosophy."
           faqs={[
             {
-              id: "1",              title: "What makes Derma different from other luxury skincare brands?",              content: "Derma combines Nordic botanical heritage with rigorous dermatological science. Every formula is clinically tested, transparently sourced, and sustainably produced. We prioritize efficacy, purity, and environmental responsibility equally."},
+              id: "1",              title: "What makes Derma different from other luxury skincare brands?",              content: "Derma combines Nordic botanical heritage with rigorous dermatological science. Every formula is clinically tested, transparently sourced, and sustainably produced. We prioritize efficacy, purity, and environmental responsibility equally."
+            },
             {
-              id: "2",              title: "Are your formulations clean and cruelty-free?",              content: "Yes. All Derma products are cruelty-free, vegan-friendly, and formulated without harmful chemicals. We're certified by Leaping Bunny and EcoCert, ensuring our commitment to ethical beauty."},
+              id: "2",              title: "Are your formulations clean and cruelty-free?",              content: "Yes. All Derma products are cruelty-free, vegan-friendly, and formulated without harmful chemicals. We're certified by Leaping Bunny and EcoCert, ensuring our commitment to ethical beauty."
+            },
             {
-              id: "3",              title: "How long before I see visible results?",              content: "Most customers notice visible improvements in skin texture and radiance within 2–3 weeks. For deeper concerns like fine lines or hyperpigmentation, allow 6–8 weeks for optimal results. Consistency is key."},
+              id: "3",              title: "How long before I see visible results?",              content: "Most customers notice visible improvements in skin texture and radiance within 2–3 weeks. For deeper concerns like fine lines or hyperpigmentation, allow 6–8 weeks for optimal results. Consistency is key."
+            },
             {
-              id: "4",              title: "Can I use Derma products if I have sensitive skin?",              content: "Absolutely. Our formulations are dermatologist-tested for sensitive skin. We use gentle Nordic botanicals and exclude common irritants. If you have specific concerns, consult our skincare specialists at support@dermaskin.com."},
+              id: "4",              title: "Can I use Derma products if I have sensitive skin?",              content: "Absolutely. Our formulations are dermatologist-tested for sensitive skin. We use gentle Nordic botanicals and exclude common irritants. If you have specific concerns, consult our skincare specialists at support@dermaskin.com."
+            },
             {
-              id: "5",              title: "What's your sustainability commitment?",              content: "We use minimal, recyclable packaging, source ingredients ethically from Nordic regions, and support reforestation initiatives. Every purchase contributes to our commitment to a cleaner planet."},
+              id: "5",              title: "What's your sustainability commitment?",              content: "We use minimal, recyclable packaging, source ingredients ethically from Nordic regions, and support reforestation initiatives. Every purchase contributes to our commitment to a cleaner planet."
+            },
           ]}
           textPosition="left"
           useInvertedBackground={false}
-- 
2.49.1