Merge version_2 into main #4
170
src/app/page.tsx
170
src/app/page.tsx
@@ -25,8 +25,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "/shop" },
|
||||
{ label: "Skincare", href: "/shop?category=skincare" },
|
||||
{ label: "Makeup", href: "/shop?category=makeup" },
|
||||
@@ -34,8 +33,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Sustainability", href: "/" },
|
||||
{ label: "Careers", href: "/" },
|
||||
@@ -43,8 +41,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Shipping Info", href: "/" },
|
||||
@@ -71,9 +68,7 @@ export default function HomePage() {
|
||||
brandName="SXXY BEAUTY"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,7 +78,7 @@ export default function HomePage() {
|
||||
description="Luxurious skincare and beauty products crafted for the modern woman"
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "/shop" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
{ text: "Find Your Perfect Match", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199491.jpg?_wi=1"
|
||||
imageAlt="Luxury beauty products display"
|
||||
@@ -117,40 +112,16 @@ export default function HomePage() {
|
||||
tagIcon={Heart}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Radiant Serum Complex",
|
||||
price: "$89",
|
||||
variant: "30ml Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaves-oils-healthy-relaxed-mind_23-2148677967.jpg?_wi=1",
|
||||
imageAlt: "Radiant Serum Complex",
|
||||
isFavorited: false,
|
||||
id: "1", name: "Radiant Serum Complex", price: "$89", variant: "30ml Vegan", imageSrc: "http://img.b2bpic.net/free-photo/leaves-oils-healthy-relaxed-mind_23-2148677967.jpg?_wi=1", imageAlt: "Radiant Serum Complex", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luxe Hydration Moisturizer",
|
||||
price: "$79",
|
||||
variant: "50ml Cruelty-Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg?_wi=1",
|
||||
imageAlt: "Luxe Hydration Moisturizer",
|
||||
isFavorited: false,
|
||||
id: "2", name: "Luxe Hydration Moisturizer", price: "$79", variant: "50ml Cruelty-Free", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg?_wi=1", imageAlt: "Luxe Hydration Moisturizer", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pure Essence Cleanser",
|
||||
price: "$65",
|
||||
variant: "200ml Organic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440667.jpg?_wi=1",
|
||||
imageAlt: "Pure Essence Cleanser",
|
||||
isFavorited: false,
|
||||
id: "3", name: "Pure Essence Cleanser", price: "$65", variant: "200ml Organic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440667.jpg?_wi=1", imageAlt: "Pure Essence Cleanser", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Silk Sleep Mask",
|
||||
price: "$72",
|
||||
variant: "50ml Vegan Formula",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moisturizing-cream-with-flowers-marble-background_23-2147878911.jpg?_wi=1",
|
||||
imageAlt: "Silk Sleep Mask",
|
||||
isFavorited: false,
|
||||
id: "4", name: "Silk Sleep Mask", price: "$72", variant: "50ml Vegan Formula", imageSrc: "http://img.b2bpic.net/free-photo/moisturizing-cream-with-flowers-marble-background_23-2147878911.jpg?_wi=1", imageAlt: "Silk Sleep Mask", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
@@ -169,25 +140,13 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Premium Ingredients",
|
||||
description: "We source only the finest botanical extracts and scientific ingredients from sustainable suppliers worldwide. Each product delivers visible results without compromise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaves-oils-healthy-relaxed-mind_23-2148677967.jpg?_wi=2",
|
||||
imageAlt: "Premium Ingredients",
|
||||
},
|
||||
title: "Premium Ingredients", description: "We source only the finest botanical extracts and scientific ingredients from sustainable suppliers worldwide. Each product delivers visible results without compromise.", imageSrc: "http://img.b2bpic.net/free-photo/leaves-oils-healthy-relaxed-mind_23-2148677967.jpg?_wi=2", imageAlt: "Premium Ingredients"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Cruelty-Free & Vegan",
|
||||
description: "Our commitment to ethical beauty means every formula is cruelty-free, vegan-certified, and packaged sustainably. Beauty that feels good inside and out.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg?_wi=2",
|
||||
imageAlt: "Cruelty-Free Products",
|
||||
},
|
||||
title: "Cruelty-Free & Vegan", description: "Our commitment to ethical beauty means every formula is cruelty-free, vegan-certified, and packaged sustainably. Beauty that feels good inside and out.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-make-up-container_23-2149030340.jpg?_wi=2", imageAlt: "Cruelty-Free Products"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Dermatologist Tested",
|
||||
description: "Every product undergoes rigorous dermatological testing to ensure safety and efficacy for all skin types. Your skin health is our priority.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440667.jpg?_wi=2",
|
||||
imageAlt: "Dermatologist Tested",
|
||||
},
|
||||
title: "Dermatologist Tested", description: "Every product undergoes rigorous dermatological testing to ensure safety and efficacy for all skin types. Your skin health is our priority.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440667.jpg?_wi=2", imageAlt: "Dermatologist Tested"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -202,58 +161,31 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{
|
||||
id: "essentials",
|
||||
badge: "Essentials",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Start your beauty journey",
|
||||
buttons: [
|
||||
id: "essentials", badge: "Essentials", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Start your beauty journey", buttons: [
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Access to new product launches",
|
||||
"10% discount on first purchase",
|
||||
"Beauty tips and tutorials",
|
||||
"Monthly newsletter",
|
||||
],
|
||||
"Access to new product launches", "10% discount on first purchase", "Beauty tips and tutorials", "Monthly newsletter"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
badgeIcon: Heart,
|
||||
price: "$99/year",
|
||||
subtitle: "For beauty enthusiasts",
|
||||
buttons: [
|
||||
id: "premium", badge: "Premium", badgeIcon: Heart,
|
||||
price: "$99/year", subtitle: "For beauty enthusiasts", buttons: [
|
||||
{ text: "Subscribe Now", href: "#" },
|
||||
{ text: "Chat with Us", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"15% discount on all purchases",
|
||||
"Free shipping on all orders",
|
||||
"Exclusive member-only products",
|
||||
"Early access to sales",
|
||||
"Birthday gift",
|
||||
],
|
||||
"15% discount on all purchases", "Free shipping on all orders", "Exclusive member-only products", "Early access to sales", "Birthday gift"],
|
||||
},
|
||||
{
|
||||
id: "luxury",
|
||||
badge: "Luxury Elite",
|
||||
badgeIcon: Crown,
|
||||
price: "$249/year",
|
||||
subtitle: "For the discerning collector",
|
||||
buttons: [
|
||||
id: "luxury", badge: "Luxury Elite", badgeIcon: Crown,
|
||||
price: "$249/year", subtitle: "For the discerning collector", buttons: [
|
||||
{ text: "Upgrade Now", href: "#" },
|
||||
{ text: "Concierge Service", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"25% discount on all purchases",
|
||||
"Free priority shipping",
|
||||
"Exclusive limited edition items",
|
||||
"VIP customer concierge",
|
||||
"Quarterly beauty boxes",
|
||||
"Invite-only events",
|
||||
],
|
||||
"25% discount on all purchases", "Free priority shipping", "Exclusive limited edition items", "VIP customer concierge", "Quarterly beauty boxes", "Invite-only events"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -268,59 +200,23 @@ export default function HomePage() {
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sophia Mitchell",
|
||||
role: "Beauty Influencer",
|
||||
company: "@sophiabeauty",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-skin-spa-woman-wrapped-towel-showing-copyspace-with-hand-present-side-isolated-w_1258-133062.jpg?_wi=1",
|
||||
imageAlt: "Sophia Mitchell",
|
||||
},
|
||||
id: "1", name: "Sophia Mitchell", role: "Beauty Influencer", company: "@sophiabeauty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-skin-spa-woman-wrapped-towel-showing-copyspace-with-hand-present-side-isolated-w_1258-133062.jpg?_wi=1", imageAlt: "Sophia Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emma Richardson",
|
||||
role: "Luxury Brand Executive",
|
||||
company: "StyleHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-16877.jpg?_wi=1",
|
||||
imageAlt: "Emma Richardson",
|
||||
},
|
||||
id: "2", name: "Emma Richardson", role: "Luxury Brand Executive", company: "StyleHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-16877.jpg?_wi=1", imageAlt: "Emma Richardson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Olivia Chen",
|
||||
role: "Wellness Coach",
|
||||
company: "Glow Wellness",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman-standing-kitchen-bathrobe-posing-smiling-camera_1258-193363.jpg?_wi=1",
|
||||
imageAlt: "Olivia Chen",
|
||||
},
|
||||
id: "3", name: "Olivia Chen", role: "Wellness Coach", company: "Glow Wellness", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman-standing-kitchen-bathrobe-posing-smiling-camera_1258-193363.jpg?_wi=1", imageAlt: "Olivia Chen"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Parker",
|
||||
role: "Fashion Consultant",
|
||||
company: "Elegance Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg?_wi=1",
|
||||
imageAlt: "Jessica Parker",
|
||||
},
|
||||
id: "4", name: "Jessica Parker", role: "Fashion Consultant", company: "Elegance Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg?_wi=1", imageAlt: "Jessica Parker"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda Foster",
|
||||
role: "Skincare Specialist",
|
||||
company: "Beauty Pro Institute",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beauty-portrait-topless-woman-with-perfect-skin-natural-makeup_343596-8086.jpg?_wi=1",
|
||||
imageAlt: "Amanda Foster",
|
||||
},
|
||||
id: "5", name: "Amanda Foster", role: "Skincare Specialist", company: "Beauty Pro Institute", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beauty-portrait-topless-woman-with-perfect-skin-natural-makeup_343596-8086.jpg?_wi=1", imageAlt: "Amanda Foster"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Rachel West",
|
||||
role: "Entrepreneur",
|
||||
company: "Radiant Beauty Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dreamy-beautiful-africanamerican-woman-gently-touching-face-smiling-pleased-standing_1258-180526.jpg?_wi=1",
|
||||
imageAlt: "Rachel West",
|
||||
},
|
||||
id: "6", name: "Rachel West", role: "Entrepreneur", company: "Radiant Beauty Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dreamy-beautiful-africanamerican-woman-gently-touching-face-smiling-pleased-standing_1258-180526.jpg?_wi=1", imageAlt: "Rachel West"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user