diff --git a/src/app/page.tsx b/src/app/page.tsx index b1e2985..f2be63f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -45,22 +45,27 @@ export default function LandingPage() { title="Radiant Skin Starts Here" description="Discover our premium skincare collection formulated with natural ingredients to nourish, renew, and transform your skin." tag="Skincare" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} buttons={[ { text: "Explore Products", href: "products" }, { text: "Learn More", href: "about" }, ]} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-balanced-smooth-white-stones_9975-135599.jpg", imageAlt: "Premium skincare serum bottle"}, + imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-balanced-smooth-white-stones_9975-135599.jpg", imageAlt: "Premium skincare serum bottle" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-arrangement-marble-background_23-2148241866.jpg?_wi=1", imageAlt: "Luxurious moisturizer cream"}, + imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-arrangement-marble-background_23-2148241866.jpg", imageAlt: "Luxurious moisturizer cream" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Complete facial care routine"}, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Complete facial care routine" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149291992.jpg", imageAlt: "Natural skincare ingredients"}, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149291992.jpg", imageAlt: "Natural skincare ingredients" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242150.jpg", imageAlt: "Skincare product collection"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242150.jpg", imageAlt: "Skincare product collection" + }, ]} /> @@ -74,6 +79,7 @@ export default function LandingPage() { { icon: Award, label: "Awards Won", value: "12+" }, { icon: Globe, label: "Countries Served", value: "35+" }, ]} + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -85,11 +91,14 @@ export default function LandingPage() { tag="Best Sellers" products={[ { - id: "1", name: "Radiance Serum", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=1", imageAlt: "Radiance Serum bottle"}, + id: "1", name: "Radiance Serum", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Radiance Serum bottle" + }, { - id: "2", name: "Hydra Boost Cream", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-arrangement-marble-background_23-2148241866.jpg?_wi=2", imageAlt: "Hydra Boost Cream jar"}, + id: "2", name: "Hydra Boost Cream", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-arrangement-marble-background_23-2148241866.jpg", imageAlt: "Hydra Boost Cream jar" + }, { - id: "3", name: "SPF 50 Protect", price: "$44.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg?_wi=1", imageAlt: "SPF 50 Protect sunscreen"}, + id: "3", name: "SPF 50 Protect", price: "$44.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg", imageAlt: "SPF 50 Protect sunscreen" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -106,16 +115,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Johnson", role: "Beauty Enthusiast", company: "Skincare Advocate", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" + }, { id: "2", name: "Emily Rodriguez", role: "Dermatologist", company: "Wellness Center", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg" + }, { id: "3", name: "Jessica Lee", role: "Makeup Artist", company: "Beauty Studio", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg" + }, { id: "4", name: "Amanda Chen", role: "Fashion Blogger", company: "Style Magazine", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" + }, ]} kpiItems={[ { value: "98%", label: "Customer Satisfaction" }, @@ -136,16 +149,20 @@ export default function LandingPage() { { id: 1, title: "Natural Ingredients", description: "Carefully sourced botanical extracts and natural compounds that work in harmony with your skin's natural processes", phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=2"}, + imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg" + }, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/lavender-spa-accessories-arranged-white-surface_9975-133076.jpg"}, + imageSrc: "http://img.b2bpic.net/free-photo/lavender-spa-accessories-arranged-white-surface_9975-133076.jpg" + }, }, { id: 2, title: "Clinically Proven Results", description: "All our products are dermatologist-tested and formulated to deliver visible results in just weeks", phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-arrangement-marble-background_23-2148241866.jpg?_wi=3"}, + imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-arrangement-marble-background_23-2148241866.jpg" + }, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg?_wi=2"}, + imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg" + }, }, ]} showStepNumbers={true} @@ -161,15 +178,20 @@ export default function LandingPage() { sideDescription="Find answers to common questions about our products and skincare routine" faqs={[ { - id: "1", title: "Are your products suitable for all skin types?", content: "Yes, SkinGlow offers a diverse range of products formulated for different skin types. Each product is labeled with recommended skin types to help you find the perfect match. We also offer a skin quiz to help identify the best products for your specific needs."}, + id: "1", title: "Are your products suitable for all skin types?", content: "Yes, SkinGlow offers a diverse range of products formulated for different skin types. Each product is labeled with recommended skin types to help you find the perfect match. We also offer a skin quiz to help identify the best products for your specific needs." + }, { - id: "2", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and hydration within 2-3 weeks of consistent use. For more significant concerns like fine lines and hyperpigmentation, results typically appear within 4-8 weeks. Individual results may vary based on skin condition and consistency of use."}, + id: "2", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and hydration within 2-3 weeks of consistent use. For more significant concerns like fine lines and hyperpigmentation, results typically appear within 4-8 weeks. Individual results may vary based on skin condition and consistency of use." + }, { - id: "3", title: "Are your products cruelty-free and vegan?", content: "We are committed to ethical beauty. Our products are cruelty-free and never tested on animals. While most of our line is vegan, some products do contain natural beeswax or honey. All product labels clearly indicate if they are vegan."}, + id: "3", title: "Are your products cruelty-free and vegan?", content: "We are committed to ethical beauty. Our products are cruelty-free and never tested on animals. While most of our line is vegan, some products do contain natural beeswax or honey. All product labels clearly indicate if they are vegan." + }, { - id: "4", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If you're not completely satisfied with your purchase, simply return the product within 30 days for a full refund. We want you to have complete confidence in your skincare investment."}, + id: "4", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If you're not completely satisfied with your purchase, simply return the product within 30 days for a full refund. We want you to have complete confidence in your skincare investment." + }, { - id: "5", title: "Can I use multiple SkinGlow products together?", content: "Absolutely! Our products are designed to work synergistically. We recommend following a complete skincare routine with our cleansing, treating, and moisturizing products for optimal results. Our specialists can create a personalized routine for your specific skin concerns."}, + id: "5", title: "Can I use multiple SkinGlow products together?", content: "Absolutely! Our products are designed to work synergistically. We recommend following a complete skincare routine with our cleansing, treating, and moisturizing products for optimal results. Our specialists can create a personalized routine for your specific skin concerns." + }, ]} textPosition="left" useInvertedBackground={false}