Update src/app/page.tsx
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -26,119 +26,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Order Online", id: "/order" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Visit Us", id: "/visit" },
|
||||
]}
|
||||
brandName="The Coffee Garden"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Order Online", id: "/order" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Visit Us", id: "/visit" },
|
||||
]}
|
||||
brandName="The Coffee Garden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to The Coffee Garden"
|
||||
description="Your cozy neighborhood spot for specialty coffee, fresh pastries, and community vibes in every cup."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-restaurant-bistro-freshness-concept_53876-41421.jpg", alt: "warm rustic cafe interior plants" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg", alt: "table set on dinning table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5437.jpg", alt: "empty chair in restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-shot-tea-set-table-with-chairs_181624-5522.jpg", alt: "High angle shot of a tea set on a table with chairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg", alt: "table set on dinning table" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "https://the-coffee-garden.square.site/" },
|
||||
{ text: "View Menu", href: "/menu" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Freshly Roasted Coffee" },
|
||||
{ type: "text", text: "Artisan Pastries" },
|
||||
{ type: "text", text: "Garden Oasis" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Community First" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to The Coffee Garden"
|
||||
description="Your cozy neighborhood spot for specialty coffee, fresh pastries, and community vibes in every cup."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-shop-cafe-restaurant-bistro-freshness-concept_53876-41421.jpg", alt: "warm rustic cafe interior plants" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg", alt: "table set on dinning table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5437.jpg", alt: "empty chair in restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-shot-tea-set-table-with-chairs_181624-5522.jpg", alt: "High angle shot of a tea set on a table with chairs" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg", alt: "table set on dinning table" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "https://the-coffee-garden.square.site/" },
|
||||
{ text: "View Menu", href: "/menu" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Freshly Roasted Coffee" },
|
||||
{ type: "text", text: "Artisan Pastries" },
|
||||
{ type: "text", text: "Garden Oasis" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Community First" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Nestled in the Heart of Schuyler Ave"
|
||||
description="The Coffee Garden isn't just about the caffeine. We've built a home for the neighborhood, a garden of calm for commuters and students alike."
|
||||
subdescription="From our handcrafted iced lattes to our daily fresh-baked pastries, everything is served with a local smile."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Nestled in the Heart of Schuyler Ave"
|
||||
description="The Coffee Garden isn't just about the caffeine. We've built a home for the neighborhood, a garden of calm for commuters and students alike."
|
||||
subdescription="From our handcrafted iced lattes to our daily fresh-baked pastries, everything is served with a local smile."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "iced-latte", name: "Iced Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-splashing-glass_84443-83671.jpg", imageAlt: "iced latte glass coffee drink" },
|
||||
{ id: "bagel", name: "Toasted Bagel", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/ripe-orange-cut-into-slices-with-blueberries-gypsophila-flower-colored-backdrop_23-2148103671.jpg", imageAlt: "fresh toasted bagel cream cheese" },
|
||||
{ id: "croissant", name: "Croissant", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-croissants_114579-12761.jpg", imageAlt: "buttery fresh croissant pastry" },
|
||||
{ id: "hot-coffee", name: "Hot Drip", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg", imageAlt: "iced latte glass coffee drink" },
|
||||
{ id: "boba", name: "Boba Tea", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg", imageAlt: "iced latte glass coffee drink" },
|
||||
]}
|
||||
title="Most Popular"
|
||||
description="Try our community favorites today."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "iced-latte", name: "Iced Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-splashing-glass_84443-83671.jpg", imageAlt: "iced latte glass coffee drink" },
|
||||
{ id: "bagel", name: "Toasted Bagel", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/ripe-orange-cut-into-slices-with-blueberries-gypsophila-flower-colored-backdrop_23-2148103671.jpg", imageAlt: "fresh toasted bagel cream cheese" },
|
||||
{ id: "croissant", name: "Croissant", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-croissants_114579-12761.jpg", imageAlt: "buttery fresh croissant pastry" },
|
||||
{ id: "hot-coffee", name: "Hot Drip", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg", imageAlt: "iced latte glass coffee drink" },
|
||||
{ id: "boba", name: "Boba Tea", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg", imageAlt: "iced latte glass coffee drink" },
|
||||
]}
|
||||
title="Most Popular"
|
||||
description="Try our community favorites today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Our Baristas"
|
||||
description="Meet the friendly faces behind your morning brew."
|
||||
members={[
|
||||
{ name: "Alex", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg" },
|
||||
{ name: "Sam", role: "Coffee Expert", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Our Baristas"
|
||||
description="Meet the friendly faces behind your morning brew."
|
||||
members={[
|
||||
{ id: "member-1", name: "Alex", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-healthy-matcha-tea_52683-109318.jpg" },
|
||||
{ id: "member-2", name: "Sam", role: "Coffee Expert", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="default"
|
||||
title="Legal Notice"
|
||||
sections={[{ title: "Terms", content: "Standard terms apply." }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
type="page"
|
||||
title="Legal Notice"
|
||||
sections={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="The Coffee Garden"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Order Online", href: "https://the-coffee-garden.square.site/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 The Coffee Garden"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="The Coffee Garden"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Order Online", href: "https://the-coffee-garden.square.site/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 The Coffee Garden"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user