13 Commits

7 changed files with 87 additions and 321 deletions

View File

@@ -1,12 +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";
export default function AboutPage() { export default function AboutPage() {
return ( return (
@@ -28,56 +27,15 @@ 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: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"
href: "/products"
}} }}
/> />
</div> </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 id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
title="Stories from Our Community" title="Stories from Our Community"
@@ -89,28 +47,13 @@ export default function AboutPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", 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"
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: "2", 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"
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: "3", 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"
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"
} }
]} ]}
/> />

View File

@@ -54,7 +54,8 @@ export default function BlogPage() {
const url = `${apiUrl}/posts/${projectId}?status=published`; const url = `${apiUrl}/posts/${projectId}?status=published`;
const response = await fetch(url, { const response = await fetch(url, {
method: "GET", headers: { method: "GET", headers: {
"Content-Type": "application/json"}, "Content-Type": "application/json"
},
}); });
if (response.ok) { if (response.ok) {
@@ -99,14 +100,12 @@ export default function BlogPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="LuxeGlow" brandName="LuxeGlow"
navItems={[ navItems={[
{ name: "Home", id: "/home" }, { name: "Home", id: "/" },
{ name: "Home", id: "hero" }, { name: "Products", id: "/products" },
{ name: "Products", id: "products" }, { name: "Pricing", id: "/pricing" },
{ name: "About", id: "about" }, { name: "FAQ", id: "/faq" }
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }
]} ]}
button={{ text: "Shop Now", href: "products" }} button={{ text: "Shop Now", href: "/products" }}
/> />
{isLoading ? ( {isLoading ? (

View File

@@ -28,13 +28,11 @@ 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: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"
href: "/products"
}} }}
/> />
</div> </div>
@@ -48,34 +46,22 @@ export default function FaqPage() {
animationType="smooth" animationType="smooth"
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Are your products suitable for sensitive skin?", content: "Yes! All our products are dermatologist-tested and formulated to be gentle on sensitive skin. We avoid common irritants and use only high-quality, natural ingredients. If you have specific skin concerns, we recommend starting with our Gentle Cleansing Oil and Hydrating Serum."
title: "Are your products suitable for sensitive skin?",
content: "Yes! All our products are dermatologist-tested and formulated to be gentle on sensitive skin. We avoid common irritants and use only high-quality, natural ingredients. If you have specific skin concerns, we recommend starting with our Gentle Cleansing Oil and Hydrating Serum."
}, },
{ {
id: "2", id: "2", title: "How long does it take to see results?", content: "Most customers notice visible improvements within 2-4 weeks of consistent use. Results vary based on individual skin type and conditions, but our customers report increased hydration, improved texture, and enhanced radiance within the first month."
title: "How long does it take to see results?",
content: "Most customers notice visible improvements within 2-4 weeks of consistent use. Results vary based on individual skin type and conditions, but our customers report increased hydration, improved texture, and enhanced radiance within the first month."
}, },
{ {
id: "3", id: "3", title: "Are your products vegan and cruelty-free?", content: "Absolutely! LuxeGlow is 100% vegan and cruelty-free. We do not test on animals, use animal-derived ingredients, or work with suppliers who do. We're certified by leading animal welfare organizations."
title: "Are your products vegan and cruelty-free?",
content: "Absolutely! LuxeGlow is 100% vegan and cruelty-free. We do not test on animals, use animal-derived ingredients, or work with suppliers who do. We're certified by leading animal welfare organizations."
}, },
{ {
id: "4", id: "4", title: "Can I use multiple products together?", content: "Yes, our products are designed to work together as a complete skincare system. We recommend the order: Cleansing Oil → Hydrating Serum → Moisturizer. Sheet masks can be used 1-2 times weekly as an intensive treatment."
title: "Can I use multiple products together?",
content: "Yes, our products are designed to work together as a complete skincare system. We recommend the order: Cleansing Oil → Hydrating Serum → Moisturizer. Sheet masks can be used 1-2 times weekly as an intensive treatment."
}, },
{ {
id: "5", id: "5", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Orders typically arrive within 5-7 business days for domestic shipping and 7-14 days for international orders. We offer free shipping on orders over $100."
title: "Do you offer international shipping?",
content: "Yes, we ship worldwide! Orders typically arrive within 5-7 business days for domestic shipping and 7-14 days for international orders. We offer free shipping on orders over $100."
}, },
{ {
id: "6", id: "6", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If you're not completely satisfied, simply return your order for a full refund, no questions asked. We stand behind the quality of our skincare."
title: "What is your return policy?",
content: "We offer a 30-day money-back guarantee on all products. If you're not completely satisfied, simply return your order for a full refund, no questions asked. We stand behind the quality of our skincare."
} }
]} ]}
/> />
@@ -92,28 +78,13 @@ export default function FaqPage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", 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"
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: "2", 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"
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: "3", 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"
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"
} }
]} ]}
/> />

View File

