Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2ef7d4f6cb | |||
| 81a56e129e |
193
src/app/page.tsx
193
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -30,21 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Skincare", id: "skincare"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Hair Growth", id: "hair-growth"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -53,22 +47,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Lumina Glow"
|
||||
description="Unlock your radiance with scientifically-backed skincare and hair growth solutions designed for the modern lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Skincare",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Skincare", href: "#products"},
|
||||
{
|
||||
text: "Hair Growth",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Hair Growth", href: "#products"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466355.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466355.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,18 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The science behind ",
|
||||
},
|
||||
type: "text", content: "The science behind "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg",
|
||||
alt: "Science",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg", alt: "Science"},
|
||||
{
|
||||
type: "text",
|
||||
content: " your beauty.",
|
||||
},
|
||||
type: "text", content: " your beauty."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,20 +83,11 @@ export default function LandingPage() {
|
||||
description="Pure ingredients meet clinical precision for results that redefine your routine."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Clinical Efficacy",
|
||||
content: "Our formulas are tested by dermatologists to ensure potency and safety.",
|
||||
},
|
||||
id: "f1", title: "Clinical Efficacy", content: "Our formulas are tested by dermatologists to ensure potency and safety."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Natural Origin",
|
||||
content: "Harnessing the power of plants to nourish your skin and hair naturally.",
|
||||
},
|
||||
id: "f2", title: "Natural Origin", content: "Harnessing the power of plants to nourish your skin and hair naturally."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Visible Results",
|
||||
content: "See the difference in as little as 30 days of consistent use.",
|
||||
},
|
||||
id: "f3", title: "Visible Results", content: "See the difference in as little as 30 days of consistent use."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286760.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -129,59 +102,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Lumina",
|
||||
name: "Radiance Face Oil",
|
||||
price: "$85.00",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963111.jpg",
|
||||
},
|
||||
id: "p1", brand: "Lumina", name: "Radiance Face Oil", price: "$85.00", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963111.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Lumina",
|
||||
name: "Growth Serum Pro",
|
||||
price: "$95.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg",
|
||||
},
|
||||
id: "p2", brand: "Lumina", name: "Growth Serum Pro", price: "$95.00", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-oil-dropper_23-2149016644.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lumina",
|
||||
name: "Velvet Moisturizer",
|
||||
price: "$70.00",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-moisture-recipients-assortment-sand_23-2148761472.jpg",
|
||||
},
|
||||
id: "p3", brand: "Lumina", name: "Velvet Moisturizer", price: "$70.00", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-moisture-recipients-assortment-sand_23-2148761472.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Lumina",
|
||||
name: "Hair Vitality Tabs",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-oil-capsules-with-omega-3-vitamin-d-glass-jar-white-concrete-surface_166373-1439.jpg",
|
||||
},
|
||||
id: "p4", brand: "Lumina", name: "Hair Vitality Tabs", price: "$45.00", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/fish-oil-capsules-with-omega-3-vitamin-d-glass-jar-white-concrete-surface_166373-1439.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Lumina",
|
||||
name: "Dew Mist Spray",
|
||||
price: "$35.00",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-with-color-year-tones-3d-packaging_23-2151510138.jpg",
|
||||
},
|
||||
id: "p5", brand: "Lumina", name: "Dew Mist Spray", price: "$35.00", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-with-color-year-tones-3d-packaging_23-2151510138.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Lumina",
|
||||
name: "Deep Nourish Mask",
|
||||
price: "$60.00",
|
||||
rating: 5,
|
||||
reviewCount: "102",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg",
|
||||
},
|
||||
id: "p6", brand: "Lumina", name: "Deep Nourish Mask", price: "$60.00", rating: 5,
|
||||
reviewCount: "102", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-items-spa-therapy_23-2148290933.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Elevate your daily ritual with our premium skincare and hair growth essentials."
|
||||
@@ -194,45 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changing!",
|
||||
quote: "My hair growth has surpassed my wildest dreams.",
|
||||
name: "Elena R.",
|
||||
role: "Beauty Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beauty-woman-with-ideal-skin-looking-camera-grey-background_633478-648.jpg",
|
||||
},
|
||||
id: "t1", title: "Life Changing!", quote: "My hair growth has surpassed my wildest dreams.", name: "Elena R.", role: "Beauty Influencer", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beauty-woman-with-ideal-skin-looking-camera-grey-background_633478-648.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Clean Skin",
|
||||
quote: "Finally found products that clear my skin without irritation.",
|
||||
name: "Mark D.",
|
||||
role: "Graphic Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-serious-man-shirt-looking-away-copy-space_171337-10779.jpg",
|
||||
},
|
||||
id: "t2", title: "Clean Skin", quote: "Finally found products that clear my skin without irritation.", name: "Mark D.", role: "Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/confident-serious-man-shirt-looking-away-copy-space_171337-10779.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Pure Magic",
|
||||
quote: "My skin has never looked so youthful and hydrated.",
|
||||
name: "Sarah L.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400943.jpg",
|
||||
},
|
||||
id: "t3", title: "Pure Magic", quote: "My skin has never looked so youthful and hydrated.", name: "Sarah L.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400943.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Unreal Volume",
|
||||
quote: "The volume I've gained in just two months is insane.",
|
||||
name: "Chris B.",
|
||||
role: "Fitness Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-curly-hairstyle-checking-haircut-fixing-curls-near-mirror-before-return-boyfriend-have-romantic-dinner-smiling-broadly-feel-happy_176420-44744.jpg",
|
||||
},
|
||||
id: "t4", title: "Unreal Volume", quote: "The volume I've gained in just two months is insane.", name: "Chris B.", role: "Fitness Coach", imageSrc: "http://img.b2bpic.net/free-photo/girl-curly-hairstyle-checking-haircut-fixing-curls-near-mirror-before-return-boyfriend-have-romantic-dinner-smiling-broadly-feel-happy_176420-44744.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Worth every cent",
|
||||
quote: "The most effective routine I have ever used. Period.",
|
||||
name: "Jessica M.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg",
|
||||
},
|
||||
id: "t5", title: "Worth every cent", quote: "The most effective routine I have ever used. Period.", name: "Jessica M.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-caucasian-young-girl-with-snowwhite-smile-dark-hair-white-background-people-free-time-concept_197531-31402.jpg"},
|
||||
]}
|
||||
title="Loved by thousands"
|
||||
description="Real stories from our radiant community."
|
||||
@@ -243,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Join our inner circle"
|
||||
description="Get exclusive early access to new product drops and beauty secrets."
|
||||
@@ -252,19 +158,26 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lumina"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
}}
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466355.jpg?_wi=2"
|
||||
logoText="Lumina"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Support", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user