Update src/app/page.tsx
This commit is contained in:
@@ -9,7 +9,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 { Sparkles, Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react";
|
import { Sparkles, Heart, Leaf, Shield, Award, CheckCircle, Star, Mail } from "lucide-react";
|
||||||
import Link from "next/link";
|
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
return (
|
return (
|
||||||
@@ -32,18 +31,13 @@ export default function HomePage() {
|
|||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Products", id: "/products" },
|
{ name: "Products", id: "/products" },
|
||||||
{ name: "About", id: "/about" },
|
{ 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">
|
||||||
@@ -77,6 +71,37 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Featured Products"
|
title="Featured Products"
|
||||||
@@ -146,4 +171,4 @@ export default function HomePage() {
|
|||||||
<FooterLogoReveal logoText="LuxeGlow" />
|
<FooterLogoReveal logoText="LuxeGlow" />
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user