Update src/app/products/page.tsx
This commit is contained in:
@@ -33,8 +33,7 @@ export default function ProductsPage() {
|
|||||||
{ name: "FAQ", id: "/faq" }
|
{ name: "FAQ", id: "/faq" }
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "/products"
|
||||||
href: "/products"
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -51,46 +50,22 @@ export default function ProductsPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Luminous Hydrating Serum", price: "$68", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", imageAlt: "Hydrating serum bottle with light blue formulation"
|
||||||
name: "Luminous Hydrating Serum",
|
|
||||||
price: "$68",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg",
|
|
||||||
imageAlt: "Hydrating serum bottle with light blue formulation"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Time-Defying Face Cream", price: "$85", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg", imageAlt: "Premium anti-aging face cream in luxury packaging"
|
||||||
name: "Time-Defying Face Cream",
|
|
||||||
price: "$85",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg",
|
|
||||||
imageAlt: "Premium anti-aging face cream in luxury packaging"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Gentle Cleansing Oil", price: "$52", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242153.jpg", imageAlt: "Pure cleansing oil for makeup removal"
|
||||||
name: "Gentle Cleansing Oil",
|
|
||||||
price: "$52",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242153.jpg",
|
|
||||||
imageAlt: "Pure cleansing oil for makeup removal"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Revitalizing Sheet Mask", price: "$12", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242152.jpg", imageAlt: "Premium sheet mask treatment for instant glow"
|
||||||
name: "Revitalizing Sheet Mask",
|
|
||||||
price: "$12",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242152.jpg",
|
|
||||||
imageAlt: "Premium sheet mask treatment for instant glow"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Brightening Vitamin C Serum", price: "$75", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", imageAlt: "Vitamin C brightening serum"
|
||||||
name: "Brightening Vitamin C Serum",
|
|
||||||
price: "$75",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg",
|
|
||||||
imageAlt: "Vitamin C brightening serum"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Nourishing Night Cream", price: "$92", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg", imageAlt: "Rich night moisturizer for deep repair"
|
||||||
name: "Nourishing Night Cream",
|
|
||||||
price: "$92",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg",
|
|
||||||
imageAlt: "Rich night moisturizer for deep repair"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -107,24 +82,15 @@ export default function ProductsPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Deep Hydration",
|
title: "Deep Hydration", description: "Our proprietary blend of hyaluronic acid and botanical extracts penetrates multiple skin layers to deliver intense, long-lasting moisture", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg", imageAlt: "Hydration benefits visualization"
|
||||||
description: "Our proprietary blend of hyaluronic acid and botanical extracts penetrates multiple skin layers to deliver intense, long-lasting moisture",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg",
|
|
||||||
imageAlt: "Hydration benefits visualization"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Protective Shield",
|
title: "Protective Shield", description: "Advanced antioxidant complex protects against environmental stressors while strengthening your skin barrier", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Skin protection technology demonstration"
|
||||||
description: "Advanced antioxidant complex protects against environmental stressors while strengthening your skin barrier",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg",
|
|
||||||
imageAlt: "Skin protection technology demonstration"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "Natural Nourishment",
|
title: "Natural Nourishment", description: "Plant-based vitamins and peptides work synergistically to improve texture, elasticity, and radiance", imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg", imageAlt: "Natural ingredients and their benefits"
|
||||||
description: "Plant-based vitamins and peptides work synergistically to improve texture, elasticity, and radiance",
|
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg",
|
|
||||||
imageAlt: "Natural ingredients and their benefits"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -141,45 +107,21 @@ export default function ProductsPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", badge: "Starter", badgeIcon: Star,
|
||||||
badge: "Starter",
|
price: "$49", subtitle: "Essential skincare basics", features: [
|
||||||
badgeIcon: Star,
|
"Gentle Cleansing Oil", "Hydrating Serum", "Basic moisturizer", "Access to skincare tips"
|
||||||
price: "$49",
|
|
||||||
subtitle: "Essential skincare basics",
|
|
||||||
features: [
|
|
||||||
"Gentle Cleansing Oil",
|
|
||||||
"Hydrating Serum",
|
|
||||||
"Basic moisturizer",
|
|
||||||
"Access to skincare tips"
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", badge: "Most Popular", badgeIcon: Heart,
|
||||||
badge: "Most Popular",
|
price: "$129", subtitle: "Complete daily routine", features: [
|
||||||
badgeIcon: Heart,
|
"All Starter products", "Premium face cream", "Weekly face mask", "Email skincare support", "15% member discount"
|
||||||
price: "$129",
|
|
||||||
subtitle: "Complete daily routine",
|
|
||||||
features: [
|
|
||||||
"All Starter products",
|
|
||||||
"Premium face cream",
|
|
||||||
"Weekly face mask",
|
|
||||||
"Email skincare support",
|
|
||||||
"15% member discount"
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", badge: "Luxury", badgeIcon: Crown,
|
||||||
badge: "Luxury",
|
price: "$249", subtitle: "Full professional regimen", features: [
|
||||||
badgeIcon: Crown,
|
"All Premium products", "Exclusive serums & treatments", "Monthly deliveries", "Priority VIP support", "Free consultations", "25% member discount"
|
||||||
price: "$249",
|
|
||||||
subtitle: "Full professional regimen",
|
|
||||||
features: [
|
|
||||||
"All Premium products",
|
|
||||||
"Exclusive serums & treatments",
|
|
||||||
"Monthly deliveries",
|
|
||||||
"Priority VIP support",
|
|
||||||
"Free consultations",
|
|
||||||
"25% member discount"
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
@@ -189,4 +131,4 @@ export default function ProductsPage() {
|
|||||||
<FooterLogoReveal logoText="LuxeGlow" />
|
<FooterLogoReveal logoText="LuxeGlow" />
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user