|
|
|
|
@@ -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, TrendingUp, Users } 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 Fashion"
|
|
|
|
|
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="Fashion That Celebrates Your Style"
|
|
|
|
|
description="Founded by fashion designer Isabella Romano"
|
|
|
|
|
subdescription="Lumière Fashion"
|
|
|
|
|
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="Isabella Romano, Lumière Fashion 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 fashion essentials designed for all styles with timeless elegance and modern flair"
|
|
|
|
|
description="Premium skincare essentials designed for all skin types with natural botanicals and proven efficacy"
|
|
|
|
|
tag="Best Sellers"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -88,13 +88,13 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Classic Blazer", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/jojoba-oil-dropper-arrangement_23-2149022371.jpg", imageAlt: "Classic Blazer"
|
|
|
|
|
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: "Silk Dress", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-with-plain-background_23-2148241840.jpg", imageAlt: "Silk Dress"
|
|
|
|
|
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: "Designer Jeans", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/tube-cream-with-cucumber-slices-dark-background_1150-45089.jpg", imageAlt: "Designer Jeans"
|
|
|
|
|
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"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -102,20 +102,20 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwelve
|
|
|
|
|
title="Why Choose Lumière Fashion"
|
|
|
|
|
description="Elevated style meets uncompromising comfort and quality"
|
|
|
|
|
title="Why Choose Luminous Skin"
|
|
|
|
|
description="Premium skincare with scientifically-proven results and natural ingredients"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "premium", label: "Premium Quality", title: "Luxury Fabrics & Craftsmanship", items: ["High-quality premium materials", "Expert tailoring and construction", "Timeless designs that last"],
|
|
|
|
|
id: "natural", label: "Natural Ingredients", title: "Botanical Excellence", items: ["Organic plant extracts", "No harmful chemicals", "Sustainably sourced"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "sustainable", label: "Sustainable Fashion", title: "Ethical & Eco-Conscious", items: ["Ethically sourced materials", "Eco-friendly production", "Fair trade practices"],
|
|
|
|
|
id: "dermatology", label: "Dermatologist Tested", title: "Science-Backed Formula", items: ["Clinical trials completed", "Dermatologist approved", "Clinically proven results"],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "style", label: "Versatile Style", title: "Designed for Every Occasion", items: ["Works for casual and formal wear", "Mix and match collections", "Timeless and trendy pieces"],
|
|
|
|
|
id: "results", label: "Visible Results", title: "Transform Your Skin", items: ["Reduced fine lines", "Improved texture", "Enhanced radiance"],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -123,9 +123,9 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
title="Loved by Fashion Influencers"
|
|
|
|
|
description="Real reviews from fashion and lifestyle influencers"
|
|
|
|
|
tag="Influencer Reviews"
|
|
|
|
|
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"
|
|
|
|
|
@@ -133,16 +133,16 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Emma StyleGuide", role: "Fashion Influencer", testimonial: "Lumière's collection has transformed my wardrobe! The quality is incredible and every piece fits perfectly. I get compliments on every outfit I wear from their line.", 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 StyleGuide"
|
|
|
|
|
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 Trends", role: "Lifestyle Blogger", testimonial: "Finally, a brand that gets sustainable fashion right! Lumière proves you don't have to compromise style for ethics. Their designs are timeless and beautifully made.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=1", imageAlt: "Jade Trends"
|
|
|
|
|
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 Fashion", role: "Style Consultant", testimonial: "I recommend Lumière to all my clients. The pieces work together seamlessly, the fabrics are luxurious, and the designs are sophisticated yet accessible. Simply perfect!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg", imageAlt: "Sarah Fashion"
|
|
|
|
|
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 Vogue", role: "Fashion Editor", testimonial: "Lumière's attention to detail is exceptional. Every stitch, every button, every hem is perfect. This is fashion that celebrates both style and substance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg", imageAlt: "Olivia Vogue"
|
|
|
|
|
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"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -150,23 +150,23 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
title="Fashion Statistics"
|
|
|
|
|
description="The impact of Lumière across the fashion industry"
|
|
|
|
|
title="Skincare Statistics"
|
|
|
|
|
description="The impact of Luminous Skin on real skin health"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "100K+", title: "Fashion-Forward Customers", description: "Women who love our curated collections", 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: "Fashion 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.8★", title: "Customer Satisfaction", description: "From thousands of verified purchases", imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-older-woman_23-2149022599.jpg?_wi=2", imageAlt: "Customer satisfaction 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: "50+", title: "Influencer Partners", description: "Fashion and lifestyle creators", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg?_wi=2", imageAlt: "Influencer partners"
|
|
|
|
|
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: "99%", title: "Return Rate", description: "Customers who shop with us again", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-with-smooth-skin-light-background-with-natural-makeup_1258-104365.jpg?_wi=2", imageAlt: "Return rate"
|
|
|
|
|
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"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -174,24 +174,24 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Stay Updated with Latest Fashion"
|
|
|
|
|
ctaDescription="Subscribe to our newsletter for exclusive collections, style tips from influencers, and special discounts on new arrivals."
|
|
|
|
|
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: "What sizes do you offer?", content: "We offer extended sizing from XS to 3XL across all our collections. Our fit guides help you find the perfect size. All items can be exchanged free of charge within 30 days."
|
|
|
|
|
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 sustainable are your materials?", content: "We use 80% eco-friendly and sustainable materials. Our cotton is organic certified, and our synthetics are made from recycled fibers. We're committed to reducing our environmental impact."
|
|
|
|
|
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 mix and match styles?", content: "Absolutely! Our collections are designed to work together seamlessly. Mix our classic pieces with trend-forward items to create your own signature style."
|
|
|
|
|
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 and exchange policy?", content: "We offer free returns and exchanges within 60 days of purchase. We believe you should love everything you buy from us, so if it doesn't fit perfectly, we'll make it right."
|
|
|
|
|
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."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -201,28 +201,28 @@ export default function LandingPage() {
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Collections", items: [
|
|
|
|
|
{ label: "Dresses", href: "products" },
|
|
|
|
|
{ label: "Blazers", href: "products" },
|
|
|
|
|
{ label: "Accessories", href: "products" },
|
|
|
|
|
title: "Shop", items: [
|
|
|
|
|
{ label: "Serums", href: "products" },
|
|
|
|
|
{ label: "Moisturizers", href: "products" },
|
|
|
|
|
{ label: "Masks", href: "products" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "About Lumière", items: [
|
|
|
|
|
title: "About Luminous Skin", items: [
|
|
|
|
|
{ label: "Our Story", href: "about" },
|
|
|
|
|
{ label: "Sustainability", href: "about" },
|
|
|
|
|
{ label: "Influencer Partners", href: "testimonials" },
|
|
|
|
|
{ label: "Science & Research", href: "about" },
|
|
|
|
|
{ label: "Our Team", href: "testimonials" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Customer Care", items: [
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{ label: "Contact Us", href: "contact" },
|
|
|
|
|
{ label: "Size Guide", href: "#" },
|
|
|
|
|
{ label: "Shipping Info", href: "#" },
|
|
|
|
|
{ label: "Skincare Guide", href: "#" },
|
|
|
|
|
{ label: "Returns & Shipping", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 Lumière Fashion. All rights reserved. | Luxury Fashion Brand"
|
|
|
|
|
copyrightText="© 2025 Luminous Skin. All rights reserved. | Premium Skincare Brand"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|