Compare commits
24 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 176d14cdf1 | |||
| e6333d35f3 | |||
| 10a2bcd3d0 | |||
| 06f8324d21 | |||
| fb4c582269 | |||
| a9238e04a0 | |||
| 95bff91bdb | |||
| ab337b1b52 | |||
| 0fc2c0032c | |||
| 88cecad15e | |||
| db839407a4 | |||
| d8f4823be6 | |||
| cbed6a821d | |||
| 28d875aa4c | |||
| 6806fee53c | |||
| d94dce4c8a | |||
| 000e5ce256 | |||
| 0997c16967 | |||
| c580ad9bb6 | |||
| e8d7dfc888 | |||
| d5c50010b8 | |||
| 68b8b48352 | |||
| b9f2188f84 | |||
| e88e208242 |
@@ -7,6 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
@@ -29,14 +30,18 @@ export default function AboutPage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "FAQ", id: "/faq" }
|
||||
]}
|
||||
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">
|
||||
@@ -52,24 +57,16 @@ export default function AboutPage() {
|
||||
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: "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: "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: "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
|
||||
title: "Proven Results", description: "Our customers see noticeable improvements in skin texture, hydration, and radiance within weeks", icon: CheckCircle
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
@@ -89,28 +86,13 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
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://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", 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://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",
|
||||
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://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", imageAlt: "Victoria Hayes, model and entrepreneur"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -54,7 +54,8 @@ export default function BlogPage() {
|
||||
const url = `${apiUrl}/posts/${projectId}?status=published`;
|
||||
const response = await fetch(url, {
|
||||
method: "GET", headers: {
|
||||
"Content-Type": "application/json"},
|
||||
"Content-Type": "application/json"
|
||||
},
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
@@ -99,14 +100,13 @@ export default function BlogPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="LuxeGlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/home" },
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "FAQ", id: "/faq" }
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "products" }}
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
/>
|
||||
|
||||
{isLoading ? (
|
||||
|
||||
@@ -7,6 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Star, Mail } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
@@ -29,14 +30,18 @@ export default function FaqPage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "FAQ", id: "/faq" }
|
||||
]}
|
||||
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="faq" data-section="faq">
|
||||
@@ -48,34 +53,22 @@ export default function FaqPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
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."
|
||||
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."
|
||||
},
|
||||
{
|
||||
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."
|
||||
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."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -92,28 +85,13 @@ export default function FaqPage() {
|
||||
animationType="slide-up"
|
||||
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://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", 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://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",
|
||||
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://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 */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f5faff;;
|
||||
--card: #f1f8ff;;
|
||||
--foreground: #001122;;
|
||||
--primary-cta: #15479c;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #a8cce8;;
|
||||
--background-accent: #7ba3cf;; */
|
||||
/* --background: #f6f0e9;;
|
||||
--card: #efe7dd;;
|
||||
--foreground: #2b180a;;
|
||||
--primary-cta: #2b180a;;
|
||||
--secondary-cta: #efe7dd;;
|
||||
--accent: #94877c;;
|
||||
--background-accent: #afa094;; */
|
||||
|
||||
--background: #f5faff;;
|
||||
--card: #f1f8ff;;
|
||||
--foreground: #001122;;
|
||||
--primary-cta: #15479c;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #a8cce8;;
|
||||
--background-accent: #7ba3cf;;
|
||||
--background: #f6f0e9;;
|
||||
--card: #efe7dd;;
|
||||
--foreground: #2b180a;;
|
||||
--primary-cta: #2b180a;;
|
||||
--secondary-cta: #efe7dd;;
|
||||
--accent: #94877c;;
|
||||
--background-accent: #afa094;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
@@ -578,7 +578,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-epilogue), sans-serif;
|
||||
font-family: var(--font-cormorant-garamond), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -591,5 +591,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
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 { Epilogue } from "next/font/google";
|
||||
import { Cormorant_Garamond } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const epilogue = Epilogue({
|
||||
variable: "--font-epilogue",
|
||||
subsets: ["latin"],
|
||||
const cormorantGaramond = Cormorant_Garamond({
|
||||
variable: "--font-cormorant-garamond", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
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"],
|
||||
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"],
|
||||
metadataBase: new URL("https://luxeglow.com"),
|
||||
alternates: {
|
||||
canonical: "https://luxeglow.com"
|
||||
},
|
||||
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://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg", alt: "LuxeGlow premium skincare products"
|
||||
}
|
||||
]
|
||||
},
|
||||
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://img.b2bpic.net/free-photo/high-angle-view-beauty-creams-flowers-marble_23-2147879025.jpg"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -46,7 +36,7 @@ export default function RootLayout({
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={`${epilogue.variable} antialiased`}>
|
||||
<body className={`${cormorantGaramond.variable} antialiased`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
|
||||
110
src/app/page.tsx
110
src/app/page.tsx
@@ -9,6 +9,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Sparkles, Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -31,14 +32,18 @@ export default function HomePage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "FAQ", id: "/faq" }
|
||||
]}
|
||||
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="hero" data-section="hero">
|
||||
@@ -50,24 +55,19 @@ export default function HomePage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
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://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://img.b2bpic.net/free-photo/skin-care-cosmetology-products_658428-372.jpg",
|
||||
imageAlt: "Luxurious face cream product showcase"
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/skin-care-cosmetology-products_658428-372.jpg", 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://img.b2bpic.net/free-photo/natural-products-arrangement-top-view_23-2148899417.jpg", 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://img.b2bpic.net/free-photo/containers-arrangement-view_23-2148978195.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", imageAlt: "Complete skincare routine collection"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
@@ -77,45 +77,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</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 id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Featured Products"
|
||||
@@ -128,32 +89,16 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242153.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242152.jpg", imageAlt: "Premium sheet mask treatment for instant glow"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
@@ -173,28 +118,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
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://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", 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://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",
|
||||
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://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Olivia Chen, makeup artist"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -3,10 +3,11 @@
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Sparkles, Zap, Star, Heart, Crown } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
@@ -29,14 +30,18 @@ export default function ProductsPage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "FAQ", id: "/faq" }
|
||||
]}
|
||||
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="products" data-section="products">
|
||||
@@ -51,46 +56,22 @@ export default function ProductsPage() {
|
||||
animationType="slide-up"
|
||||
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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242153.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242152.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg", 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://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242156.jpg", imageAlt: "Rich night moisturizer for deep repair"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -106,32 +87,24 @@ export default function ProductsPage() {
|
||||
useInvertedBackground="invertDefault"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Deep Hydration",
|
||||
description: "Our proprietary blend of hyaluronic acid and botanical extracts penetrates multiple skin layers to deliver intense, long-lasting moisture",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg",
|
||||
imageAlt: "Hydration benefits visualization"
|
||||
id: "1", title: "Deep Hydration", tags: ["Hydration", "Moisture"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-standing-with-cream_1157-29503.jpg", imageAlt: "Hydration benefits visualization"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Protective Shield",
|
||||
description: "Advanced antioxidant complex protects against environmental stressors while strengthening your skin barrier",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg",
|
||||
imageAlt: "Skin protection technology demonstration"
|
||||
id: "2", title: "Protective Shield", tags: ["Protection", "Barrier"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-applying-moisturizer-her-face-bathroom_637285-3386.jpg", imageAlt: "Skin protection technology demonstration"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Natural Nourishment",
|
||||
description: "Plant-based vitamins and peptides work synergistically to improve texture, elasticity, and radiance",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg",
|
||||
imageAlt: "Natural ingredients and their benefits"
|
||||
id: "3", title: "Natural Nourishment", tags: ["Natural", "Nourishment"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg", imageAlt: "Natural ingredients and their benefits"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
<PricingCardEight
|
||||
title="Choose Your Skincare Journey"
|
||||
description="Select the perfect plan to achieve your best skin"
|
||||
tag="Pricing Plans"
|
||||
@@ -141,45 +114,30 @@ export default function ProductsPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Starter",
|
||||
badgeIcon: Star,
|
||||
price: "$49",
|
||||
subtitle: "Essential skincare basics",
|
||||
features: [
|
||||
"Gentle Cleansing Oil",
|
||||
"Hydrating Serum",
|
||||
"Basic moisturizer",
|
||||
"Access to skincare tips"
|
||||
id: "1", badge: "Starter", badgeIcon: Star,
|
||||
price: "49", subtitle: "Essential skincare basics", features: [
|
||||
"Gentle Cleansing Oil", "Hydrating Serum", "Basic moisturizer", "Access to skincare tips"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "/signup" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Heart,
|
||||
price: "$129",
|
||||
subtitle: "Complete daily routine",
|
||||
features: [
|
||||
"All Starter products",
|
||||
"Premium face cream",
|
||||
"Weekly face mask",
|
||||
"Email skincare support",
|
||||
"15% member discount"
|
||||
id: "2", badge: "Most Popular", badgeIcon: Heart,
|
||||
price: "129", subtitle: "Complete daily routine", features: [
|
||||
"All Starter products", "Premium face cream", "Weekly face mask", "Email skincare support", "15% member discount"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Choose Plan", href: "/signup" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Luxury",
|
||||
badgeIcon: Crown,
|
||||
price: "$249",
|
||||
subtitle: "Full professional regimen",
|
||||
features: [
|
||||
"All Premium products",
|
||||
"Exclusive serums & treatments",
|
||||
"Monthly deliveries",
|
||||
"Priority VIP support",
|
||||
"Free consultations",
|
||||
"25% member discount"
|
||||
id: "3", badge: "Luxury", badgeIcon: Crown,
|
||||
price: "249", subtitle: "Full professional regimen", features: [
|
||||
"All Premium products", "Exclusive serums & treatments", "Monthly deliveries", "Priority VIP support", "Free consultations", "25% member discount"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Go Premium", href: "/signup" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user