Merge version_1 into main #1
312
src/app/page.tsx
312
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, CheckCircle, Sparkles, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,224 +27,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lenny Cookies"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lenny Cookies"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Baked to Perfection, Delivered to You."
|
||||
description="Discover our handcrafted range of classic Oreos and artisan cookie creations. Fresh, warm, and waiting for your first bite."
|
||||
tag="New Arrivals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Cookies",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/artisan-cookies-spread-beautifully-on-a--1774555282608-da695599.png"
|
||||
imageAlt="Lenny Cookies Hero Shot"
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Baked to Perfection, Delivered to You."
|
||||
description="Discover our handcrafted range of classic Oreos and artisan cookie creations. Fresh, warm, and waiting for your first bite."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="New Arrivals"
|
||||
buttons={[{ text: "Shop Cookies", href: "#products" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/artisan-cookies-spread-beautifully-on-a--1774555282608-da695599.png"
|
||||
imageAlt="Lenny Cookies Hero Shot"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Oreo Supreme",
|
||||
price: "$12.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/a-single-gourmet-oreo-style-cookie-close-1774555282378-7113a68d.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Double Chocolate Chunk",
|
||||
price: "$15.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/double-chocolate-chunk-cookie-warm-tones-1774555284058-ab1b986e.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Salted Caramel Oat",
|
||||
price: "$14.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/salted-caramel-oat-cookie-rustic-aesthet-1774555282686-edc06484.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Red Velvet Dream",
|
||||
price: "$16.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/red-velvet-cookie-vibrant-red-tones-crea-1774555281901-202d84ac.png",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Cookies"
|
||||
description="Hand-picked favorites and limited-edition delights for every cookie lover."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Our Signature Cookies"
|
||||
description="Hand-picked favorites and limited-edition delights for every cookie lover."
|
||||
products={[
|
||||
{ id: "1", name: "Classic Oreo Supreme", price: "$12.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/a-single-gourmet-oreo-style-cookie-close-1774555282378-7113a68d.png" },
|
||||
{ id: "2", name: "Double Chocolate Chunk", price: "$15.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/double-chocolate-chunk-cookie-warm-tones-1774555284058-ab1b986e.png" },
|
||||
{ id: "3", name: "Salted Caramel Oat", price: "$14.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/salted-caramel-oat-cookie-rustic-aesthet-1774555282686-edc06484.png" },
|
||||
{ id: "4", name: "Red Velvet Dream", price: "$16.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/red-velvet-cookie-vibrant-red-tones-crea-1774555281901-202d84ac.png" }
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Lenny Cookies?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Baking",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Natural Ingredients",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Orders Fulfilled",
|
||||
value: "50k+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Why Lenny Cookies?"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Baking", value: "10+" },
|
||||
{ icon: CheckCircle, label: "Natural Ingredients", value: "100%" },
|
||||
{ icon: Zap, label: "Orders Fulfilled", value: "50k+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Food Network",
|
||||
"Bon Appétit",
|
||||
"The New York Times",
|
||||
"Eater",
|
||||
"Forbes",
|
||||
"Delish",
|
||||
"Tasty",
|
||||
]}
|
||||
title="As Seen In"
|
||||
description="Recognized for our dedication to artisan quality in the dessert scene."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="As Seen In"
|
||||
description="Recognized for our dedication to artisan quality in the dessert scene."
|
||||
names={["Food Network", "Bon Appétit", "The New York Times", "Eater", "Forbes", "Delish", "Tasty"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Smith",
|
||||
role: "Food Blogger",
|
||||
testimonial: "The best cookies I've ever tasted, truly supreme.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-happy-food-blogger-casual--1774555282077-9f75681d.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Johnson",
|
||||
role: "Local Chef",
|
||||
testimonial: "The texture and balance of flavors are unmatched.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-professional-chef-white-ch-1774555282877-eec353e6.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Rossi",
|
||||
role: "Sweet Tooth Enthusiast",
|
||||
testimonial: "I can't stop ordering the Salted Caramel Oat!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-young-woman-bright-studio--1774555281717-3fee7d80.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wang",
|
||||
role: "Home Baker",
|
||||
testimonial: "Incredible quality and freshness every single time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-friendly-person-casual-out-1774555282135-cacef735.png",
|
||||
},
|
||||
]}
|
||||
title="Cookie Lovers Say"
|
||||
description="Join thousands of happy customers who satisfy their sweet cravings with Lenny's."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Cookie Lovers Say"
|
||||
description="Join thousands of happy customers who satisfy their sweet cravings with Lenny's."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena Smith", role: "Food Blogger", testimonial: "The best cookies I've ever tasted, truly supreme.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-happy-food-blogger-casual--1774555282077-9f75681d.png" },
|
||||
{ id: "2", name: "Mark Johnson", role: "Local Chef", testimonial: "The texture and balance of flavors are unmatched.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-professional-chef-white-ch-1774555282877-eec353e6.png" },
|
||||
{ id: "3", name: "Sofia Rossi", role: "Sweet Tooth Enthusiast", testimonial: "I can't stop ordering the Salted Caramel Oat!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-young-woman-bright-studio--1774555281717-3fee7d80.png" },
|
||||
{ id: "4", name: "David Wang", role: "Home Baker", testimonial: "Incredible quality and freshness every single time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/portrait-of-a-friendly-person-casual-out-1774555282135-cacef735.png" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Fresh."
|
||||
description="Subscribe for early access to limited-edition drops and special discounts."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/stack-of-artisanal-cookies-soft-focus-mi-1774555281733-7f42d3b7.png"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Stay Fresh."
|
||||
description="Subscribe for early access to limited-edition drops and special discounts."
|
||||
tag="Newsletter"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/stack-of-artisanal-cookies-soft-focus-mi-1774555281733-7f42d3b7.png"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/minimalist-cookie-brand-logo-high-resolu-1774555281838-7057a0e7.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Lenny Cookies. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUswsN9B2fUY8fitfuTZAa1E7F/minimalist-cookie-brand-logo-high-resolu-1774555281838-7057a0e7.png"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Shop All", href: "#products" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Shipping Info", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Lenny Cookies. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user