Update src/app/products/page.tsx
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import { Sparkles, Zap, Star, Heart, Crown } from "lucide-react";
|
import { Sparkles, Zap, Star, Heart, Crown } from "lucide-react";
|
||||||
@@ -81,15 +81,15 @@ export default function ProductsPage() {
|
|||||||
useInvertedBackground="invertDefault"
|
useInvertedBackground="invertDefault"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1", title: "Deep Hydration", tags: ["Hydration", "Science"],
|
id: "1", title: "Deep Hydration", tags: ["Hydration", "Moisture"],
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg", imageAlt: "Hydration benefits visualization"
|
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg", imageAlt: "Hydration benefits visualization"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2", title: "Protective Shield", tags: ["Protection", "Advanced"],
|
id: "2", title: "Protective Shield", tags: ["Protection", "Barrier"],
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Skin protection technology demonstration"
|
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Skin protection technology demonstration"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3", title: "Natural Nourishment", tags: ["Natural", "Nourish"],
|
id: "3", title: "Natural Nourishment", tags: ["Natural", "Nourishment"],
|
||||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg", imageAlt: "Natural ingredients and their benefits"
|
imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg", imageAlt: "Natural ingredients and their benefits"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
@@ -98,7 +98,7 @@ export default function ProductsPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardEight
|
<PricingCardOne
|
||||||
title="Choose Your Skincare Journey"
|
title="Choose Your Skincare Journey"
|
||||||
description="Select the perfect plan to achieve your best skin"
|
description="Select the perfect plan to achieve your best skin"
|
||||||
tag="Pricing Plans"
|
tag="Pricing Plans"
|
||||||
@@ -109,24 +109,24 @@ export default function ProductsPage() {
|
|||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "1", badge: "Starter", badgeIcon: Star,
|
id: "1", badge: "Starter", badgeIcon: Star,
|
||||||
price: "$49", subtitle: "Essential skincare basics", buttons: [{ text: "Get Started", href: "/signup" }],
|
price: "$49", subtitle: "Essential skincare basics", features: [
|
||||||
features: [
|
|
||||||
"Gentle Cleansing Oil", "Hydrating Serum", "Basic moisturizer", "Access to skincare tips"
|
"Gentle Cleansing Oil", "Hydrating Serum", "Basic moisturizer", "Access to skincare tips"
|
||||||
]
|
],
|
||||||
|
buttons: []
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2", badge: "Most Popular", badgeIcon: Heart,
|
id: "2", badge: "Most Popular", badgeIcon: Heart,
|
||||||
price: "$129", subtitle: "Complete daily routine", buttons: [{ text: "Get Started", href: "/signup" }],
|
price: "$129", subtitle: "Complete daily routine", features: [
|
||||||
features: [
|
|
||||||
"All Starter products", "Premium face cream", "Weekly face mask", "Email skincare support", "15% member discount"
|
"All Starter products", "Premium face cream", "Weekly face mask", "Email skincare support", "15% member discount"
|
||||||
]
|
],
|
||||||
|
buttons: []
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3", badge: "Luxury", badgeIcon: Crown,
|
id: "3", badge: "Luxury", badgeIcon: Crown,
|
||||||
price: "$249", subtitle: "Full professional regimen", buttons: [{ text: "Get Started", href: "/signup" }],
|
price: "$249", subtitle: "Full professional regimen", features: [
|
||||||
features: [
|
|
||||||
"All Premium products", "Exclusive serums & treatments", "Monthly deliveries", "Priority VIP support", "Free consultations", "25% member discount"
|
"All Premium products", "Exclusive serums & treatments", "Monthly deliveries", "Priority VIP support", "Free consultations", "25% member discount"
|
||||||
]
|
],
|
||||||
|
buttons: []
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user