Compare commits
27 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8c558c1ca0 | |||
| e7c304378a | |||
| 173e8bfa84 | |||
| f071123748 | |||
| 21abef962b | |||
| b17f7b06e3 | |||
| 6fa24e0e43 | |||
| 22923030ea | |||
| 36ff7e1a93 | |||
| d8a0ba5ced | |||
| fdd8da9e6f | |||
| 2f1feee526 | |||
| 38e00d7740 | |||
| e3ef2096a4 | |||
| 3094bfaa7a | |||
| bdf4320ecf | |||
| 246c5cfa35 | |||
| b283cb0b2d | |||
| 7944451d43 | |||
| 000e5ce256 | |||
| 0997c16967 | |||
| c580ad9bb6 | |||
| e8d7dfc888 | |||
| d5c50010b8 | |||
| 68b8b48352 | |||
| b9f2188f84 | |||
| e88e208242 |
@@ -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://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", 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://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", 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://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", 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"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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"),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -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) {
|
||||||
@@ -63,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);
|
||||||
@@ -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 ? (
|
||||||
|
|||||||
@@ -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://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", 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://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", 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://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", 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"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
@@ -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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1200&h=630&fit=crop", 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1200&h=630&fit=crop"]
|
||||||
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
|
||||||
|
|||||||
108
src/app/page.tsx
108
src/app/page.tsx
@@ -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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=800&h=600&fit=crop", 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://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=800&h=600&fit=crop", 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://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=800&h=600&fit=crop", 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=800&h=600&fit=crop", 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://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=800&h=600&fit=crop", 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://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", 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://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", 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://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", 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"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=600&h=600&fit=crop", 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://images.unsplash.com/photo-1596755094514-f87e34085b2c?w=600&h=600&fit=crop", 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"
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user