19 Commits

Author SHA1 Message Date
8c558c1ca0 Update src/app/products/page.tsx 2026-01-22 21:02:49 +00:00
e7c304378a Update src/app/page.tsx 2026-01-22 21:02:48 +00:00
173e8bfa84 Update src/app/faq/page.tsx 2026-01-22 21:02:47 +00:00
f071123748 Update src/app/blog/page.tsx 2026-01-22 21:02:45 +00:00
21abef962b Update src/app/about/page.tsx 2026-01-22 21:02:44 +00:00
b17f7b06e3 Update src/app/products/page.tsx 2026-01-22 21:00:38 +00:00
6fa24e0e43 Update src/app/products/page.tsx 2026-01-22 20:54:56 +00:00
22923030ea Update src/app/products/page.tsx 2026-01-22 20:52:47 +00:00
36ff7e1a93 Update src/app/products/page.tsx 2026-01-22 20:51:18 +00:00
d8a0ba5ced Update src/app/page.tsx 2026-01-22 20:51:17 +00:00
fdd8da9e6f Update src/app/layout.tsx 2026-01-22 20:51:16 +00:00
2f1feee526 Update src/app/faq/page.tsx 2026-01-22 20:51:16 +00:00
38e00d7740 Update src/app/blog/page.tsx 2026-01-22 20:51:15 +00:00
e3ef2096a4 Update src/app/about/page.tsx 2026-01-22 20:51:14 +00:00
3094bfaa7a Update src/app/products/page.tsx 2026-01-22 20:39:39 +00:00
bdf4320ecf Update src/app/page.tsx 2026-01-22 20:39:38 +00:00
246c5cfa35 Update src/app/faq/page.tsx 2026-01-22 20:39:37 +00:00
b283cb0b2d Update src/app/blog/page.tsx 2026-01-22 20:39:36 +00:00
7944451d43 Update src/app/about/page.tsx 2026-01-22 20:39:36 +00:00
6 changed files with 55 additions and 127 deletions

View File

@@ -1,13 +1,11 @@
"use client"; "use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
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 { Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react"; import { Star, Mail } from "lucide-react";
import Link from "next/link";
export default function AboutPage() { export default function AboutPage() {
return ( return (
@@ -29,50 +27,13 @@ export default function AboutPage() {
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "About", id: "/about" }, { name: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", href: "/products" 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="about" data-section="about">
<SplitAbout
title="Our Mission: Radiant Skin for Everyone"
description="Founded on the belief that effective skincare should be accessible, ethical, and results-driven. We've spent years researching and developing formulations that combine the best of science and nature to deliver transformative skincare experiences."
tag="About LuxeGlow"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground="noInvert"
imagePosition="right"
imageSrc="https://img.b2bpic.net/free-photo/minimalistic-science-banner-with-sample_23-2149431127.jpg"
imageAlt="LuxeGlow skincare laboratory and natural ingredients"
bulletPoints={[
{
title: "Natural Formulations", description: "We use only the finest natural and organic ingredients sourced responsibly from around the world", icon: Leaf
},
{
title: "Dermatologist Tested", description: "Every product is rigorously tested and approved by leading dermatologists for safety and efficacy", icon: Shield
},
{
title: "Cruelty-Free Promise", description: "We are proud to be a 100% cruelty-free and vegan beauty brand committed to ethical practices", icon: Award
},
{
title: "Proven Results", description: "Our customers see noticeable improvements in skin texture, hydration, and radiance within weeks", icon: CheckCircle
}
]}
buttons={[
{ text: "View Our Products", href: "/products" }
]}
/>
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
@@ -86,13 +47,13 @@ export default function AboutPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Jessica Rodriguez", role: "Wellness Coach", testimonial: "I appreciate that LuxeGlow aligns with my values—natural, cruelty-free, and effective. My entire wellness coaching practice now recommends these products.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "Jessica Rodriguez, wellness professional" id: "1", name: "Jessica Rodriguez", role: "Wellness Coach", testimonial: "I appreciate that LuxeGlow aligns with my values—natural, cruelty-free, and effective. My entire wellness coaching practice now recommends these products.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Jessica Rodriguez, wellness professional"
}, },
{ {
id: "2", name: "Amanda Johnson", role: "Dermatology Nurse", testimonial: "Working in dermatology, I see every product imaginable. LuxeGlow stands out for its quality ingredients and visible results that patients genuinely love.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Amanda Johnson, healthcare professional" id: "2", name: "Amanda Johnson", role: "Dermatology Nurse", testimonial: "Working in dermatology, I see every product imaginable. LuxeGlow stands out for its quality ingredients and visible results that patients genuinely love.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Amanda Johnson, healthcare professional"
}, },
{ {
id: "3", name: "Victoria Hayes", role: "Model & Entrepreneur", testimonial: "In my line of work, skin is everything. LuxeGlow keeps my complexion flawless while traveling constantly. It's a game-changer for my career.", imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", imageAlt: "Victoria Hayes, model and entrepreneur" id: "3", name: "Victoria Hayes", role: "Model & Entrepreneur", testimonial: "In my line of work, skin is everything. LuxeGlow keeps my complexion flawless while traveling constantly. It's a game-changer for my career.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Victoria Hayes, model and entrepreneur"
} }
]} ]}
/> />

