Merge version_1 into main #1
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user