Merge version_2 into main #2
202
src/app/page.tsx
202
src/app/page.tsx
@@ -29,47 +29,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "menu" },
|
||||
{ name: "Bookings", id: "bookings" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
button={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Start Your Morning with Perfection"
|
||||
description="Welcome to Brew & Bean, where every cup tells a story. We serve artisan coffee, freshly baked pastries, and a warm space for your busy days."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book Table", href: "#bookings" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg?_wi=1"
|
||||
imageAlt="Cozy café atmosphere"
|
||||
@@ -81,8 +60,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafted with Passion & Quality Beans"
|
||||
description="We started Brew & Bean to create a community space focused on high-quality ingredients and sustainable farming practices. Every bean is ethically sourced and roasted locally to ensure the best possible flavor for our customers."
|
||||
subdescription="Whether you are stopping by for your first cup or settling in for work, we have a seat waiting for you."
|
||||
description="We started Brew & Bean to create a community space focused on high-quality ingredients and sustainable farming practices."
|
||||
subdescription="Every bean is ethically sourced and roasted locally to ensure the best possible flavor for our customers."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-with-frame-gray-background_114579-77312.jpg?_wi=1"
|
||||
imageAlt="Coffee beans"
|
||||
@@ -90,162 +69,57 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup_74190-535.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Americano",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cola-with-ice_1339-4910.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-muffin-with-blueberry-forest-fruit_23-2148718756.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Buttery Croissant",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-glass-jar-jam-with-leaves-cutting-board-wooden-background_141793-130310.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Espresso Double",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-latte_1339-4134.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup_74190-535.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Iced Americano", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/glass-cola-with-ice_1339-4910.jpg?_wi=1" },
|
||||
{ id: "p3", name: "Blueberry Muffin", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-muffin-with-blueberry-forest-fruit_23-2148718756.jpg" },
|
||||
{ id: "p4", name: "Buttery Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-glass-jar-jam-with-leaves-cutting-board-wooden-background_141793-130310.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Explore our selection of handcrafted beverages and delicious daily pastries."
|
||||
title="Menu"
|
||||
description="Handcrafted beverages and daily pastries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Neighbors Say"
|
||||
description="Heartfelt feedback from our loyal customers who make Brew & Bean special."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcoffee",
|
||||
testimonial: "The best cappuccino in town! So cozy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg?_wi=2",
|
||||
imageAlt: "cozy café interior warm lighting",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Fresh pastries every single morning. Love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-with-frame-gray-background_114579-77312.jpg?_wi=2",
|
||||
imageAlt: "fresh coffee beans roasted table",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma L.",
|
||||
handle: "@emmaloves",
|
||||
testimonial: "My go-to spot for remote working.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup_74190-535.jpg?_wi=2",
|
||||
imageAlt: "classic cappuccino white ceramic cup",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "Great atmosphere and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cola-with-ice_1339-4910.jpg?_wi=2",
|
||||
imageAlt: "iced americano glass coffee",
|
||||
},
|
||||
<div id="bookings" data-section="bookings">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Looking to secure a spot? Book your table in advance and skip the wait."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Date", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true }
|
||||
]}
|
||||
buttonText="Confirm Reservation"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg?_wi=3"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit or Drop Us a Message"
|
||||
description="Come see us in the heart of town, or drop a line if you have any questions about catering or bulk orders."
|
||||
title="Get in Touch"
|
||||
description="Have questions about our beans, catering, or want to say hello?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg?_wi=3"
|
||||
imageAlt="Contact us"
|
||||
textarea={{ name: "message", placeholder: "How can we help?", required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Pastries", href: "#menu" }] },
|
||||
{ title: "Info", items: [{ label: "Bookings", href: "#bookings" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Brew & Bean"
|
||||
copyrightText="© 2025 Brew & Bean | All rights reserved."
|
||||
@@ -254,4 +128,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user