Merge version_1 into main #2
190
src/app/page.tsx
190
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Visit", id: "contact"},
|
||||
]}
|
||||
brandName="Grounded"
|
||||
/>
|
||||
@@ -51,32 +45,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Grounded in Quality, Built on Community"
|
||||
description="Discover expertly roasted coffee and a space designed for connection. From our beans to your cup, every detail matters."
|
||||
tag="Artisanal Specialty Coffee"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg?_wi=1",
|
||||
imageAlt: "artisanal coffee roasting process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg", imageAlt: "artisanal coffee roasting process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg?_wi=1",
|
||||
imageAlt: "latte art pouring close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roasted-coffee-beans-lights-with-blurred-edges_181624-14430.jpg",
|
||||
imageAlt: "Closeup of roasted coffee beans under the lights with blurred edges",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-machine-cups_23-2148522951.jpg",
|
||||
imageAlt: "Flat lay of coffee machine cups",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg",
|
||||
imageAlt: "Tattooed barista hand holds raw green coffee beans from white plastic basket, above cotton bags on europalet in warehouse.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg", imageAlt: "latte art pouring close-up"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,32 +77,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Roasting",
|
||||
description: "Small batches for maximum flavor.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barista-leveling-coffee-level-machine-cup_23-2148523052.jpg",
|
||||
imageAlt: "High angle of barista leveling coffee level for machine cup",
|
||||
title: "Expert Roasting", description: "Small batches for maximum flavor.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Local Sourcing",
|
||||
description: "We support neighborhood producers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg?_wi=2",
|
||||
imageAlt: "High angle of barista leveling coffee level for machine cup",
|
||||
title: "Local Sourcing", description: "We support neighborhood producers.", bentoComponent: "reveal-icon", icon: MapPin,
|
||||
},
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: "Designed for connection and comfort.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064697.jpg?_wi=2",
|
||||
imageAlt: "High angle of barista leveling coffee level for machine cup",
|
||||
title: "Atmosphere", description: "Designed for connection and comfort.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Why we are different."
|
||||
description="From farm to cup, we prioritize sustainability and quality."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,53 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso",
|
||||
price: "$3.50",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee-with-coffee-beans-wooden-board-high-quality-photo_114579-67866.jpg",
|
||||
imageAlt: "specialty coffee drink mug",
|
||||
},
|
||||
id: "1", name: "Espresso", price: "$3.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/cup-delicious-coffee-with-coffee-beans-wooden-board-high-quality-photo_114579-67866.jpg", imageAlt: "specialty coffee drink mug"},
|
||||
{
|
||||
id: "2",
|
||||
name: "House Blend Beans",
|
||||
price: "$18.00",
|
||||
variant: "Retail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hermetic-silver-package-filled-with-freshly-baked-roasted-coffee-preserve-its-aroma-red-wooden-table-near-fallen-transparent-cup-with-spreaded-raw-green-peeled-coffee-beans-carton-box_346278-892.jpg",
|
||||
imageAlt: "freshly roasted coffee beans",
|
||||
},
|
||||
id: "2", name: "House Blend Beans", price: "$18.00", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/hermetic-silver-package-filled-with-freshly-baked-roasted-coffee-preserve-its-aroma-red-wooden-table-near-fallen-transparent-cup-with-spreaded-raw-green-peeled-coffee-beans-carton-box_346278-892.jpg", imageAlt: "freshly roasted coffee beans"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Almond Croissant",
|
||||
price: "$4.25",
|
||||
variant: "Pastry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-panettone-composition_23-2149173040.jpg",
|
||||
imageAlt: "freshly baked pastry croissant",
|
||||
},
|
||||
id: "3", name: "Almond Croissant", price: "$4.25", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-panettone-composition_23-2149173040.jpg", imageAlt: "freshly baked pastry croissant"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cold Brew",
|
||||
price: "$4.75",
|
||||
variant: "Iced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-aperol-spritz-delicious-summer-cocktail_185193-108781.jpg",
|
||||
imageAlt: "iced coffee beverage summer",
|
||||
},
|
||||
id: "4", name: "Cold Brew", price: "$4.75", variant: "Iced", imageSrc: "http://img.b2bpic.net/free-photo/glass-aperol-spritz-delicious-summer-cocktail_185193-108781.jpg", imageAlt: "iced coffee beverage summer"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cappuccino",
|
||||
price: "$4.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-man-white-shirt-holding-hot-coffee-cup_171337-9996.jpg",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
},
|
||||
id: "5", name: "Cappuccino", price: "$4.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-man-white-shirt-holding-hot-coffee-cup_171337-9996.jpg", imageAlt: "cappuccino with latte art"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pour Over",
|
||||
price: "$5.00",
|
||||
variant: "Specialty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee-with-kettle-filter_23-2148824401.jpg",
|
||||
imageAlt: "pour over coffee setup",
|
||||
},
|
||||
id: "6", name: "Pour Over", price: "$5.00", variant: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee-with-kettle-filter_23-2148824401.jpg", imageAlt: "pour over coffee setup"},
|
||||
]}
|
||||
title="Explore our menu."
|
||||
description="Premium selections brewed to perfection."
|
||||
@@ -198,25 +125,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Cups Served",
|
||||
description: "Annual brews",
|
||||
icon: Coffee,
|
||||
id: "m1", value: "15k+", title: "Cups Served", description: "Annual brews", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Local Partners",
|
||||
description: "Sourcing network",
|
||||
icon: Users,
|
||||
id: "m2", value: "500+", title: "Local Partners", description: "Sourcing network", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Average Rating",
|
||||
description: "Customer love",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9", title: "Average Rating", description: "Customer love", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="A growing community."
|
||||
@@ -230,45 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best Coffee in Town",
|
||||
quote: "Grounded is my daily ritual. The staff is incredible.",
|
||||
name: "Sarah Miller",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-small-business-smiling-asian-barista-apron-standing-counter-coffee-shop-workin_1258-138357.jpg",
|
||||
},
|
||||
id: "1", title: "Best Coffee in Town", quote: "Grounded is my daily ritual. The staff is incredible.", name: "Sarah Miller", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/cafe-small-business-smiling-asian-barista-apron-standing-counter-coffee-shop-workin_1258-138357.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Perfect Workspace",
|
||||
quote: "The atmosphere is always just right for getting things done.",
|
||||
name: "Michael Chen",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg",
|
||||
},
|
||||
id: "2", title: "Perfect Workspace", quote: "The atmosphere is always just right for getting things done.", name: "Michael Chen", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Authentic Experience",
|
||||
quote: "You can taste the quality in every single bean.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Coffee Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-smart-redhead-curly-girl-student-holds-digital-tablet-while-sitting-table-college-canteen-break_613910-5829.jpg",
|
||||
},
|
||||
id: "3", title: "Authentic Experience", quote: "You can taste the quality in every single bean.", name: "Elena Rodriguez", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/pensive-smart-redhead-curly-girl-student-holds-digital-tablet-while-sitting-table-college-canteen-break_613910-5829.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Friendly Community",
|
||||
quote: "Always feel welcomed when I walk through the door.",
|
||||
name: "David Kim",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg",
|
||||
},
|
||||
id: "4", title: "Friendly Community", quote: "Always feel welcomed when I walk through the door.", name: "David Kim", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Daily Must-Have",
|
||||
quote: "The best lattes in the city, hands down.",
|
||||
name: "Jessica Taylor",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg",
|
||||
},
|
||||
id: "5", title: "Daily Must-Have", quote: "The best lattes in the city, hands down.", name: "Jessica Taylor", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2854.jpg"},
|
||||
]}
|
||||
title="What our guests say."
|
||||
description="The heart of Grounded is our community."
|
||||
@@ -279,8 +164,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect with us"
|
||||
title="Visit Grounded Today"
|
||||
description="Join us for a cup of coffee and experience the community difference. Sign up for our newsletter for news and exclusive perks."
|
||||
@@ -295,33 +179,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user