View File

@@ -22,16 +22,16 @@ type BlogPost = {
const defaultPosts: BlogPost[] = [ const defaultPosts: BlogPost[] = [
{ {
id: "1", category: "Design", title: "UX review presentations", excerpt: "How do you create compelling presentations that wow your colleagues and impress your managers?", imageSrc: "/placeholders/placeholder3.avif", imageAlt: "Abstract design with purple and silver tones", authorName: "Olivia Rhye", authorAvatar: "/placeholders/placeholder3.avif", date: "20 Jan 2025", onBlogClick: () => console.log("Blog 1 clicked"), id: "1", category: "Design", title: "UX review presentations", excerpt: "How do you create compelling presentations that wow your colleagues and impress your managers?", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop", imageAlt: "Abstract design with purple and silver tones", authorName: "Olivia Rhye", authorAvatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", date: "20 Jan 2025", onBlogClick: () => console.log("Blog 1 clicked"),
}, },
{ {
id: "2", category: "Development", title: "Building scalable applications", excerpt: "Learn the best practices for building applications that can handle millions of users.", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Development workspace", authorName: "John Smith", authorAvatar: "/placeholders/placeholder4.webp", date: "18 Jan 2025", onBlogClick: () => console.log("Blog 2 clicked"), id: "2", category: "Development", title: "Building scalable applications", excerpt: "Learn the best practices for building applications that can handle millions of users.", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop", imageAlt: "Development workspace", authorName: "John Smith", authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", date: "18 Jan 2025", onBlogClick: () => console.log("Blog 2 clicked"),
}, },
{ {
id: "3", category: "Marketing", title: "Content strategy essentials", excerpt: "Discover how to create a content strategy that drives engagement and conversions.", imageSrc: "/placeholders/placeholder3.avif", imageAlt: "Marketing strategy board", authorName: "Sarah Johnson", authorAvatar: "/placeholders/placeholder3.avif", date: "15 Jan 2025", onBlogClick: () => console.log("Blog 3 clicked"), id: "3", category: "Marketing", title: "Content strategy essentials", excerpt: "Discover how to create a content strategy that drives engagement and conversions.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop", imageAlt: "Marketing strategy board", authorName: "Sarah Johnson", authorAvatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop", date: "15 Jan 2025", onBlogClick: () => console.log("Blog 3 clicked"),
}, },
{ {
id: "4", category: "Product", title: "Product management 101", excerpt: "Everything you need to know to become an effective product manager in 2025.", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Product planning session", authorName: "Mike Davis", authorAvatar: "/placeholders/placeholder4.webp", date: "12 Jan 2025", onBlogClick: () => console.log("Blog 4 clicked"), id: "4", category: "Product", title: "Product management 101", excerpt: "Everything you need to know to become an effective product manager in 2025.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop", imageAlt: "Product planning session", authorName: "Mike Davis", authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop", date: "12 Jan 2025", onBlogClick: () => console.log("Blog 4 clicked"),
}, },
]; ];
@@ -64,7 +64,7 @@ export default function BlogPage() {
if (Array.isArray(data) && data.length > 0) { if (Array.isArray(data) && data.length > 0) {
const mappedPosts = data.map((post: any) => ({ const mappedPosts = data.map((post: any) => ({
id: post.id || String(Math.random()), id: post.id || String(Math.random()),
category: post.category || "General", title: post.title || "Untitled", excerpt: post.excerpt || post.content.slice(0, 30) || "", imageSrc: post.imageUrl || "/placeholders/placeholder3.avif", imageAlt: post.imageAlt || post.title || "", authorName: post.author?.name || "Anonymous", authorAvatar: post.author?.avatar || "/placeholders/placeholder3.avif", date: post.date || post.createdAt || new Date().toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" }), category: post.category || "General", title: post.title || "Untitled", excerpt: post.excerpt || post.content.slice(0, 30) || "", imageSrc: post.imageUrl || "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop", imageAlt: post.imageAlt || post.title || "", authorName: post.author?.name || "Anonymous", authorAvatar: post.author?.avatar || "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", date: post.date || post.createdAt || new Date().toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" }),
onBlogClick: () => console.log(`Blog ${post.id} clicked`), onBlogClick: () => console.log(`Blog ${post.id} clicked`),
})); }));
setPosts(mappedPosts); setPosts(mappedPosts);
@@ -102,7 +102,6 @@ export default function BlogPage() {
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "About", id: "/about" },
{ name: "Pricing", id: "/pricing" }, { name: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}

View File

@@ -7,7 +7,6 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
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 { Star, Mail } from "lucide-react"; import { Star, Mail } from "lucide-react";
import Link from "next/link";
export default function FaqPage() { export default function FaqPage() {
return ( return (
@@ -29,19 +28,13 @@ export default function FaqPage() {
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "About", id: "/about" }, { name: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", href: "/products" 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>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
@@ -85,13 +78,13 @@ export default function FaqPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Sophie Laurent", role: "Beauty Blogger", testimonial: "LuxeGlow products have completely transformed my skin. Within two weeks, my complexion was noticeably clearer and more radiant. I'm obsessed!", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sophie Laurent, beauty influencer" id: "1", name: "Sophie Laurent", role: "Beauty Blogger", testimonial: "LuxeGlow products have completely transformed my skin. Within two weeks, my complexion was noticeably clearer and more radiant. I'm obsessed!", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Sophie Laurent, beauty influencer"
}, },
{ {
id: "2", name: "Emma Mitchell", role: "Skincare Specialist", testimonial: "As a professional, I recommend only the best for my clients. LuxeGlow's ingredients and formulations meet the highest standards of efficacy and safety.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Emma Mitchell, skincare professional" id: "2", name: "Emma Mitchell", role: "Skincare Specialist", testimonial: "As a professional, I recommend only the best for my clients. LuxeGlow's ingredients and formulations meet the highest standards of efficacy and safety.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Emma Mitchell, skincare professional"
}, },
{ {
id: "3", name: "Olivia Chen", role: "Makeup Artist", testimonial: "My clients with sensitive skin absolutely love this brand. The results are visible, the products are gentle, and the service is exceptional.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Olivia Chen, makeup artist" id: "3", name: "Olivia Chen", role: "Makeup Artist", testimonial: "My clients with sensitive skin absolutely love this brand. The results are visible, the products are gentle, and the service is exceptional.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Olivia Chen, makeup artist"
} }
]} ]}
/> />

View File

@@ -16,12 +16,12 @@ export const metadata: Metadata = {
openGraph: { openGraph: {
title: "LuxeGlow | Premium Skincare Collection", description: "Transform your skin with our luxury natural skincare products. Dermatologist-tested and cruelty-free.", type: "website", siteName: "LuxeGlow", images: [ title: "LuxeGlow | Premium Skincare Collection", description: "Transform your skin with our luxury natural skincare products. Dermatologist-tested and cruelty-free.", type: "website", siteName: "LuxeGlow", images: [
{ {
url: "https://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg", alt: "LuxeGlow premium skincare products" url: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1200&h=630&fit=crop", alt: "LuxeGlow premium skincare products"
} }
] ]
}, },
twitter: { twitter: {
card: "summary_large_image", title: "LuxeGlow | Premium Natural Skincare", description: "Luxury skincare crafted with nature's finest ingredients. Discover radiant skin today.", images: ["https://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg"] card: "summary_large_image", title: "LuxeGlow | Premium Natural Skincare", description: "Luxury skincare crafted with nature's finest ingredients. Discover radiant skin today.", images: ["https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1200&h=630&fit=crop"]
}, },
robots: { robots: {
index: true, index: true,

View File

@@ -2,14 +2,12 @@
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
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, Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react"; import { Sparkles, Heart, Star, Mail } from "lucide-react";
import Link from "next/link";
export default function HomePage() { export default function HomePage() {
return ( return (
@@ -31,19 +29,13 @@ export default function HomePage() {
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "About", id: "/about" }, { name: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", href: "/products" 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>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
@@ -55,24 +47,24 @@ export default function HomePage() {
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg", imageAlt: "Premium skincare serum bottle with natural glow" imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=800&h=600&fit=crop", imageAlt: "Premium skincare serum bottle with natural glow"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/skin-care-cosmetology-products_658428-372.jpg", imageAlt: "Luxurious face cream product showcase" imageSrc: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=800&h=600&fit=crop", imageAlt: "Luxurious face cream product showcase"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/natural-products-arrangement-top-view_23-2148899417.jpg", imageAlt: "Hydrating moisturizer with spa aesthetic" imageSrc: "https://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=800&h=600&fit=crop", imageAlt: "Hydrating moisturizer with spa aesthetic"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/containers-arrangement-view_23-2148978195.jpg", imageAlt: "Nourishing face mask treatment" imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=800&h=600&fit=crop", imageAlt: "Nourishing face mask treatment"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", imageAlt: "Complete skincare routine collection" imageSrc: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=800&h=600&fit=crop", imageAlt: "Complete skincare routine collection"
} }
]} ]}
buttons={[ buttons={[
{ text: "Explore Collection", href: "/products" }, { text: "Explore Collection", href: "/products" },
{ text: "Learn More", href: "/about" } { text: "Learn More", href: "/pricing" }
]} ]}
/> />
</div> </div>
@@ -89,16 +81,16 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
products={[ products={[
{ {
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" id: "1", name: "Luminous Hydrating Serum", price: "$68", imageSrc: "https://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", imageAlt: "Hydrating serum bottle with light blue formulation"
}, },
{ {
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" id: "2", name: "Time-Defying Face Cream", price: "$85", imageSrc: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", imageAlt: "Premium anti-aging face cream in luxury packaging"
}, },
{ {
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" id: "3", name: "Gentle Cleansing Oil", price: "$52", imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", imageAlt: "Pure cleansing oil for makeup removal"
}, },
{ {
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" id: "4", name: "Revitalizing Sheet Mask", price: "$12", imageSrc: "https://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", imageAlt: "Premium sheet mask treatment for instant glow"
} }
]} ]}
buttons={[ buttons={[
@@ -118,13 +110,13 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Sophie Laurent", role: "Beauty Blogger", testimonial: "LuxeGlow products have completely transformed my skin. Within two weeks, my complexion was noticeably clearer and more radiant. I'm obsessed!", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sophie Laurent, beauty influencer" id: "1", name: "Sophie Laurent", role: "Beauty Blogger", testimonial: "LuxeGlow products have completely transformed my skin. Within two weeks, my complexion was noticeably clearer and more radiant. I'm obsessed!", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Sophie Laurent, beauty influencer"
}, },
{ {
id: "2", name: "Emma Mitchell", role: "Skincare Specialist", testimonial: "As a professional, I recommend only the best for my clients. LuxeGlow's ingredients and formulations meet the highest standards of efficacy and safety.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Emma Mitchell, skincare professional" id: "2", name: "Emma Mitchell", role: "Skincare Specialist", testimonial: "As a professional, I recommend only the best for my clients. LuxeGlow's ingredients and formulations meet the highest standards of efficacy and safety.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Emma Mitchell, skincare professional"
}, },
{ {
id: "3", name: "Olivia Chen", role: "Makeup Artist", testimonial: "My clients with sensitive skin absolutely love this brand. The results are visible, the products are gentle, and the service is exceptional.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Olivia Chen, makeup artist" id: "3", name: "Olivia Chen", role: "Makeup Artist", testimonial: "My clients with sensitive skin absolutely love this brand. The results are visible, the products are gentle, and the service is exceptional.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Olivia Chen, makeup artist"
} }
]} ]}
/> />

View File

@@ -3,11 +3,10 @@
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";
import Link from "next/link";
export default function ProductsPage() { export default function ProductsPage() {
return ( return (
@@ -29,19 +28,13 @@ export default function ProductsPage() {
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Products", id: "/products" }, { name: "Products", id: "/products" },
{ name: "About", id: "/about" }, { name: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", href: "/products" 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>
<div id="products" data-section="products"> <div id="products" data-section="products">
@@ -56,22 +49,22 @@ export default function ProductsPage() {
animationType="slide-up" animationType="slide-up"
products={[ products={[
{ {
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" id: "1", name: "Luminous Hydrating Serum", price: "$68", imageSrc: "https://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", imageAlt: "Hydrating serum bottle with light blue formulation"
}, },
{ {
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" id: "2", name: "Time-Defying Face Cream", price: "$85", imageSrc: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", imageAlt: "Premium anti-aging face cream in luxury packaging"
}, },
{ {
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" id: "3", name: "Gentle Cleansing Oil", price: "$52", imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", imageAlt: "Pure cleansing oil for makeup removal"
}, },
{ {
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" id: "4", name: "Revitalizing Sheet Mask", price: "$12", imageSrc: "https://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", imageAlt: "Premium sheet mask treatment for instant glow"
}, },
{ {
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" id: "5", name: "Brightening Vitamin C Serum", price: "$75", imageSrc: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", imageAlt: "Vitamin C brightening serum"
}, },
{ {
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" id: "6", name: "Nourishing Night Cream", price: "$92", imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", imageAlt: "Rich night moisturizer for deep repair"
} }
]} ]}
/> />
@@ -87,24 +80,23 @@ export default function ProductsPage() {
useInvertedBackground="invertDefault" useInvertedBackground="invertDefault"
features={[ features={[
{ {
id: "1", title: "Deep Hydration", tags: ["Hydration", "Moisture"], id: 1,
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg", imageAlt: "Hydration benefits visualization" 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", imageAlt: "Hydration benefits visualization"
}, },
{ {
id: "2", title: "Protective Shield", tags: ["Protection", "Barrier"], id: 2,
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Skin protection technology demonstration" title: "Protective Shield", description: "Advanced antioxidant complex protects against environmental stressors while strengthening your skin barrier", imageSrc: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", imageAlt: "Skin protection technology demonstration"
}, },
{ {
id: "3", title: "Natural Nourishment", tags: ["Natural", "Nourishment"], id: 3,
imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg", imageAlt: "Natural ingredients and their benefits" title: "Natural Nourishment", description: "Plant-based vitamins and peptides work synergistically to improve texture, elasticity, and radiance", imageSrc: "https://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", imageAlt: "Natural ingredients and their benefits"
} }
]} ]}
animationType="slide-up"
/> />
</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"
@@ -115,29 +107,20 @@ export default function ProductsPage() {
plans={[ plans={[
{ {
id: "1", badge: "Starter", badgeIcon: Star, 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" "Gentle Cleansing Oil", "Hydrating Serum", "Basic moisturizer", "Access to skincare tips"
],
buttons: [
{ text: "Get Started", href: "/signup" }
] ]
}, },
{ {
id: "2", badge: "Most Popular", badgeIcon: Heart, 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" "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, 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" "All Premium products", "Exclusive serums & treatments", "Monthly deliveries", "Priority VIP support", "Free consultations", "25% member discount"
],
buttons: [
{ text: "Go Premium", href: "/signup" }
] ]
} }
]} ]}