Merge version_1 into main #2
@@ -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"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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}
|
||||
/>
|
||||
</div>
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user