development/dd7dacef-5968-4745-8970-80e8dea9da9b
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/products/page.tsx

Browse Source
This commit is contained in:
development
2026-01-22 22:05:19 +00:00
parent e7f3294001
commit 2979573c8c
1 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/products/page.tsx
View File

@@ -3,10 +3,11 @@
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Zap, Star, Heart, Crown } from "lucide-react";
import Link from "next/link";
export default function ProductsPage() {
return (
@@ -28,13 +29,19 @@ export default function ProductsPage() {
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "FAQ", id: "/faq" }
]}
button={{
text: "Shop Now", href: "/products"
}}
/>
<nav className="hidden">
<Link href="/">Home</Link>
<Link href="/products">Products</Link>
<Link href="/about">About</Link>
<Link href="/faq">FAQ</Link>
</nav>
</div>
<div id="products" data-section="products">
@@ -80,23 +87,24 @@ export default function ProductsPage() {
useInvertedBackground="invertDefault"
features={[
{
id: 1,
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"
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"
},
{
id: 2,
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"
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"
},
{
id: 3,
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"
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"
}
]}
animationType="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
<PricingCardEight
title="Choose Your Skincare Journey"
description="Select the perfect plan to achieve your best skin"
tag="Pricing Plans"
@@ -107,20 +115,29 @@ export default function ProductsPage() {
plans={[
{
id: "1", badge: "Starter", badgeIcon: Star,
price: "$49", subtitle: "Essential skincare basics", features: [
price: "49", subtitle: "Essential skincare basics", features: [
"Gentle Cleansing Oil", "Hydrating Serum", "Basic moisturizer", "Access to skincare tips"
],
buttons: [
{ text: "Get Started", href: "/signup" }
]
},
{
id: "2", badge: "Most Popular", badgeIcon: Heart,
price: "$129", subtitle: "Complete daily routine", features: [
price: "129", subtitle: "Complete daily routine", features: [
"All Starter products", "Premium face cream", "Weekly face mask", "Email skincare support", "15% member discount"
],
buttons: [
{ text: "Choose Plan", href: "/signup" }
]
},
{
id: "3", badge: "Luxury", badgeIcon: Crown,
price: "$249", subtitle: "Full professional regimen", features: [
price: "249", subtitle: "Full professional regimen", features: [
"All Premium products", "Exclusive serums & treatments", "Monthly deliveries", "Priority VIP support", "Free consultations", "25% member discount"
],
buttons: [
{ text: "Go Premium", href: "/signup" }
]
}
]}
@@ -130,4 +147,4 @@ export default function ProductsPage() {
<FooterLogoReveal logoText="LuxeGlow" />
</ThemeProvider>
);
}
}