From 2a3a0462c94d6cd082ba7880e81ea0d0d655ba0d Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 16:13:46 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 77 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 51 insertions(+), 26 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ce1c2b7..2ed4ac7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -74,11 +74,14 @@ export default function LandingPage() { mediaAnimation="slide-up" avatars={[ { - src: "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", alt: "Customer 1"}, + src: "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", alt: "Customer 1" + }, { - src: "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", alt: "Customer 2"}, + src: "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", alt: "Customer 2" + }, { - src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", alt: "Customer 3"}, + src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", alt: "Customer 3" + }, ]} avatarText="Trusted by 50,000+ beauty enthusiasts" ariaLabel="Hero section for luxury skincare brand" @@ -113,15 +116,18 @@ export default function LandingPage() { { icon: Droplets, title: "Luminous Serum", description: - "Advanced hydration with hyaluronic acid complex and rose hip extract for radiant, plump skin."}, + "Advanced hydration with hyaluronic acid complex and rose hip extract for radiant, plump skin." + }, { icon: Zap, title: "Renewal Moisturizer", description: - "Luxurious cream with peptides and ceramides to restore elasticity and overnight restoration."}, + "Luxurious cream with peptides and ceramides to restore elasticity and overnight restoration." + }, { icon: Flower2, title: "Essence Mask", description: - "Transformative treatment mask with botanical extracts and gold particles for intensive rejuvenation."}, + "Transformative treatment mask with botanical extracts and gold particles for intensive rejuvenation." + }, ]} animationType="slide-up" textboxLayout="default" @@ -140,13 +146,16 @@ export default function LandingPage() { products={[ { id: "1", name: "Luminous Serum", price: "$89", imageSrc: - "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "Luminous Serum luxury bottle"}, + "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047770.jpg", imageAlt: "Luminous Serum luxury bottle" + }, { id: "2", name: "Renewal Moisturizer", price: "$115", imageSrc: - "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg", imageAlt: "Renewal Moisturizer premium jar"}, + "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg", imageAlt: "Renewal Moisturizer premium jar" + }, { id: "3", name: "Essence Mask", price: "$95", imageSrc: - "http://img.b2bpic.net/free-vector/realistic-charcoal-sheet-mask-ad_52683-42655.jpg", imageAlt: "Essence Mask luxury container"}, + "http://img.b2bpic.net/free-vector/realistic-charcoal-sheet-mask-ad_52683-42655.jpg", imageAlt: "Essence Mask luxury container" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -166,15 +175,18 @@ export default function LandingPage() { metrics={[ { id: "1", value: "97%", title: "Visible skin improvement in 4 weeks", items: [ - "Increased hydration", "Reduced fine lines", "Enhanced radiance"], + "Increased hydration", "Reduced fine lines", "Enhanced radiance" + ], }, { id: "2", value: "50K+", title: "Satisfied customers worldwide", items: [ - "Average rating 4.9/5", "Repeat purchase rate 78%", "Award-winning formulas"], + "Average rating 4.9/5", "Repeat purchase rate 78%", "Award-winning formulas" + ], }, { id: "3", value: "100%", title: "Natural & ethical sourcing", items: [ - "Cruelty-free certified", "Sustainable packaging", "Dermatologist tested"], + "Cruelty-free certified", "Sustainable packaging", "Dermatologist tested" + ], }, ]} animationType="slide-up" @@ -196,32 +208,38 @@ export default function LandingPage() { id: "1", name: "Sarah Mitchell", handle: "@sarahmbeauty", testimonial: "Luminé's serum has completely transformed my skin. After just two weeks, my complexion is noticeably brighter and more hydrated. This is luxury skincare at its finest.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", imageAlt: "Sarah Mitchell"}, + "http://img.b2bpic.net/free-photo/charming-adorable-lady-with-wavy-hair-is-holding-glass-with-wine-touching-hair-while-smiling-looking-down_291650-2353.jpg", imageAlt: "Sarah Mitchell" + }, { id: "2", name: "Emma Rodriguez", handle: "@emmakskincare", testimonial: "I'm obsessed with the Essence Mask. It feels like a spa treatment at home. My skin has never looked better, and the results are immediate.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", imageAlt: "Emma Rodriguez"}, + "http://img.b2bpic.net/free-photo/attractive-young-woman-playing-with-hands-around-her-face_23-2148341390.jpg", imageAlt: "Emma Rodriguez" + }, { id: "3", name: "Olivia Chen", handle: "@oliviachenbeauty", testimonial: "The quality of these products is unmatched. Every item feels premium, and they actually deliver results. Worth every penny!", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", imageAlt: "Olivia Chen"}, + "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2032.jpg", imageAlt: "Olivia Chen" + }, { id: "4", name: "Jessica Anderson", handle: "@jessicaglows", testimonial: "Switching to Luminé was the best decision for my skin. The formulations are gentle yet effective, and my sensitive skin has never been happier.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16670.jpg", imageAlt: "Jessica Anderson"}, + "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16670.jpg", imageAlt: "Jessica Anderson" + }, { id: "5", name: "Maria Lopez", handle: "@mariabeautyjourney", testimonial: "This is real luxury skincare. The products smell divine, feel luxurious, and actually work. I recommend Luminé to everyone.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/new-mascara-presentation-young-beautiful-woman-demonstrating-new-mascara-looking-amused_259150-60153.jpg", imageAlt: "Maria Lopez"}, + "http://img.b2bpic.net/free-photo/new-mascara-presentation-young-beautiful-woman-demonstrating-new-mascara-looking-amused_259150-60153.jpg", imageAlt: "Maria Lopez" + }, { id: "6", name: "Alexandra Thompson", handle: "@alexandrathompson", testimonial: "I've tried countless skincare brands, but Luminé stands out. The results are visible, and the customer service is impeccable.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-462.jpg", imageAlt: "Alexandra Thompson"}, + "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-462.jpg", imageAlt: "Alexandra Thompson" + }, ]} showRating={true} animationType="slide-up" @@ -245,7 +263,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "Luminous Serum (30ml)", "Renewal Moisturizer (50ml)", "Free shipping", "Email support"], + "Luminous Serum (30ml)", "Renewal Moisturizer (50ml)", "Free shipping", "Email support" + ], }, { id: "2", badge: "Most Popular", badgeIcon: Crown, @@ -254,7 +273,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "Full Luminous Serum (50ml)", "Full Renewal Moisturizer (100ml)", "Essence Mask (75ml)", "Priority support", "Exclusive samples", "Free expedited shipping"], + "Full Luminous Serum (50ml)", "Full Renewal Moisturizer (100ml)", "Essence Mask (75ml)", "Priority support", "Exclusive samples", "Free expedited shipping" + ], }, { id: "3", price: "$379", name: "Premium Luxury Bundle", buttons: [ @@ -262,7 +282,8 @@ export default function LandingPage() { { text: "Learn More", href: "#" }, ], features: [ - "Complete Full-Size Collection", "Luxury gift packaging", "Quarterly exclusive releases", "VIP concierge support", "Personal beauty consultation", "Complimentary refills every 3 months"], + "Complete Full-Size Collection", "Luxury gift packaging", "Quarterly exclusive releases", "VIP concierge support", "Personal beauty consultation", "Complimentary refills every 3 months" + ], }, ]} animationType="slide-up" @@ -277,7 +298,7 @@ export default function LandingPage() { text="Ready to elevate your skincare routine? Join thousands of beauty enthusiasts experiencing the Luminé difference." animationType="entrance-slide" buttons={[ - { text: "Shop Now", href: "#products" }, + { text: "Claim 20% Off", href: "#products" }, { text: "Contact Us", href: "mailto:hello@luminebeauty.com" }, ]} background={{ variant: "sparkles-gradient" }} @@ -293,16 +314,20 @@ export default function LandingPage() { socialLinks={[ { icon: Instagram, - href: "https://instagram.com/luminebeauty", ariaLabel: "Instagram"}, + href: "https://instagram.com/luminebeauty", ariaLabel: "Instagram" + }, { icon: Facebook, - href: "https://facebook.com/luminebeauty", ariaLabel: "Facebook"}, + href: "https://facebook.com/luminebeauty", ariaLabel: "Facebook" + }, { icon: Twitter, - href: "https://twitter.com/luminebeauty", ariaLabel: "Twitter"}, + href: "https://twitter.com/luminebeauty", ariaLabel: "Twitter" + }, { icon: Linkedin, - href: "https://linkedin.com/company/luminebeauty", ariaLabel: "LinkedIn"}, + href: "https://linkedin.com/company/luminebeauty", ariaLabel: "LinkedIn" + }, ]} ariaLabel="Site footer" />