Merge version_1 into main #1
393
src/app/page.tsx
393
src/app/page.tsx
@@ -28,287 +28,134 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Cozy Brew"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Cozy Brew"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fresh Coffee, Warm Moments"
|
||||
description="Experience the art of handcrafted specialty coffee in our cozy haven. Your perfect day starts with a perfect brew."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barista-holding-coffee-cardboard-cup_1303-29325.jpg"
|
||||
imageAlt="3D coffee cup centered"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fresh Coffee, Warm Moments"
|
||||
description="Experience the art of handcrafted specialty coffee in our cozy haven. Your perfect day starts with a perfect brew."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barista-holding-coffee-cardboard-cup_1303-29325.jpg"
|
||||
imageAlt="3D coffee cup centered"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="Nestled in the heart of the city, we believe coffee is more than just a drink—it's a shared experience. From sustainably sourced beans to our artisanal brewing techniques, every cup tells a story of care and comfort."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-closeup-background_1232-2003.jpg"
|
||||
imageAlt="Coffee beans"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="Nestled in the heart of the city, we believe coffee is more than just a drink—it's a shared experience. From sustainably sourced beans to our artisanal brewing techniques, every cup tells a story of care and comfort."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-closeup-background_1232-2003.jpg"
|
||||
imageAlt="Coffee beans"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso",
|
||||
price: "$3.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Latte",
|
||||
price: "$4.50",
|
||||
variant: "Creamy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee_74190-2919.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.00",
|
||||
variant: "Earthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-glass-bottle-iced-latte-pink-stand-salt-paper-wooden-table_343596-1518.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cappuccino",
|
||||
price: "$4.00",
|
||||
variant: "Frothy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loving-coffee-cup-fresh-cappuccino-with-heart-sign_501050-192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Earl Grey Tea",
|
||||
price: "$3.00",
|
||||
variant: "Botanical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-children-s-desk-with-sandwiches-orange-juice_23-2149025177.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Danish Pastry",
|
||||
price: "$4.50",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated collection of specialty espresso drinks, hand-brewed teas, and fresh, decadent pastries."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Espresso", price: "$3.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg" },
|
||||
{ id: "p2", name: "Artisan Latte", price: "$4.50", variant: "Creamy", imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-coffee_74190-2919.jpg" },
|
||||
{ id: "p3", name: "Matcha Latte", price: "$5.00", variant: "Earthy", imageSrc: "http://img.b2bpic.net/free-photo/water-glass-bottle-iced-latte-pink-stand-salt-paper-wooden-table_343596-1518.jpg" },
|
||||
{ id: "p4", name: "Cappuccino", price: "$4.00", variant: "Frothy", imageSrc: "http://img.b2bpic.net/free-photo/loving-coffee-cup-fresh-cappuccino-with-heart-sign_501050-192.jpg" },
|
||||
{ id: "p5", name: "Earl Grey Tea", price: "$3.00", variant: "Botanical", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-children-s-desk-with-sandwiches-orange-juice_23-2149025177.jpg" },
|
||||
{ id: "p6", name: "Danish Pastry", price: "$4.50", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated collection of specialty espresso drinks, hand-brewed teas, and fresh, decadent pastries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specials" data-section="specials">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Autumn Spice Latte",
|
||||
description: "Notes of clove, cinnamon, and nutmeg.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Citrus Infusion",
|
||||
description: "Bright orange zest paired with smooth cocoa.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Cold Brew Reserve",
|
||||
description: "Slow-steeped for 24 hours for ultimate smoothness.",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Seasonal Spotlight"
|
||||
description="Discover our limited-time creations crafted to capture the essence of the season."
|
||||
/>
|
||||
</div>
|
||||
<div id="specials" data-section="specials">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Autumn Spice Latte", description: "Notes of clove, cinnamon, and nutmeg.", icon: Star },
|
||||
{ title: "Citrus Infusion", description: "Bright orange zest paired with smooth cocoa.", icon: Star },
|
||||
{ title: "Cold Brew Reserve", description: "Slow-steeped for 24 hours for ultimate smoothness.", icon: Star },
|
||||
]}
|
||||
title="Seasonal Spotlight"
|
||||
description="Discover our limited-time creations crafted to capture the essence of the season."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Lounge Area",
|
||||
role: "Cozy Seating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Barista Station",
|
||||
role: "Crafting Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Reading Corner",
|
||||
role: "Peaceful Vibes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Latte Detail",
|
||||
role: "Barista Skill",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Cafe Interior",
|
||||
role: "Morning Light",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Pastry Showcase",
|
||||
role: "Fresh Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-taking-macaroons-from-display-case_23-2147787062.jpg",
|
||||
},
|
||||
]}
|
||||
title="A Moment Inside"
|
||||
description="Get a glimpse of our cozy, inviting space and the artistry behind your favorite drinks."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "g1", name: "Lounge Area", role: "Cozy Seating", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg" },
|
||||
{ id: "g2", name: "Barista Station", role: "Crafting Art", imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg" },
|
||||
{ id: "g3", name: "Reading Corner", role: "Peaceful Vibes", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg" },
|
||||
{ id: "g4", name: "Latte Detail", role: "Barista Skill", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg" },
|
||||
{ id: "g5", name: "Cafe Interior", role: "Morning Light", imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg" },
|
||||
{ id: "g6", name: "Pastry Showcase", role: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-taking-macaroons-from-display-case_23-2147787062.jpg" },
|
||||
]}
|
||||
title="A Moment Inside"
|
||||
description="Get a glimpse of our cozy, inviting space and the artistry behind your favorite drinks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best espresso in the city! Every visit feels like coming home. The staff is incredible."
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30726.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-talking-waiter-who-is-wearing-protective-face-mask-while-choosing-something-from-menu-touchpad-cafe_637285-6595.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-holding-cup-coffee_23-2147906556.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-asian-woman-looking-shocked-book-pages-reading-something-interesting-concentrating-si_1258-127558.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best espresso in the city! Every visit feels like coming home. The staff is incredible."
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30726.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-talking-waiter-who-is-wearing-protective-face-mask-while-choosing-something-from-menu-touchpad-cafe_637285-6595.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-holding-cup-coffee_23-2147906556.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-asian-woman-looking-shocked-book-pages-reading-something-interesting-concentrating-si_1258-127558.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Find Your Cozy Spot"
|
||||
description="123 Coffee Lane, Artisan District. Open Daily: 7 AM – 8 PM. Join our newsletter to receive updates on seasonal specials."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944028.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Visit Us"
|
||||
title="Find Your Cozy Spot"
|
||||
description="123 Coffee Lane, Artisan District. Open Daily: 7 AM – 8 PM. Join our newsletter to receive updates on seasonal specials."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944028.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Cozy Brew Cafe."
|
||||
bottomRightText="Crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Visit Us", href: "#contact" }] },
|
||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Cozy Brew Cafe."
|
||||
bottomRightText="Crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user