Update src/app/page.tsx

This commit is contained in:
2026-03-03 22:08:17 +00:00
parent 94a73f72ab
commit 795e5ea1ea

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureBento from "@/components/sections/feature/FeatureBento";
@@ -41,18 +41,20 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Luminé"
description="Discover the essence of natural beauty. Our luxurious skincare collection harnesses the power of premium botanical ingredients to transform your skin."
<HeroOverlay
title="Discover the essence of natural beauty"
description="Our luxurious skincare collection harnesses the power of premium botanical ingredients to transform your skin."
tag="Premium Natural Skincare"
buttons={[
{ text: "Explore Collection", href: "products" },
{ text: "Learn More", href: "about" },
]}
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
imageAlt="Luxury skincare collection showcase"
mediaAnimation="slide-up"
frameStyle="card"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={false}
buttonAnimation="slide-up"
/>
</div>
@@ -91,7 +93,8 @@ export default function LandingPage() {
description="Exceptional skincare backed by nature, science, and luxury. Experience the difference premium ingredients make."
features={[
{
title: "100% Natural", description: "Pure botanical extracts without harmful chemicals", bentoComponent: "globe"},
title: "100% Natural", description: "Pure botanical extracts without harmful chemicals", bentoComponent: "globe"
},
{
title: "Cruelty-Free", description: "Never tested on animals, always ethical", bentoComponent: "orbiting-icons", centerIcon: Shield,
items: [
@@ -101,7 +104,8 @@ export default function LandingPage() {
],
},
{
title: "Dermatologist Tested", description: "Clinically proven results for all skin types", bentoComponent: "animated-bar-chart"},
title: "Dermatologist Tested", description: "Clinically proven results for all skin types", bentoComponent: "animated-bar-chart"
},
{
title: "Sustainable Packaging", description: "Eco-friendly materials protecting our planet", bentoComponent: "icon-info-cards", items: [
{ icon: Leaf, label: "Recyclable", value: "100%" },
@@ -139,13 +143,17 @@ export default function LandingPage() {
description="Everything you need to know about our products and skincare philosophy"
faqs={[
{
id: "1", title: "Are your products suitable for all skin types?", content: "Yes, our formulations are dermatologist-tested and suitable for all skin types, including sensitive skin. We use gentle, natural ingredients that work harmoniously with your skin's natural barrier."},
id: "1", title: "Are your products suitable for all skin types?", content: "Yes, our formulations are dermatologist-tested and suitable for all skin types, including sensitive skin. We use gentle, natural ingredients that work harmoniously with your skin's natural barrier."
},
{
id: "2", title: "How long before I see results?", content: "Most customers notice visible improvements within 2-3 weeks of consistent use. For deeper skin transformation, we recommend giving our products 6-8 weeks as the skin naturally regenerates."},
id: "2", title: "How long before I see results?", content: "Most customers notice visible improvements within 2-3 weeks of consistent use. For deeper skin transformation, we recommend giving our products 6-8 weeks as the skin naturally regenerates."
},
{
id: "3", title: "Can I use multiple Luminé products together?", content: "Absolutely. Our products are designed to complement each other. We recommend starting with our Gentle Cleanser, followed by the Luminous Serum, and finishing with the Silk Moisturizer for optimal results."},
id: "3", title: "Can I use multiple Luminé products together?", content: "Absolutely. Our products are designed to complement each other. We recommend starting with our Gentle Cleanser, followed by the Luminous Serum, and finishing with the Silk Moisturizer for optimal results."
},
{
id: "4", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund with no questions asked."},
id: "4", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with your purchase, we'll provide a full refund with no questions asked."
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-applies-cream-her-face-looks-mirror_169016-19492.jpg"
imageAlt="Skincare routine setup"