Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e0fe528f9e | |||
| 657e42ccfb | |||
| 295514a13a |
172
src/app/page.tsx
172
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
name: "Philosophy", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
/>
|
||||
@@ -54,48 +46,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Rediscover Your Natural Radiance"
|
||||
description="Experience scientifically formulated skincare that honors your unique beauty. Pure ingredients, proven results."
|
||||
tag="New Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721418.jpg",
|
||||
imageAlt: "Radiant serum bottle",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721418.jpg", imageAlt: "Radiant serum bottle"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409646.jpg",
|
||||
imageAlt: "Skin texture closeup",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409646.jpg", imageAlt: "Skin texture closeup"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-charming-woman-with-cream-face-home_197531-32906.jpg",
|
||||
imageAlt: "Skin care routine",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-charming-woman-with-cream-face-home_197531-32906.jpg", imageAlt: "Skin care routine"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/onions-pumpkin-wooden-board_23-2148934791.jpg?_wi=1",
|
||||
imageAlt: "Natural ingredients",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/onions-pumpkin-wooden-board_23-2148934791.jpg?_wi=1", imageAlt: "Natural ingredients"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-green-plant_23-2148537277.jpg",
|
||||
imageAlt: "Spa studio environment",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-green-plant_23-2148537277.jpg", imageAlt: "Spa studio environment"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-flower-arrangement_23-2149249574.jpg",
|
||||
imageAlt: "Luxury cream product",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-flower-arrangement_23-2149249574.jpg", imageAlt: "Luxury cream product"},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
@@ -119,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydrating Glow Serum",
|
||||
price: "$48.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307226.jpg",
|
||||
},
|
||||
id: "p1", name: "Hydrating Glow Serum", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307226.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gentle Foam Cleanser",
|
||||
price: "$28.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lotion-pump_187299-46066.jpg",
|
||||
},
|
||||
id: "p2", name: "Gentle Foam Cleanser", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/lotion-pump_187299-46066.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Velvet Night Cream",
|
||||
price: "$55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232254.jpg",
|
||||
},
|
||||
id: "p3", name: "Velvet Night Cream", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232254.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Revitalizing Face Oil",
|
||||
price: "$62.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-serum-bottle-with-dropper_23-2150351873.jpg",
|
||||
},
|
||||
id: "p4", name: "Revitalizing Face Oil", price: "$62.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-serum-bottle-with-dropper_23-2150351873.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Daily Sun Barrier",
|
||||
price: "$38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963080.jpg",
|
||||
},
|
||||
id: "p5", name: "Daily Sun Barrier", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963080.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Brightening Eye Cream",
|
||||
price: "$42.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238297.jpg",
|
||||
},
|
||||
id: "p6", name: "Brightening Eye Cream", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238297.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Your daily transformation in a bottle."
|
||||
@@ -168,25 +115,15 @@ export default function LandingPage() {
|
||||
author="Elena Rodriguez"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blond-lady-white-dress-looking-camera-pretty-lady-posing-indoors_549566-350.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blond-lady-white-dress-looking-camera-pretty-lady-posing-indoors_549566-350.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-girl-sitting-makeup-table-with-makeup-tools-with-bath-towel-head-clenching-fists-with-closed-eyes-isolated-purple-background_141793-32185.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-girl-sitting-makeup-table-with-makeup-tools-with-bath-towel-head-clenching-fists-with-closed-eyes-isolated-purple-background_141793-32185.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-talking-phone_1153-895.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-talking-phone_1153-895.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -199,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these products cruelty-free?",
|
||||
content: "Yes, all Lumina products are certified cruelty-free.",
|
||||
},
|
||||
id: "f1", title: "Are these products cruelty-free?", content: "Yes, all Lumina products are certified cruelty-free."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I use these on sensitive skin?",
|
||||
content: "Yes, our formulas are tested for sensitive skin types.",
|
||||
},
|
||||
id: "f2", title: "Can I use these on sensitive skin?", content: "Yes, our formulas are tested for sensitive skin types."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer free shipping on all orders over $50.",
|
||||
},
|
||||
id: "f3", title: "What is your shipping policy?", content: "We offer free shipping on all orders over $50."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions about our ingredients or process?"
|
||||
@@ -223,58 +151,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Reach Out"
|
||||
title="Ready to Transform Your Skin?"
|
||||
description="Join our skincare community and enjoy exclusive offers on your first order."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseReveal
|
||||
logoText="Lumina Skincare"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Lumina Skincare."
|
||||
bottomRightText="Privacy Policy"
|
||||
copyrightText="© 2024 Lumina Skincare."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user