@@ -4,21 +4,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5faff;; /* --background: #f6f0e9;;
--card: #f1f8ff;; --card: #efe7dd;;
--foreground: #001122;; --foreground: #2b180a;;
--primary-cta: #15479c;; --primary-cta: #2b180a;;
--secondary-cta: #ffffff;; --secondary-cta: #efe7dd;;
--accent: #a8cce8;; --accent: #94877c;;
--background-accent: #7ba3cf;; */ --background-accent: #afa094;; */
--background: #f5faff;; --background: #f6f0e9;;
--card: #f1f8ff;; --card: #efe7dd;;
--foreground: #001122;; --foreground: #2b180a;;
--primary-cta: #15479c;; --primary-cta: #2b180a;;
--secondary-cta: #ffffff;; --secondary-cta: #efe7dd;;
--accent: #a8cce8;; --accent: #94877c;;
--background-accent: #7ba3cf;; --background-accent: #afa094;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -578,7 +578,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-epilogue), sans-serif; font-family: var(--font-cormorant-garamond), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -591,5 +591,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-epilogue), sans-serif; font-family: var(--font-cormorant-garamond), sans-serif;
} }

View File

@@ -1,37 +1,27 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Epilogue } from "next/font/google"; import { Cormorant_Garamond } from "next/font/google";
import "./globals.css"; import "./globals.css";
const epilogue = Epilogue({ const cormorantGaramond = Cormorant_Garamond({
variable: "--font-epilogue", variable: "--font-cormorant-garamond", subsets: ["latin"],
subsets: ["latin"], weight: ["300", "400", "500", "600", "700"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "LuxeGlow | Premium Natural Skincare & Cosmetics", title: "LuxeGlow | Premium Natural Skincare & Cosmetics", description: "Discover luxury skincare products crafted with natural ingredients. Dermatologist-tested, cruelty-free cosmetics for radiant, healthy skin.", keywords: ["skincare", "cosmetics", "natural beauty", "anti-aging", "face cream", "serum", "moisturizer"],
description: "Discover luxury skincare products crafted with natural ingredients. Dermatologist-tested, cruelty-free cosmetics for radiant, healthy skin.",
keywords: ["skincare", "cosmetics", "natural beauty", "anti-aging", "face cream", "serum", "moisturizer"],
metadataBase: new URL("https://luxeglow.com"), metadataBase: new URL("https://luxeglow.com"),
alternates: { alternates: {
canonical: "https://luxeglow.com" canonical: "https://luxeglow.com"
}, },
openGraph: { openGraph: {
title: "LuxeGlow | Premium Skincare Collection", 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: [
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", url: "https://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg", alt: "LuxeGlow premium skincare products"
alt: "LuxeGlow premium skincare products"
} }
] ]
}, },
twitter: { twitter: {
card: "summary_large_image", 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"]
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"]
}, },
robots: { robots: {
index: true, index: true,
@@ -46,7 +36,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${epilogue.variable} antialiased`}> <body className={`${cormorantGaramond.variable} antialiased`}>
{children} {children}
<script <script

View File

@@ -2,13 +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";
export default function HomePage() { export default function HomePage() {
return ( return (
@@ -30,13 +29,11 @@ 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: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"
href: "/products"
}} }}
/> />
</div> </div>
@@ -50,68 +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", 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"
imageAlt: "Premium skincare serum bottle with natural glow"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/skin-care-cosmetology-products_658428-372.jpg", imageSrc: "https://img.b2bpic.net/free-photo/skin-care-cosmetology-products_658428-372.jpg", imageAlt: "Luxurious face cream product showcase"
imageAlt: "Luxurious face cream product showcase"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/natural-products-arrangement-top-view_23-2148899417.jpg", imageSrc: "https://img.b2bpic.net/free-photo/natural-products-arrangement-top-view_23-2148899417.jpg", imageAlt: "Hydrating moisturizer with spa aesthetic"
imageAlt: "Hydrating moisturizer with spa aesthetic"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/containers-arrangement-view_23-2148978195.jpg", imageSrc: "https://img.b2bpic.net/free-photo/containers-arrangement-view_23-2148978195.jpg", imageAlt: "Nourishing face mask treatment"
imageAlt: "Nourishing face mask treatment"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", imageSrc: "https://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", imageAlt: "Complete skincare routine collection"
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 id="about" data-section="about">
<SplitAbout
title="Committed to Your Skin's Health"
description="At LuxeGlow, we believe that true beauty comes from healthy, nourished skin. Our products combine cutting-edge skincare science with nature's most potent ingredients."
tag="Our Story"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground="invertDefault"
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",
description: "We are proud to be a 100% cruelty-free and vegan beauty brand committed to ethical practices",
icon: Award
},
{
title: "Visible Results",
description: "Our customers see noticeable improvements in skin texture, hydration, and radiance within weeks",
icon: CheckCircle
}
]}
buttons={[
{ text: "Discover Our Values", href: "/about" }
]} ]}
/> />
</div> </div>
@@ -128,32 +81,16 @@ export default function HomePage() {
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"
} }
]} ]}
buttons={[ buttons={[
@@ -173,28 +110,13 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", 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"
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: "2", 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"
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: "3", 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"
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"
} }
]} ]}
/> />

View File

@@ -28,13 +28,11 @@ 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: "Pricing", id: "/pricing" },
{ name: "FAQ", id: "/faq" } { name: "FAQ", id: "/faq" }
]} ]}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"
href: "/products"
}} }}
/> />
</div> </div>
@@ -51,46 +49,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 +81,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 +106,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"
] ]
} }
]} ]}