From 33a60822890e77996f832d2edacb800a8e6d4436 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 09:07:24 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 114 +++++++++++++++++++++++++++++++---------------- 1 file changed, 75 insertions(+), 39 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9859556..0938f8d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -38,7 +38,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Shop Now", href: "#products"}} + text: "Shop Now", href: "#products" + }} /> @@ -52,23 +53,31 @@ export default function LandingPage() { background={{ variant: "glowing-orb" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/collection-hand-drawn-floral-covers_52683-63152.jpg?_wi=1", imageAlt: "Luxury skincare collection"}, + imageSrc: "http://img.b2bpic.net/free-vector/collection-hand-drawn-floral-covers_52683-63152.jpg", imageAlt: "Luxury skincare collection" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-background-close-up_53876-146621.jpg?_wi=1", imageAlt: "Natural botanical ingredients"}, + imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-background-close-up_53876-146621.jpg", imageAlt: "Natural botanical ingredients" + }, { - imageSrc: "http://img.b2bpic.net/free-psd/elegant-cosmetic-jars-mockup-three-luxury-cream-containers_191095-86497.jpg?_wi=1", imageAlt: "Premium facial serum"}, + imageSrc: "http://img.b2bpic.net/free-psd/elegant-cosmetic-jars-mockup-three-luxury-cream-containers_191095-86497.jpg", imageAlt: "Premium facial serum" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200204.jpg?_wi=1", imageAlt: "Skincare ingredients"}, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200204.jpg", imageAlt: "Skincare ingredients" + }, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients_23-2148761429.jpg?_wi=1", imageAlt: "Organic face mask"}, + imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients_23-2148761429.jpg", imageAlt: "Organic face mask" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-towel-has-headache-snapshot-girl-with-healthy-skin-isolated-wall_197531-13954.jpg?_wi=1", imageAlt: "Skincare ritual"}, + imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-towel-has-headache-snapshot-girl-with-healthy-skin-isolated-wall_197531-13954.jpg", imageAlt: "Skincare ritual" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-natural-lemon-scrub-hands-against-wooden-table_1150-41899.jpg?_wi=1", imageAlt: "Eye cream roller"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-natural-lemon-scrub-hands-against-wooden-table_1150-41899.jpg", imageAlt: "Eye cream roller" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100202.jpg?_wi=1", imageAlt: "Customer testimonial"}, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100202.jpg", imageAlt: "Customer testimonial" + }, ]} buttons={[ { text: "Explore Products", href: "#products" }, @@ -92,11 +101,14 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", name: "Luminous Facial Serum", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-psd/elegant-cosmetic-jars-mockup-three-luxury-cream-containers_191095-86497.jpg?_wi=2", imageAlt: "Luminous Facial Serum"}, + id: "1", name: "Luminous Facial Serum", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-psd/elegant-cosmetic-jars-mockup-three-luxury-cream-containers_191095-86497.jpg", imageAlt: "Luminous Facial Serum" + }, { - id: "2", name: "Purifying Clay Mask", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients_23-2148761429.jpg?_wi=2", imageAlt: "Purifying Clay Mask"}, + id: "2", name: "Purifying Clay Mask", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients_23-2148761429.jpg", imageAlt: "Purifying Clay Mask" + }, { - id: "3", name: "Revival Eye Cream", price: "$72.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-natural-lemon-scrub-hands-against-wooden-table_1150-41899.jpg?_wi=2", imageAlt: "Revival Eye Cream"}, + id: "3", name: "Revival Eye Cream", price: "$72.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-natural-lemon-scrub-hands-against-wooden-table_1150-41899.jpg", imageAlt: "Revival Eye Cream" + }, ]} buttons={[{ text: "Shop All Products", href: "https://example.com/shop" }]} /> @@ -117,36 +129,44 @@ export default function LandingPage() { title: "100% Natural Ingredients", description: "Sourced from sustainable farms and verified organic suppliers worldwide.", icon: Leaf, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-background-close-up_53876-146621.jpg?_wi=2", imageAlt: "Natural botanical ingredients"}, + imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-background-close-up_53876-146621.jpg", imageAlt: "Natural botanical ingredients" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200204.jpg?_wi=2", imageAlt: "Pure skincare components"}, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200204.jpg", imageAlt: "Pure skincare components" + }, ], }, { title: "Dermatologist Approved", description: "Tested and recommended by leading dermatologists for all skin types.", icon: CheckCircle, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-psd/elegant-cosmetic-jars-mockup-three-luxury-cream-containers_191095-86497.jpg?_wi=3", imageAlt: "Clinical testing"}, + imageSrc: "http://img.b2bpic.net/free-psd/elegant-cosmetic-jars-mockup-three-luxury-cream-containers_191095-86497.jpg", imageAlt: "Clinical testing" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients_23-2148761429.jpg?_wi=3", imageAlt: "Safe formulation"}, + imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients_23-2148761429.jpg", imageAlt: "Safe formulation" + }, ], }, { title: "Eco-Conscious Packaging", description: "Recyclable materials and zero-waste commitment for a sustainable future.", icon: Globe, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/collection-hand-drawn-floral-covers_52683-63152.jpg?_wi=2", imageAlt: "Sustainable packaging"}, + imageSrc: "http://img.b2bpic.net/free-vector/collection-hand-drawn-floral-covers_52683-63152.jpg", imageAlt: "Sustainable packaging" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-natural-lemon-scrub-hands-against-wooden-table_1150-41899.jpg?_wi=3", imageAlt: "Eco friendly design"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-natural-lemon-scrub-hands-against-wooden-table_1150-41899.jpg", imageAlt: "Eco friendly design" + }, ], }, { title: "Visible Results, Fast", description: "Experience transformation in as little as 14 days with consistent use.", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-towel-has-headache-snapshot-girl-with-healthy-skin-isolated-wall_197531-13954.jpg?_wi=2", imageAlt: "Skincare results"}, + imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-towel-has-headache-snapshot-girl-with-healthy-skin-isolated-wall_197531-13954.jpg", imageAlt: "Skincare results" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100202.jpg?_wi=2", imageAlt: "Customer transformation"}, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100202.jpg", imageAlt: "Customer transformation" + }, ], }, ]} @@ -159,17 +179,21 @@ export default function LandingPage() { rating={5} author="Sarah Mitchell, Beauty Influencer" ratingAnimation="slide-up" - avatarsAnimation="fade-in" + avatarsAnimation="blur-reveal" useInvertedBackground={false} avatars={[ { - src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100202.jpg", alt: "Sarah Mitchell"}, + src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-mirror_23-2150100202.jpg", alt: "Sarah Mitchell" + }, { - src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-woman-looking-camera_171337-12789.jpg", alt: "Jessica Chen"}, + src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-woman-looking-camera_171337-12789.jpg", alt: "Jessica Chen" + }, { - src: "http://img.b2bpic.net/free-photo/arttractive-smiling-young-woman-wearing-bathrobe-hidrating-her-face-eye-patches-spa-skincare-routine_291049-2855.jpg", alt: "Emma Rodriguez"}, + src: "http://img.b2bpic.net/free-photo/arttractive-smiling-young-woman-wearing-bathrobe-hidrating-her-face-eye-patches-spa-skincare-routine_291049-2855.jpg", alt: "Emma Rodriguez" + }, { - src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149457558.jpg", alt: "Angela Thompson"}, + src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149457558.jpg", alt: "Angela Thompson" + }, ]} /> @@ -183,7 +207,7 @@ export default function LandingPage() { description="Founder & CEO" subdescription="Luminé Skincare" icon={Heart} - imageSrc="http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200204.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200204.jpg" imageAlt="Our natural skincare formula" mediaAnimation="slide-up" useInvertedBackground={false} @@ -200,7 +224,8 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Sephora", "Ulta Beauty", "Space NK", "Selfridges", "Net-A-Porter", "ASOS Beauty", "Credo Beauty"]} + "Sephora", "Ulta Beauty", "Space NK", "Selfridges", "Net-A-Porter", "ASOS Beauty", "Credo Beauty" + ]} speed={40} showCard={true} /> @@ -212,17 +237,23 @@ export default function LandingPage() { sideDescription="Everything you need to know about our skincare products and commitment to natural beauty." faqs={[ { - id: "1", title: "Are your products suitable for sensitive skin?", content: "Yes! All Luminé products are formulated without harsh chemicals, fragrance, or common irritants. We recommend starting with our Gentle Cleanse Collection if you have particularly sensitive skin. For personalized advice, consult with our skincare experts."}, + id: "1", title: "Are your products suitable for sensitive skin?", content: "Yes! All Luminé products are formulated without harsh chemicals, fragrance, or common irritants. We recommend starting with our Gentle Cleanse Collection if you have particularly sensitive skin. For personalized advice, consult with our skincare experts." + }, { - id: "2", title: "How long before I see results?", content: "Most customers notice visible improvements within 2-4 weeks of consistent use. For more significant transformations, we recommend using our products for 8-12 weeks as part of a complete skincare routine."}, + id: "2", title: "How long before I see results?", content: "Most customers notice visible improvements within 2-4 weeks of consistent use. For more significant transformations, we recommend using our products for 8-12 weeks as part of a complete skincare routine." + }, { - id: "3", title: "Are your products cruelty-free and vegan?", content: "Absolutely! We are certified cruelty-free by PETA and Leaping Bunny. Over 85% of our product line is vegan, with clear labeling for those ingredients derived from natural sources."}, + id: "3", title: "Are your products cruelty-free and vegan?", content: "Absolutely! We are certified cruelty-free by PETA and Leaping Bunny. Over 85% of our product line is vegan, with clear labeling for those ingredients derived from natural sources." + }, { - id: "4", title: "Can I use Luminé with other skincare brands?", content: "Of course! Luminé products work beautifully with other brands. However, we recommend patch testing if combining multiple active ingredients to ensure compatibility with your skin type."}, + id: "4", title: "Can I use Luminé with other skincare brands?", content: "Of course! Luminé products work beautifully with other brands. However, we recommend patch testing if combining multiple active ingredients to ensure compatibility with your skin type." + }, { - id: "5", title: "What's your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with any product, return it for a full refund—no questions asked. We stand behind the quality and efficacy of our skincare."}, + id: "5", title: "What's your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with any product, return it for a full refund—no questions asked. We stand behind the quality and efficacy of our skincare." + }, { - id: "6", title: "How should I store my products?", content: "Store all Luminé products in a cool, dark place, away from direct sunlight. Our glass bottles protect against oxidation. Avoid storing in bathrooms with high humidity; a bedroom drawer or cabinet works perfectly."}, + id: "6", title: "How should I store my products?", content: "Store all Luminé products in a cool, dark place, away from direct sunlight. Our glass bottles protect against oxidation. Avoid storing in bathrooms with high humidity; a bedroom drawer or cabinet works perfectly." + }, ]} textPosition="left" useInvertedBackground={false} @@ -236,17 +267,22 @@ export default function LandingPage() { ctaTitle="Get Your Glow On" ctaDescription="Have questions about our products? Our skincare specialists are ready to help you find your perfect routine." ctaButton={{ - text: "Schedule Consultation", href: "https://example.com/consultation"}} + text: "Schedule Consultation", href: "https://example.com/consultation" + }} ctaIcon={MessageCircle} faqs={[ { - id: "1", title: "How do I find my skin type?", content: "Take our quick 2-minute skin quiz on our website to get personalized product recommendations based on your unique skin type and concerns. You can also connect with our skincare consultants for a detailed assessment."}, + id: "1", title: "How do I find my skin type?", content: "Take our quick 2-minute skin quiz on our website to get personalized product recommendations based on your unique skin type and concerns. You can also connect with our skincare consultants for a detailed assessment." + }, { - id: "2", title: "Do you offer shade customization?", content: "Our foundation and tinted treatments come in 24 shades to match diverse skin tones. If you can't find your perfect match, our color-matching service is available via video call with our beauty experts."}, + id: "2", title: "Do you offer shade customization?", content: "Our foundation and tinted treatments come in 24 shades to match diverse skin tones. If you can't find your perfect match, our color-matching service is available via video call with our beauty experts." + }, { - id: "3", title: "What's included in your starter kit?", content: "Our Glow Starter Kit includes: Gentle Cleanse, Luminous Serum, Hydrate Moisturizer, and Radiance SPF 30. Perfect for beginning your natural skincare journey with everything you need."}, + id: "3", title: "What's included in your starter kit?", content: "Our Glow Starter Kit includes: Gentle Cleanse, Luminous Serum, Hydrate Moisturizer, and Radiance SPF 30. Perfect for beginning your natural skincare journey with everything you need." + }, { - id: "4", title: "Can I gift Luminé products?", content: "Absolutely! We offer beautifully curated gift sets, custom gift wrapping, and personalized message cards. Perfect for beauty lovers who value natural, effective skincare."}, + id: "4", title: "Can I gift Luminé products?", content: "Absolutely! We offer beautifully curated gift sets, custom gift wrapping, and personalized message cards. Perfect for beauty lovers who value natural, effective skincare." + }, ]} animationType="slide-up" accordionAnimationType="smooth" @@ -288,4 +324,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1