bender/74fbf3f5-33d3-43d7-8cf7-2c797e9b4240
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 18:45:30 +00:00
parent 2fee0b7e94
commit a7864e2d5d
1 changed files with 38 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwe
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Shield, Sparkles } from "lucide-react";
@@ -29,14 +29,11 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About", id: "#about"},
{
name: "Collection", id: "#products"},
{
name: "Contact", id: "#contact"},
{ name: "About", id: "#about" },
{ name: "Collection", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="Leora"
/>
@@ -49,23 +46,16 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-personal-care-products-fondant-pink_23-2151053903.jpg"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/blissful-lightly-tanned-european-lady-wears-stylish-jacket-having-fun-after-work-day-laughing-close-up-outdoor-photo-charming-female-model-with-elegant-hairstyle-enjoying-good-morning_197531-25398.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-caucasian-woman-with-clean-skin-natural-makeup-isolated-bright-pink-background-with-copy-space_1258-98571.jpg", alt: "Customer 5"},
{ src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/elegant-stylish-lady-with-collected-hair-dressed-gold-tshirt-neck-jewelry-is-smiling-camera-posing-beige-background_291650-2401.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/blissful-lightly-tanned-european-lady-wears-stylish-jacket-having-fun-after-work-day-laughing-close-up-outdoor-photo-charming-female-model-with-elegant-hairstyle-enjoying-good-morning_197531-25398.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-caucasian-woman-with-clean-skin-natural-makeup-isolated-bright-pink-background-with-copy-space_1258-98571.jpg", alt: "Customer 5" },
]}
avatarText="Join 10,000+ satisfied fragrance lovers"
buttons={[
{
text: "Shop Collection", href: "#products"},
{
text: "Our Story", href: "#about"},
{ text: "Shop Collection", href: "#products" },
{ text: "Our Story", href: "#about" },
]}
/>
</div>
@@ -75,15 +65,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Philosophy"
metrics={[
{
icon: Sparkles,
label: "Pure Essence", value: "100%"},
{
icon: Award,
label: "Artisan Crafted", value: "20+"},
{
icon: Shield,
label: "Ethical Sourcing", value: "Verified"},
{ icon: Sparkles, label: "Pure Essence", value: "100%" },
{ icon: Award, label: "Artisan Crafted", value: "20+" },
{ icon: Shield, label: "Ethical Sourcing", value: "Verified" },
]}
metricsAnimation="slide-up"
/>
@@ -95,12 +79,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Floral Notes", subtitle: "Delicate jasmine and roses", category: "Scent", value: "Signature"},
{
id: "f2", title: "Long-lasting", subtitle: "24-hour endurance", category: "Performance", value: "Verified"},
{
id: "f3", title: "Sustainable", subtitle: "Eco-friendly materials", category: "Quality", value: "Gold"},
{ id: "f1", title: "Floral Notes", subtitle: "Delicate jasmine and roses", category: "Scent", value: "Signature" },
{ id: "f2", title: "Long-lasting", subtitle: "24-hour endurance", category: "Performance", value: "Verified" },
{ id: "f3", title: "Sustainable", subtitle: "Eco-friendly materials", category: "Quality", value: "Gold" },
]}
title="Why Choose Leora?"
description="Crafted with the finest ingredients for an unforgettable experience."
@@ -114,18 +95,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Midnight Rose", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17715.jpg"},
{
id: "p2", name: "Golden Jasmine", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1048-1835.jpg"},
{
id: "p3", name: "Silk Petals", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892256.jpg"},
{
id: "p4", name: "Ocean Bloom", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163165.jpg"},
{
id: "p5", name: "Velvet Amber", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg"},
{
id: "p6", name: "Royal Musk", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-bottle-rocks-arrangement_23-2148761482.jpg"},
{ id: "p1", name: "Midnight Rose", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17715.jpg" },
{ id: "p2", name: "Golden Jasmine", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1048-1835.jpg" },
{ id: "p3", name: "Silk Petals", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892256.jpg" },
{ id: "p4", name: "Ocean Bloom", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163165.jpg" },
{ id: "p5", name: "Velvet Amber", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg" },
{ id: "p6", name: "Royal Musk", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-bottle-rocks-arrangement_23-2148761482.jpg" },
]}
title="Our Collections"
description="Explore our signature range of artisanal perfumes."
@@ -139,12 +114,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "10k+", description: "Happy Customers"},
{
id: "m2", value: "50+", description: "Global Boutiques"},
{
id: "m3", value: "100%", description: "Natural Extracts"},
{ id: "m1", value: "10k+", description: "Happy Customers" },
{ id: "m2", value: "50+", description: "Global Boutiques" },
{ id: "m3", value: "100%", description: "Natural Extracts" },
]}
title="The Leora Impact"
description="Trusted by scent lovers across the globe."
@@ -157,16 +129,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah J.", role: "Collector", testimonial: "The scent lasts all day, truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg"},
{
id: "2", name: "Michael B.", role: "Enthusiast", testimonial: "Sophisticated packaging and complex notes.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-woman-with-clean-fresh-skin-close-up-pink-studio-skin-care-face-cosmetology_1258-1023.jpg"},
{
id: "3", name: "Emily R.", role: "Influencer", testimonial: "Leora is my new favorite everyday perfume.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-relaxing-sofa_329181-4315.jpg"},
{
id: "4", name: "David K.", role: "Blogger", testimonial: "Exquisite quality and beautiful presentation.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-having-doubt-looking-copy-space_158595-78.jpg"},
{
id: "5", name: "Sophie M.", role: "Designer", testimonial: "Truly a piece of art in a bottle.", imageSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg"},
{ id: "1", name: "Sarah J.", role: "Collector", testimonial: "The scent lasts all day, truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg" },
{ id: "2", name: "Michael B.", role: "Enthusiast", testimonial: "Sophisticated packaging and complex notes.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-woman-with-clean-fresh-skin-close-up-pink-studio-skin-care-face-cosmetology_1258-1023.jpg" },
{ id: "3", name: "Emily R.", role: "Influencer", testimonial: "Leora is my new favorite everyday perfume.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-relaxing-sofa_329181-4315.jpg" },
{ id: "4", name: "David K.", role: "Blogger", testimonial: "Exquisite quality and beautiful presentation.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-having-doubt-looking-copy-space_158595-78.jpg" },
{ id: "5", name: "Sophie M.", role: "Designer", testimonial: "Truly a piece of art in a bottle.", imageSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg" },
]}
title="Voices of Leora"
description="Customer love stories captured in every bottle."
@@ -176,8 +143,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
tag="Newsletter"
title="Join the Leora Circle"
description="Get early access to new releases and exclusive events."
@@ -191,18 +157,14 @@ export default function LandingPage() {
columns={[
{
title: "About", items: [
{
label: "Our Story", href: "#about"},
{
label: "Sustainability", href: "#"},
{ label: "Our Story", href: "#about" },
{ label: "Sustainability", href: "#" },
],
},
{
title: "Support", items: [
{
label: "FAQ", href: "#"},
{
label: "Contact Us", href: "#contact"},
{ label: "FAQ", href: "#" },
{ label: "Contact Us", href: "#contact" },
],
},
]}
@@ -213,4 +175,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}