|
|
|
|
@@ -10,7 +10,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
|
|
|
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
|
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
|
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
|
import { Award, Heart, Leaf, Mail, Sparkles, Star } from "lucide-react";
|
|
|
|
|
import { Award, Heart, Leaf, Mail, Sparkles, Star, TrendingUp, Users, Droplets } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -28,7 +28,7 @@ export default function LandingPage() {
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="Lumière Skincare"
|
|
|
|
|
brandName="Luminous Skin"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
@@ -64,12 +64,12 @@ export default function LandingPage() {
|
|
|
|
|
tag="Our Story"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Skincare That Celebrates Your Natural Beauty"
|
|
|
|
|
description="Founded by dermatologist Dr. Sophie Laurent"
|
|
|
|
|
subdescription="Lumière Skincare"
|
|
|
|
|
icon={Leaf}
|
|
|
|
|
title="Skincare That Transforms Your Complexion"
|
|
|
|
|
description="Founded by dermatologist Dr. Sarah Mitchell"
|
|
|
|
|
subdescription="Luminous Skin"
|
|
|
|
|
icon={Droplets}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/nurse-works-with-blood-sample_1398-1203.jpg"
|
|
|
|
|
imageAlt="Dr. Sophie Laurent, Lumière Skincare founder"
|
|
|
|
|
imageAlt="Dr. Sarah Mitchell, Luminous Skin founder"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
@@ -78,7 +78,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Our Signature Collection"
|
|
|
|
|
description="Premium skincare essentials formulated for all skin types with clinically proven results"
|
|
|
|
|
description="Premium skincare essentials designed for all skin types with natural botanicals and proven efficacy"
|
|
|
|
|
tag="Best Sellers"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -88,31 +88,34 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Hydration Serum", price: "$62", imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-arrangement_23-2149022371.jpg", imageAlt: "Hydration Serum with dropper"},
|
|
|
|
|
id: "1", name: "Hydrating Serum", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-arrangement_23-2149022371.jpg", imageAlt: "Hydrating Serum"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Glow Moisturizer", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-with-plain-background_23-2148241840.jpg", imageAlt: "Glow Moisturizer in glass jar"},
|
|
|
|
|
id: "2", name: "Botanical Face Cream", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-with-plain-background_23-2148241840.jpg", imageAlt: "Botanical Face Cream"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Pure Cleanser", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45089.jpg", imageAlt: "Pure Cleanser bottle"},
|
|
|
|
|
id: "3", name: "Cucumber Recovery Mask", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45089.jpg", imageAlt: "Cucumber Recovery Mask"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwelve
|
|
|
|
|
title="Why Choose Lumière"
|
|
|
|
|
description="Crafted with intention, tested for results"
|
|
|
|
|
title="Why Choose Luminous Skin"
|
|
|
|
|
description="Premium skincare with scientifically-proven results and natural ingredients"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "natural", label: "Natural", title: "100% Clean Ingredients", items: ["No harsh chemicals or parabens", "Plant-based actives", "Eco-friendly packaging"],
|
|
|
|
|
id: "natural", label: "Natural Ingredients", title: "Botanical Excellence", items: ["Organic plant extracts", "No harmful chemicals", "Sustainably sourced"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "dermatologist", label: "Dermatologist", title: "Clinically Tested & Approved", items: ["Tested on sensitive skin", "Hypoallergenic formulas", "Proven efficacy studies"],
|
|
|
|
|
id: "dermatology", label: "Dermatologist Tested", title: "Science-Backed Formula", items: ["Clinical trials completed", "Dermatologist approved", "Clinically proven results"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "sustainable", label: "Sustainable", title: "Ethical & Eco-Conscious", items: ["Cruelty-free certified", "Recyclable materials", "Carbon-neutral shipping"],
|
|
|
|
|
id: "results", label: "Visible Results", title: "Transform Your Skin", items: ["Reduced fine lines", "Improved texture", "Enhanced radiance"],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -120,9 +123,9 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
title="Loved by Our Customers"
|
|
|
|
|
description="Real transformations from real women"
|
|
|
|
|
tag="Customer Stories"
|
|
|
|
|
title="Loved by Skincare Enthusiasts"
|
|
|
|
|
description="Real reviews from people who have transformed their skin with our products"
|
|
|
|
|
tag="Customer Reviews"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -130,50 +133,66 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Emma Richardson", role: "Marketing Executive", testimonial: "After just two weeks, my skin feels incredibly hydrated and the redness has completely disappeared. This is the first skincare line that's actually worked for my sensitive skin!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=1", imageAlt: "Emma Richardson"},
|
|
|
|
|
id: "1", name: "Emma Richardson", role: "Beauty Blogger", testimonial: "Luminous Skin has completely transformed my complexion! After just 4 weeks, my skin is noticeably clearer, more hydrated, and has a healthy glow I've never had before. I'm obsessed!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=1", imageAlt: "Emma Richardson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Jade Martinez", role: "Wellness Coach", testimonial: "I love that these products are clean and natural. My skin has never looked clearer and I feel good about what I'm putting on my face. Absolutely life-changing!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=1", imageAlt: "Jade Martinez"},
|
|
|
|
|
id: "2", name: "Jessica Chen", role: "Skincare Professional", testimonial: "As an esthetician, I recommend Luminous Skin to all my clients. The formula is gentle yet effective, and my clients see real results. The natural ingredients are a huge plus.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=1", imageAlt: "Jessica Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Sarah Kim", role: "Entrepreneur", testimonial: "The results were noticeable within a week. My skin tone is more even, my pores appear smaller, and I've received so many compliments. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg", imageAlt: "Sarah Kim"},
|
|
|
|
|
id: "3", name: "Rachel Thompson", role: "Dermatology Patient", testimonial: "I was skeptical about skincare products, but Luminous Skin is different. My dermatologist even approved it! My sensitive skin loves this line, and the results speak for themselves.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg", imageAlt: "Rachel Thompson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Olivia Thompson", role: "Fitness Instructor", testimonial: "Finally found a skincare routine that doesn't irritate my skin. The natural ingredients make all the difference. I recommend Lumière to everyone!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg", imageAlt: "Olivia Thompson"},
|
|
|
|
|
id: "4", name: "Michelle Davis", role: "Wellness Influencer", testimonial: "Quality skincare matters, and Luminous Skin delivers. The botanical ingredients are pure luxury, and knowing they're scientifically tested gives me complete confidence in recommending them.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg", imageAlt: "Michelle Davis"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
title="Our Impact"
|
|
|
|
|
description="Trusted by thousands of women worldwide"
|
|
|
|
|
title="Skincare Statistics"
|
|
|
|
|
description="The impact of Luminous Skin on real skin health"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "50K+", title: "Happy Customers", description: "Women with transformed skin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=2", imageAlt: "Happy customers"},
|
|
|
|
|
id: "1", value: "50K+", title: "Happy Customers", description: "People who've transformed their skin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-brunette-female-with-positve-expression-dressed-summer-clothing-being-good-mood-after-beauty-procedures-sits-outdoor-cafeteria-people-emotions_273609-2722.jpg?_wi=2", imageAlt: "Happy customers"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "4.9★", title: "Average Rating", description: "From verified purchases", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=2", imageAlt: "Average rating"},
|
|
|
|
|
id: "2", value: "4.9★", title: "Customer Satisfaction", description: "From thousands of verified reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=2", imageAlt: "Customer satisfaction rating"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "100%", title: "Natural Ingredients", description: "Organic botanicals in every product", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg?_wi=2", imageAlt: "Natural ingredients"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", value: "95%", title: "Would Repurchase", description: "Customers love coming back", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg?_wi=2", imageAlt: "Repurchase rate"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Get Skincare Tips & Exclusive Offers"
|
|
|
|
|
ctaDescription="Subscribe to our newsletter for personalized skincare advice and 15% off your first order."
|
|
|
|
|
ctaTitle="Join Our Skincare Community"
|
|
|
|
|
ctaDescription="Subscribe to our newsletter for exclusive skincare tips, new product launches, and special discounts on premium formulations."
|
|
|
|
|
ctaButton={{ text: "Subscribe Now", href: "#contact" }}
|
|
|
|
|
ctaIcon={Mail}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Are these products suitable for sensitive skin?", content: "Yes! All our products are formulated to be hypoallergenic and dermatologist-tested. We specifically design for sensitive skin types and avoid common irritants like parabens and sulfates."},
|
|
|
|
|
id: "1", title: "What skin types are your products suitable for?", content: "Our products are formulated for all skin types including sensitive, oily, dry, and combination skin. Each product in our collection is dermatologist-tested and hypoallergenic. If you have specific concerns, consult our skincare guide or reach out to our team."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "How long before I see results?", content: "Most customers notice improvements within 2-3 weeks of consistent use. For best results, use morning and night as directed. Individual results may vary based on skin type and concerns."},
|
|
|
|
|
id: "2", title: "Are your skincare products cruelty-free?", content: "Yes! Luminous Skin is 100% cruelty-free and vegan. We never test on animals, and we partner only with suppliers who share our ethical values. All our packaging is recyclable and made from sustainable materials."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Can I use multiple products together?", content: "Absolutely! Our products are designed to work synergistically. We recommend starting with the cleanser, serum, and moisturizer for a complete routine."},
|
|
|
|
|
id: "3", title: "How long before I see results?", content: "Most customers see visible improvements in skin texture and hydration within 2-3 weeks. For concerns like fine lines and hyperpigmentation, results typically appear within 6-8 weeks of consistent use. Remember, skincare is a journey!"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "What's your return policy?", content: "We offer a 60-day money-back guarantee on all products. If you're not completely satisfied, we'll refund your purchase, no questions asked."},
|
|
|
|
|
id: "4", title: "Do you offer a satisfaction guarantee?", content: "Absolutely! We offer a 60-day money-back guarantee on all products. If you're not completely satisfied with your purchase, we'll refund you fully—no questions asked. Your satisfaction is our priority."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -182,28 +201,28 @@ export default function LandingPage() {
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Product", items: [
|
|
|
|
|
{ label: "Skincare", href: "products" },
|
|
|
|
|
{ label: "Collections", href: "products" },
|
|
|
|
|
{ label: "New Arrivals", href: "products" },
|
|
|
|
|
title: "Shop", items: [
|
|
|
|
|
{ label: "Serums", href: "products" },
|
|
|
|
|
{ label: "Moisturizers", href: "products" },
|
|
|
|
|
{ label: "Masks", href: "products" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "about" },
|
|
|
|
|
title: "About Luminous Skin", items: [
|
|
|
|
|
{ label: "Our Story", href: "about" },
|
|
|
|
|
{ label: "Blog", href: "#" },
|
|
|
|
|
{ label: "Science & Research", href: "about" },
|
|
|
|
|
{ label: "Our Team", href: "testimonials" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{ label: "Contact", href: "contact" },
|
|
|
|
|
{ label: "FAQ", href: "#" },
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
{ label: "Contact Us", href: "contact" },
|
|
|
|
|
{ label: "Skincare Guide", href: "#" },
|
|
|
|
|
{ label: "Returns & Shipping", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 Lumière Skincare. All rights reserved."
|
|
|
|
|
copyrightText="© 2025 Luminous Skin. All rights reserved. | Premium Skincare Brand"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
