Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8c558c1ca0 | |||
| e7c304378a | |||
| 173e8bfa84 | |||
| f071123748 | |||
| 21abef962b | |||
| b17f7b06e3 | |||
| 6fa24e0e43 | |||
| 22923030ea | |||
| 36ff7e1a93 | |||
| d8a0ba5ced | |||
| fdd8da9e6f | |||
| 2f1feee526 | |||
| 38e00d7740 | |||
| e3ef2096a4 | |||
| 3094bfaa7a | |||
| bdf4320ecf | |||
| 246c5cfa35 | |||
| b283cb0b2d | |||
| 7944451d43 |
@@ -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"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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" }
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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" }
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user