Merge version_1 into main #1
354
src/app/page.tsx
354
src/app/page.tsx
@@ -14,259 +14,123 @@ import { Sparkles } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Crafted with Passion"
|
||||
description="Experience the warmth of artisanal coffee in a space designed for community, comfort, and exceptional flavors."
|
||||
tag="Est. 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-tray-with-marshmallows-candle_23-2148720055.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708038.jpg",
|
||||
imageAlt: "Coffee beans",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-white-coffee-with-saucer-spoon-wooden-table_23-2147862860.jpg",
|
||||
imageAlt: "Cafe corner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-buns-wicker-tray-with-vegetables-cheese-white-plate-with-honey-white-background_141793-52944.jpg",
|
||||
imageAlt: "Pastries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg",
|
||||
imageAlt: "Latte art",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafted with Passion"
|
||||
description="Experience the warmth of artisanal coffee in a space designed for community, comfort, and exceptional flavors."
|
||||
tag="Est. 2024"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Visit Us", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-tray-with-marshmallows-candle_23-2148720055.jpg", imageAlt: "Cafe interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708038.jpg", imageAlt: "Coffee beans" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-white-coffee-with-saucer-spoon-wooden-table_23-2147862860.jpg", imageAlt: "Cafe corner" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-buns-wicker-tray-with-vegetables-cheese-white-plate-with-honey-white-background_141793-52944.jpg", imageAlt: "Pastries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg", imageAlt: "Latte art" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Your Neighborhood Oasis"
|
||||
description="We believe coffee is more than just a drink; it's a bridge to connection. From ethically sourced beans to handmade pastries, every element of Brew & Bean is curated to make your day a little brighter."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "We partner directly with sustainable farms.",
|
||||
},
|
||||
{
|
||||
title: "Freshly Baked",
|
||||
description: "Daily rotation of artisanal baked goods.",
|
||||
},
|
||||
{
|
||||
title: "Community Focused",
|
||||
description: "A welcoming space for friends and creatives.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg"
|
||||
imageAlt="Our cafe barista"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Your Neighborhood Oasis"
|
||||
description="We believe coffee is more than just a drink; it's a bridge to connection. From ethically sourced beans to handmade pastries, every element of Brew & Bean is curated to make your day a little brighter."
|
||||
bulletPoints={[
|
||||
{ title: "Ethically Sourced", description: "We partner directly with sustainable farms." },
|
||||
{ title: "Freshly Baked", description: "Daily rotation of artisanal baked goods." },
|
||||
{ title: "Community Focused", description: "A welcoming space for friends and creatives." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg"
|
||||
imageAlt="Our cafe barista"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Coffee",
|
||||
name: "Signature Espresso",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-white-saucer_114579-20072.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Coffee",
|
||||
name: "Velvet Latte",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Coffee",
|
||||
name: "Cold Brew Special",
|
||||
price: "$5.00",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/espresso-tonic-glass-with-yellow-drinking-straw_169016-22975.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Bakery",
|
||||
name: "Classic Croissant",
|
||||
price: "$3.75",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1084-46.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Bakery",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$4.00",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberries_23-2148718792.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover our daily selection of specialty coffees and freshly baked treats."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Coffee", name: "Signature Espresso", price: "$3.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-white-saucer_114579-20072.jpg" },
|
||||
{ id: "2", brand: "Coffee", name: "Velvet Latte", price: "$4.50", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg" },
|
||||
{ id: "3", brand: "Coffee", name: "Cold Brew Special", price: "$5.00", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/espresso-tonic-glass-with-yellow-drinking-straw_169016-22975.jpg" },
|
||||
{ id: "4", brand: "Bakery", name: "Classic Croissant", price: "$3.75", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1084-46.jpg" },
|
||||
{ id: "5", brand: "Bakery", name: "Blueberry Muffin", price: "$4.00", rating: 4, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberries_23-2148718792.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Discover our daily selection of specialty coffees and freshly baked treats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The best latte I have ever had! The atmosphere is perfect for working.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "My morning ritual starts here every day. The croissants are heavenly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-girl-learning-online-outdoor-with-coffee-go_496169-2407.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah R.",
|
||||
handle: "@sarahr",
|
||||
testimonial: "Friendly baristas and truly artisanal coffee. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2149512425.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jason T.",
|
||||
handle: "@jasont",
|
||||
testimonial: "Great vibes, great coffee, and even better people. My favorite local spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/signing-business-contract_1098-14930.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya L.",
|
||||
handle: "@mayal",
|
||||
testimonial: "Absolutely love the vibe here! Very cozy and welcoming for everyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Locals"
|
||||
description="See what our community has to say about their experience at Brew & Bean."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", handle: "@alicem", testimonial: "The best latte I have ever had! The atmosphere is perfect for working.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg" },
|
||||
{ id: "2", name: "David K.", handle: "@davidk", testimonial: "My morning ritual starts here every day. The croissants are heavenly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-girl-learning-online-outdoor-with-coffee-go_496169-2407.jpg" },
|
||||
{ id: "3", name: "Sarah R.", handle: "@sarahr", testimonial: "Friendly baristas and truly artisanal coffee. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2149512425.jpg" },
|
||||
{ id: "4", name: "Jason T.", handle: "@jasont", testimonial: "Great vibes, great coffee, and even better people. My favorite local spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/signing-business-contract_1098-14930.jpg" },
|
||||
{ id: "5", name: "Maya L.", handle: "@mayal", testimonial: "Absolutely love the vibe here! Very cozy and welcoming for everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Locals"
|
||||
description="See what our community has to say about their experience at Brew & Bean."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="Come grab a cup! We're located in the heart of the neighborhood."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Say hello or book a table!",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg"
|
||||
imageAlt="Cafe interior view"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="Come grab a cup! We're located in the heart of the neighborhood."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Say hello or book a table!", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-31515.jpg"
|
||||
imageAlt="Cafe interior view"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Brew & Bean"
|
||||
copyrightText="© 2024 Brew & Bean. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Brew & Bean"
|
||||
copyrightText="© 2024 Brew & Bean. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user