Merge version_2 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -3,11 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
name: "Philosophy", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Stories", id: "testimonials"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
/>
|
||||
@@ -55,13 +47,9 @@ export default function LandingPage() {
|
||||
description="Discover the art of timeless skincare with Lumina, crafted from earth's most potent botanicals for a gentle, luminous glow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Philosophy", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382872.jpg"
|
||||
/>
|
||||
@@ -72,9 +60,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Intent"
|
||||
description={[
|
||||
"Lumina Skincare was born from a desire for clean, powerful results without compromise. We marry ancient botanical wisdom with modern derm-proven science.",
|
||||
"Every bottle contains only pure, effective ingredients harvested responsibly for your skin's health and our planet's future.",
|
||||
]}
|
||||
"Lumina Skincare was born from a desire for clean, powerful results without compromise. We marry ancient botanical wisdom with modern derm-proven science.", "Every bottle contains only pure, effective ingredients harvested responsibly for your skin's health and our planet's future."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,47 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Botanical Serum",
|
||||
price: "$85",
|
||||
variant: "30ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Botanical Serum", price: "$85", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gentle Cleanser",
|
||||
price: "$42",
|
||||
variant: "150ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Gentle Cleanser", price: "$42", variant: "150ml", imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Deep Hydrator",
|
||||
price: "$65",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Deep Hydrator", price: "$65", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=3"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Revitalizing Toner",
|
||||
price: "$38",
|
||||
variant: "200ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=4",
|
||||
},
|
||||
id: "4", name: "Revitalizing Toner", price: "$38", variant: "200ml", imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=4"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Calming Eye Balm",
|
||||
price: "$52",
|
||||
variant: "15ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=5",
|
||||
},
|
||||
id: "5", name: "Calming Eye Balm", price: "$52", variant: "15ml", imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=5"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Overnight Mask",
|
||||
price: "$72",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=6",
|
||||
},
|
||||
id: "6", name: "Overnight Mask", price: "$72", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=6"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Formulated for radiance, texture, and lasting hydration."
|
||||
@@ -134,53 +90,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Life changing",
|
||||
quote: "My skin has never felt this hydrated. The serum is a daily staple.",
|
||||
name: "Elena R.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Truly clean",
|
||||
quote: "I appreciate the transparency and the gentle nature of these products.",
|
||||
name: "Mark S.",
|
||||
role: "Educator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-seaside_23-2149412668.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Luminous results",
|
||||
quote: "The glow is real! My complexion looks brighter and more balanced.",
|
||||
name: "Sarah W.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830349.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Minimalist joy",
|
||||
quote: "Simple, effective, and beautiful packaging. Absolutely perfect.",
|
||||
name: "David K.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette_1122-593.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Unmatched quality",
|
||||
quote: "Worth every cent. I've seen actual improvement in my texture.",
|
||||
name: "Julia M.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390903.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Your Skin"
|
||||
description="Join our community of thousands who have embraced their most natural, radiant selves."
|
||||
kpiItems={[
|
||||
{ value: "50k+", label: "Happy Clients" },
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "100%", label: "Natural Ingredients" }
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena R.", role: "Designer", company: "Studio L", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark S.", role: "Educator", company: "Academy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-seaside_23-2149412668.jpg"},
|
||||
{
|
||||
id: "3", name: "Sarah W.", role: "Architect", company: "Design Co", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830349.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,8 +119,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Newsletter"
|
||||
title="Join the Lumina Collective"
|
||||
description="Sign up for 15% off your first order and exclusive skincare guides."
|
||||
@@ -197,58 +127,31 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Sustainability" },
|
||||
{ label: "Careers" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ" },
|
||||
{ label: "Shipping" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy" },
|
||||
{ label: "Terms" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Lumina Skincare"
|
||||
copyrightText="© 2025 Lumina Skincare. All rights reserved."
|
||||
bottomLeftText="Lumina Skincare"
|
||||
bottomRightText="© 2025 Lumina Skincare. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user