Merge version_1 into main #1
281
src/app/page.tsx
281
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
/>
|
||||
@@ -53,77 +41,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience the Art of Coffee"
|
||||
description="Start your day with our hand-crafted artisan blends, sourced from the finest farms worldwide and roasted to perfection in our shop."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Coffee Origins",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Star Rating",
|
||||
},
|
||||
{ value: "12+", label: "Coffee Origins" },
|
||||
{ value: "5k+", label: "Happy Customers" },
|
||||
{ value: "4.9", label: "Star Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg",
|
||||
alt: "Milky shake with strawberry syrup in a glass.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg",
|
||||
alt: "Details of catered holiday table in a restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg",
|
||||
alt: "Front view of assortments of cake decorating ingredients",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
|
||||
alt: "empty wood chair",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",
|
||||
alt: "Great coffee is only in this place",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg", alt: "Milky shake with strawberry syrup in a glass." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg", alt: "Details of catered holiday table in a restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-assortments-cake-decorating-ingredients_23-2148368259.jpg", alt: "Front view of assortments of cake decorating ingredients" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg", alt: "empty wood chair" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg", alt: "Great coffee is only in this place" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Roasts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Trading",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Artisan Roasts" },
|
||||
{ type: "text", text: "Ethical Trading" },
|
||||
{ type: "text", text: "Hand-crafted" },
|
||||
{ type: "text", text: "Fresh Daily" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,14 +76,8 @@ export default function LandingPage() {
|
||||
title="Passionate about Brewing"
|
||||
description="Brew & Bean is dedicated to the craft of coffee. Our mission is to provide an immersive sensory experience through sustainable sourcing and expert roasting."
|
||||
metrics={[
|
||||
{
|
||||
value: "10",
|
||||
title: "Years Roasting",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Sourced",
|
||||
},
|
||||
{ value: "10", title: "Years Roasting" },
|
||||
{ value: "100%", title: "Organic Sourced" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-bean-black-burlap-sack_1150-1666.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -156,48 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Latte",
|
||||
price: "$4.50",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Morning Croissant",
|
||||
price: "$3.25",
|
||||
variant: "Bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-cream-cup-milk_114579-4260.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Iced Cold Brew",
|
||||
price: "$5.00",
|
||||
variant: "Cold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-pouring-coffee-transparent-glass_23-2148824465.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mocha Bliss",
|
||||
price: "$5.50",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-with-marshmallows-sofa_23-2147969761.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Double Espresso",
|
||||
price: "$3.00",
|
||||
variant: "Shot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_23-2148173367.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Matcha Infusion",
|
||||
price: "$4.75",
|
||||
variant: "Tea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tea-brewer-with-dried-flowers_23-2148567599.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Latte", price: "$4.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg" },
|
||||
{ id: "2", name: "Morning Croissant", price: "$3.25", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-chocolate-cream-cup-milk_114579-4260.jpg" },
|
||||
{ id: "3", name: "Iced Cold Brew", price: "$5.00", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-barista-pouring-coffee-transparent-glass_23-2148824465.jpg" },
|
||||
{ id: "4", name: "Mocha Bliss", price: "$5.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-with-marshmallows-sofa_23-2147969761.jpg" },
|
||||
{ id: "5", name: "Double Espresso", price: "$3.00", variant: "Shot", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_23-2148173367.jpg" },
|
||||
{ id: "6", name: "Matcha Infusion", price: "$4.75", variant: "Tea", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tea-brewer-with-dried-flowers_23-2148567599.jpg" },
|
||||
]}
|
||||
title="Our Signature Drinks"
|
||||
description="Discover your new favorite from our meticulously crafted menu of specialty coffees and seasonal treats."
|
||||
@@ -206,31 +106,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Smith",
|
||||
role: "Head Barista",
|
||||
description: "Coffee enthusiast with over 8 years of experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-1438.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Johnson",
|
||||
role: "Coffee Roaster",
|
||||
description: "Master roaster dedicated to perfecting flavor profiles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-apron-barista-coffee-shop-shows-thumbs-up-approve-recommend-smth_1258-199453.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Lee",
|
||||
role: "Cafe Manager",
|
||||
description: "Ensuring every customer feels at home every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-pizza-coffee-office-meeting-break_23-2148817094.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Smith", role: "Head Barista", description: "Coffee enthusiast with over 8 years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-1438.jpg" },
|
||||
{ id: "t2", name: "Mark Johnson", role: "Coffee Roaster", description: "Master roaster dedicated to perfecting flavor profiles.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-apron-barista-coffee-shop-shows-thumbs-up-approve-recommend-smth_1258-199453.jpg" },
|
||||
{ id: "t3", name: "Sarah Lee", role: "Cafe Manager", description: "Ensuring every customer feels at home every day.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-pizza-coffee-office-meeting-break_23-2148817094.jpg" },
|
||||
]}
|
||||
title="Meet Our Baristas"
|
||||
description="Our team of skilled professionals ensures every cup tells a story of quality and dedication."
|
||||
@@ -244,46 +127,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Artist",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Student",
|
||||
company: "Uni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-schoolgirls-reading-books-library-focus-mandatory-literature_482257-118062.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Wong",
|
||||
role: "Designer",
|
||||
company: "Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-with-friendly-smile-long-brunette-hair-smiling-window-cafe-winter-time-true-positive-emotions-leisure-time-drinking-coffee-chilling-cold-weather_197531-1499.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bob Brown",
|
||||
role: "Writer",
|
||||
company: "Blog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-coffee-cup_23-2149647823.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve White",
|
||||
role: "Photographer",
|
||||
company: "Self",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-white-t-shirt-posing-holding-cup-coffee-pink-background_140725-27083.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jane Doe", role: "Artist", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Student", company: "Uni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-schoolgirls-reading-books-library-focus-mandatory-literature_482257-118062.jpg" },
|
||||
{ id: "3", name: "Alice Wong", role: "Designer", company: "Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-woman-with-friendly-smile-long-brunette-hair-smiling-window-cafe-winter-time-true-positive-emotions-leisure-time-drinking-coffee-chilling-cold-weather_197531-1499.jpg" },
|
||||
{ id: "4", name: "Bob Brown", role: "Writer", company: "Blog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-coffee-cup_23-2149647823.jpg" },
|
||||
{ id: "5", name: "Eve White", role: "Photographer", company: "Self", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-white-t-shirt-posing-holding-cup-coffee-pink-background_140725-27083.jpg" },
|
||||
]}
|
||||
title="Customer Loved Moments"
|
||||
description="What our guests say about their favorite cafe spot."
|
||||
@@ -295,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we offer plant-based milk alternatives and vegan pastries daily.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Our terrace is perfectly pet-friendly.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can we reserve tables?",
|
||||
content: "We take reservations for groups larger than four people.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer vegan options?", content: "Yes, we offer plant-based milk alternatives and vegan pastries daily." },
|
||||
{ id: "q2", title: "Are you pet friendly?", content: "Our terrace is perfectly pet-friendly." },
|
||||
{ id: "q3", title: "Can we reserve tables?", content: "We take reservations for groups larger than four people." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Quick answers to help you enjoy your experience."
|
||||
@@ -320,16 +156,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us today at Brew & Bean. Feel free to reach out for orders or catering inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@brewandbean.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@brewandbean.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -337,32 +166,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Brew & Bean"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Tea",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Coffee", href: "#products" }, { label: "Tea", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#team" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user