Update src/app/page.tsx
This commit is contained in:
167
src/app/page.tsx
167
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -56,64 +41,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -138,41 +85,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -181,6 +98,12 @@ export default function LandingPage() {
|
||||
|
||||
<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"
|
||||
@@ -189,7 +112,11 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
<LegalSection
|
||||
layout="default"
|
||||
title="Legal Notice"
|
||||
sections={[{ title: "Terms", content: "Standard terms apply." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -197,29 +124,15 @@ export default function LandingPage() {
|
||||
logoText="The Coffee Garden"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
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",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "Order Online", href: "https://the-coffee-garden.square.site/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user