Merge version_2 into main #2
@@ -45,7 +45,7 @@ export default function LandingPage() {
|
||||
logoText="Lumière"
|
||||
description="Discover the transformative power of nature-inspired skincare. Crafted with botanical essences and scientific precision for radiant, healthy skin."
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -80,12 +80,9 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Luminous Serum", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-serum-bottle-hand-orange-background_185193-162127.jpg", imageAlt: "Luminous Serum bottle"},
|
||||
{
|
||||
id: "2", name: "Hydrating Moisturizer", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg", imageAlt: "Hydrating Moisturizer jar"},
|
||||
{
|
||||
id: "3", name: "Gentle Cleanser", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hydro-alcoholic-gel-with-bottle_23-2148775339.jpg", imageAlt: "Gentle Cleanser bottle"},
|
||||
{ id: "1", name: "Luminous Serum", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-serum-bottle-hand-orange-background_185193-162127.jpg", imageAlt: "Luminous Serum bottle"},
|
||||
{ id: "2", name: "Hydrating Moisturizer", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg", imageAlt: "Hydrating Moisturizer jar"},
|
||||
{ id: "3", name: "Gentle Cleanser", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hydro-alcoholic-gel-with-bottle_23-2148775339.jpg", imageAlt: "Gentle Cleanser bottle"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -105,20 +102,16 @@ export default function LandingPage() {
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Clinically Tested", description: "Proven results backed by dermatological studies", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Natural Ingredients", description: "Sourced from sustainable, ethical origins", bentoComponent: "orbiting-icons", centerIcon: Leaf,
|
||||
{ title: "Clinically Tested", description: "Proven results backed by dermatological studies", bentoComponent: "globe"},
|
||||
{ title: "Natural Ingredients", description: "Sourced from sustainable, ethical origins", bentoComponent: "orbiting-icons", centerIcon: Leaf,
|
||||
items: [
|
||||
{ icon: Droplets, ring: 1 },
|
||||
{ icon: Wind, ring: 2 },
|
||||
{ icon: Flower2, ring: 2 },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visible Results", description: "See improvements in skin texture and radiance", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Sustainability", description: "Eco-conscious packaging and practices", bentoComponent: "icon-info-cards", items: [
|
||||
{ title: "Visible Results", description: "See improvements in skin texture and radiance", bentoComponent: "animated-bar-chart"},
|
||||
{ title: "Sustainability", description: "Eco-conscious packaging and practices", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Recycle, label: "Recyclable", value: "100%" },
|
||||
{ icon: Leaf, label: "Organic", value: "Pure" },
|
||||
],
|
||||
@@ -139,14 +132,10 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Mitchell, Beauty Editor"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3441.jpg", alt: "Sarah Mitchell"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-spanish-woman_633478-1821.jpg", alt: "Jessica Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3441.jpg", alt: "Emma Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-with-glowing-look-applying-face-cream-camera-using-moisturizer-sunscreen-cheeks-flawless-young-model-being-confident-positive-about-dermatology-products-self-love_482257-66629.jpg", alt: "Olivia Johnson"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3441.jpg", alt: "Sarah Mitchell"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-spanish-woman_633478-1821.jpg", alt: "Jessica Chen"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-young-woman-skincare-portrait_624325-3441.jpg", alt: "Emma Rodriguez"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/lady-with-glowing-look-applying-face-cream-camera-using-moisturizer-sunscreen-cheeks-flawless-young-model-being-confident-positive-about-dermatology-products-self-love_482257-66629.jpg", alt: "Olivia Johnson"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -163,18 +152,12 @@ export default function LandingPage() {
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Are your products suitable for sensitive skin?", content: "Yes! All Lumière products are formulated with sensitive skin in mind. We use gentle, natural ingredients and avoid harsh chemicals. If you have specific concerns, we recommend a patch test first."},
|
||||
{
|
||||
id: "2", 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 deeper concerns like fine lines, results typically appear within 6-8 weeks."},
|
||||
{
|
||||
id: "3", title: "Can I use all products together?", content: "Absolutely! Our products are designed to work synergistically. We recommend starting with cleanser, serum, and moisturizer as your core routine."},
|
||||
{
|
||||
id: "4", title: "Are you cruelty-free and vegan?", content: "Yes, we're certified cruelty-free and all our products are 100% vegan. We never test on animals and source all ingredients ethically."},
|
||||
{
|
||||
id: "5", title: "What's your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund, no questions asked."},
|
||||
{
|
||||
id: "6", title: "Do you offer international shipping?", content: "We ship to over 50 countries worldwide. Shipping costs and delivery times vary by location. Free shipping is available for orders over $100."}
|
||||
{ id: "1", title: "Are your products suitable for sensitive skin?", content: "Yes! All Lumière products are formulated with sensitive skin in mind. We use gentle, natural ingredients and avoid harsh chemicals. If you have specific concerns, we recommend a patch test first."},
|
||||
{ id: "2", 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 deeper concerns like fine lines, results typically appear within 6-8 weeks."},
|
||||
{ id: "3", title: "Can I use all products together?", content: "Absolutely! Our products are designed to work synergistically. We recommend starting with cleanser, serum, and moisturizer as your core routine."},
|
||||
{ id: "4", title: "Are you cruelty-free and vegan?", content: "Yes, we're certified cruelty-free and all our products are 100% vegan. We never test on animals and source all ingredients ethically."},
|
||||
{ id: "5", title: "What's your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund, no questions asked."},
|
||||
{ id: "6", title: "Do you offer international shipping?", content: "We ship to over 50 countries worldwide. Shipping costs and delivery times vary by location. Free shipping is available for orders over $100."}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-caucasian-woman-is-sitting-bed-looking-mirror-skin-care-products-nearby_1268-21221.jpg"
|
||||
imageAlt="Skincare routine preparation"
|
||||
@@ -209,32 +192,28 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Lumière"
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ title: "Products", items: [
|
||||
{ label: "Serums", href: "#" },
|
||||
{ label: "Moisturizers", href: "#" },
|
||||
{ label: "Cleansers", href: "#" },
|
||||
{ label: "Collections", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ title: "Support", items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow", items: [
|
||||
{ title: "Follow", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Pinterest", href: "https://pinterest.com" },
|
||||
|
||||
Reference in New Issue
Block a user