3 Commits

Author SHA1 Message Date
8b3a19789a Merge version_2 into main
Merge version_2 into main
2026-06-07 05:27:52 +00:00
589b991fda Update src/app/styles/variables.css 2026-06-07 05:27:49 +00:00
8f73204e3d Update src/app/page.tsx 2026-06-07 05:27:49 +00:00
2 changed files with 86 additions and 266 deletions

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Menu", name: "Menu", id: "#menu"},
id: "#menu",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Specials", name: "Specials", id: "#specials"},
id: "#specials",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Order Now", text: "Order Now", href: "#contact"}}
href: "#contact",
}}
brandName="Benne N Brew Cafe" brandName="Benne N Brew Cafe"
/> />
</div> </div>
@@ -69,45 +55,28 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Your Daily Dose of Delight" title="Your Daily Dose of Delight"
description="Experience the perfect blend of rich coffee, artisan pastries, and a cozy ambiance at Benne N Brew Cafe. Start your day with us." description="Experience the perfect blend of rich coffee, artisan pastries, and a cozy ambiance at Benne N Brew Cafe. Start your day with us."
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Find Us", text: "Find Us", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-slice-with-cup-tea-chocolate-candies-light-pink-surface_140725-49110.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-slice-with-cup-tea-chocolate-candies-light-pink-surface_140725-49110.jpg", imageAlt: "Handcrafted coffee latte art"},
imageAlt: "Handcrafted coffee latte art",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/croissants-sliced-pie-cookies-with-cup-milk-blue-wooden-table_114579-4268.jpg", imageSrc: "http://img.b2bpic.net/free-photo/croissants-sliced-pie-cookies-with-cup-milk-blue-wooden-table_114579-4268.jpg", imageAlt: "Assortment of fresh baked pastries"},
imageAlt: "Assortment of fresh baked pastries",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-reading-book-near-low-table_23-2147737555.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-reading-book-near-low-table_23-2147737555.jpg", imageAlt: "Cozy cafe interior"},
imageAlt: "Cozy cafe interior",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-coffee-shop_23-2148366549.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-coffee-shop_23-2148366549.jpg", imageAlt: "Barista pouring latte art"},
imageAlt: "Barista pouring latte art",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-scattered-from-sack-white-wooden-background_141793-7769.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-scattered-from-sack-white-wooden-background_141793-7769.jpg", imageAlt: "Roasted coffee beans"},
imageAlt: "Roasted coffee beans",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-wooden-cutting-board-top-view_176474-8300.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-wooden-cutting-board-top-view_176474-8300.jpg", imageAlt: "Gourmet sandwich with fresh ingredients"},
imageAlt: "Gourmet sandwich with fresh ingredients",
},
]} ]}
/> />
</div> </div>
@@ -127,19 +96,13 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Coffee, icon: Coffee,
title: "Artisan Coffee Blends", title: "Artisan Coffee Blends", description: "Sourced from the finest growers, our beans are expertly roasted and brewed to perfection for an unforgettable taste."},
description: "Sourced from the finest growers, our beans are expertly roasted and brewed to perfection for an unforgettable taste.",
},
{ {
icon: Croissant, icon: Croissant,
title: "Fresh Baked Goods Daily", title: "Fresh Baked Goods Daily", description: "From flaky croissants to rich muffins, every pastry is baked in-house with love and the freshest ingredients."},
description: "From flaky croissants to rich muffins, every pastry is baked in-house with love and the freshest ingredients.",
},
{ {
icon: Home, icon: Home,
title: "Cozy & Inviting Ambiance", title: "Cozy & Inviting Ambiance", description: "Relax in our warm and comfortable setting, perfect for catching up with friends or enjoying a moment of solitude."},
description: "Relax in our warm and comfortable setting, perfect for catching up with friends or enjoying a moment of solitude.",
},
]} ]}
title="Why Our Cafe is Your New Favorite Spot" title="Why Our Cafe is Your New Favorite Spot"
description="Discover what makes Benne N Brew Cafe stand out from the rest. We're dedicated to quality, comfort, and community." description="Discover what makes Benne N Brew Cafe stand out from the rest. We're dedicated to quality, comfort, and community."
@@ -154,47 +117,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "coffee-latte", id: "coffee-latte", name: "Classic Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cup-coffee-with-marshmallows-coffee-beans-table_140725-10220.jpg", imageAlt: "Classic Latte with heart art"},
name: "Classic Latte",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cup-coffee-with-marshmallows-coffee-beans-table_140725-10220.jpg",
imageAlt: "Classic Latte with heart art",
},
{ {
id: "coffee-cappuccino", id: "coffee-cappuccino", name: "Rich Cappuccino", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-bed-top-view_169016-18291.jpg", imageAlt: "Rich Cappuccino with cocoa dust"},
name: "Rich Cappuccino",
price: "$4.25",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-bed-top-view_169016-18291.jpg",
imageAlt: "Rich Cappuccino with cocoa dust",
},
{ {
id: "pastry-croissant", id: "pastry-croissant", name: "Flaky Croissant", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-slice-with-cinnamon-cup-tea-chocolate-candies-pink-surface_140725-49103.jpg", imageAlt: "Golden flaky croissant"},
name: "Flaky Croissant",
price: "$3.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-slice-with-cinnamon-cup-tea-chocolate-candies-pink-surface_140725-49103.jpg",
imageAlt: "Golden flaky croissant",
},
{ {
id: "pastry-muffin", id: "pastry-muffin", name: "Blueberry Muffin", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/banana-cupcakes-mixed-with-chocolate-chip-white-plate_1150-20933.jpg", imageAlt: "Blueberry muffin"},
name: "Blueberry Muffin",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/banana-cupcakes-mixed-with-chocolate-chip-white-plate_1150-20933.jpg",
imageAlt: "Blueberry muffin",
},
{ {
id: "coffee-espresso", id: "coffee-espresso", name: "Double Espresso", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/food-refreshment-glass-flavor-background_1172-466.jpg", imageAlt: "Double espresso shot"},
name: "Double Espresso",
price: "$3.75",
imageSrc: "http://img.b2bpic.net/free-photo/food-refreshment-glass-flavor-background_1172-466.jpg",
imageAlt: "Double espresso shot",
},
{ {
id: "sandwich-club", id: "sandwich-club", name: "Cafe Club Sandwich", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-herbs_2829-8734.jpg", imageAlt: "Fresh cafe club sandwich"},
name: "Cafe Club Sandwich",
price: "$8.99",
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-herbs_2829-8734.jpg",
imageAlt: "Fresh cafe club sandwich",
},
]} ]}
title="Our Signature Offerings" title="Our Signature Offerings"
description="From handcrafted espresso to delectable pastries, our menu is designed to tantalize your taste buds." description="From handcrafted espresso to delectable pastries, our menu is designed to tantalize your taste buds."
@@ -208,58 +141,31 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "breakfast-combo", id: "breakfast-combo", badge: "Morning Boost", badgeIcon: Sunrise,
badge: "Morning Boost", price: "$7.99", name: "Breakfast Combo", buttons: [
badgeIcon: Sunrise,
price: "$7.99",
name: "Breakfast Combo",
buttons: [
{ {
text: "Grab Now", text: "Grab Now", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Any small coffee", "Any small coffee", "Choice of croissant or muffin", "Fresh fruit cup"],
"Choice of croissant or muffin",
"Fresh fruit cup",
],
}, },
{ {
id: "lunch-special", id: "lunch-special", badge: "Midday Delight", badgeIcon: Sun,
badge: "Midday Delight", price: "$12.99", name: "Lunch Special", buttons: [
badgeIcon: Sun,
price: "$12.99",
name: "Lunch Special",
buttons: [
{ {
text: "Order Lunch", text: "Order Lunch", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Any sandwich", "Any sandwich", "Side salad or chips", "Any medium beverage"],
"Side salad or chips",
"Any medium beverage",
],
}, },
{ {
id: "afternoon-treat", id: "afternoon-treat", badge: "Sweet Escape", badgeIcon: Moon,
badge: "Sweet Escape", price: "$6.50", name: "Afternoon Treat", buttons: [
badgeIcon: Moon,
price: "$6.50",
name: "Afternoon Treat",
buttons: [
{ {
text: "Indulge", text: "Indulge", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Any large pastry", "Any large pastry", "Any small hot tea", "Cozy ambiance included"],
"Any small hot tea",
"Cozy ambiance included",
],
}, },
]} ]}
title="Daily Deals & Combo Savings" title="Daily Deals & Combo Savings"
@@ -274,64 +180,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", role: "Local Resident", company: "Community Member", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", imageAlt: "Photo of Sarah J."},
role: "Local Resident",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
imageAlt: "Photo of Sarah J.",
},
{ {
id: "2", id: "2", name: "Michael T.", role: "Freelance Writer", company: "Regular Patron", rating: 5,
name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-drinking-coffee_23-2147996530.jpg", imageAlt: "Photo of Michael T."},
role: "Freelance Writer",
company: "Regular Patron",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-drinking-coffee_23-2147996530.jpg",
imageAlt: "Photo of Michael T.",
},
{ {
id: "3", id: "3", name: "Emily R.", role: "Student", company: "University of City", rating: 5,
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg", imageAlt: "Photo of Emily R."},
role: "Student",
company: "University of City",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg",
imageAlt: "Photo of Emily R.",
},
{ {
id: "4", id: "4", name: "David L.", role: "Small Business Owner", company: "Local Shop", rating: 5,
name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working_1303-3936.jpg", imageAlt: "Photo of David L."},
role: "Small Business Owner",
company: "Local Shop",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working_1303-3936.jpg",
imageAlt: "Photo of David L.",
},
{ {
id: "5", id: "5", name: "Jessica M.", role: "Morning Commuter", company: "Daily Visitor", rating: 5,
name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-man-with-beer_23-2148872435.jpg", imageAlt: "Photo of Jessica M."},
role: "Morning Commuter",
company: "Daily Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-man-with-beer_23-2148872435.jpg",
imageAlt: "Photo of Jessica M.",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "5000+", value: "5000+", label: "Cups Served"},
label: "Cups Served",
},
{ {
value: "99%", value: "99%", label: "Customer Satisfaction"},
label: "Customer Satisfaction",
},
{ {
value: "5 Stars", value: "5 Stars", label: "Average Rating"},
label: "Average Rating",
},
]} ]}
title="What Our Community Says" title="What Our Community Says"
description="Hear from our happy customers about their Benne N Brew Cafe experience. Your feedback fuels our passion." description="Hear from our happy customers about their Benne N Brew Cafe experience. Your feedback fuels our passion."
@@ -346,26 +216,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
members={[ members={[
{ {
id: "member-1", id: "member-1", name: "Benne Johnson", role: "Owner & Visionary", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg", imageAlt: "Photo of Benne Johnson"},
name: "Benne Johnson",
role: "Owner & Visionary",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
imageAlt: "Photo of Benne Johnson",
},
{ {
id: "member-2", id: "member-2", name: "Sarah Lee", role: "Head Barista & Coffee Artist", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg", imageAlt: "Photo of Sarah Lee"},
name: "Sarah Lee",
role: "Head Barista & Coffee Artist",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg",
imageAlt: "Photo of Sarah Lee",
},
{ {
id: "member-3", id: "member-3", name: "Marcus Chen", role: "Head Baker & Pastry Creator", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-preparing-cook-something-with-milk-eggs-flour-dark-pastry-job-cake-pies-bakery-worker-cuisine_179666-43908.jpg", imageAlt: "Photo of Marcus Chen"},
name: "Marcus Chen",
role: "Head Baker & Pastry Creator",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-preparing-cook-something-with-milk-eggs-flour-dark-pastry-job-cake-pies-bakery-worker-cuisine_179666-43908.jpg",
imageAlt: "Photo of Marcus Chen",
},
]} ]}
title="Meet Our Passionate Team" title="Meet Our Passionate Team"
description="Behind every perfect cup and delicious bite is a dedicated member of the Benne N Brew family. We're here to make your visit special." description="Behind every perfect cup and delicious bite is a dedicated member of the Benne N Brew family. We're here to make your visit special."
@@ -377,36 +232,24 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Aurora Roasters", "Aurora Roasters", "Bloomfield Farms", "Sweet Delights Bakery", "Green Harvest Produce", "The Tea Leaf Collective", "Sustainable Packaging Co.", "Community Food Bank"]}
"Bloomfield Farms",
"Sweet Delights Bakery",
"Green Harvest Produce",
"The Tea Leaf Collective",
"Sustainable Packaging Co.",
"Community Food Bank",
]}
title="Trusted by Local Purveyors" title="Trusted by Local Purveyors"
description="We proudly partner with the best local suppliers to bring you fresh, high-quality ingredients every day. Our commitment to local is your guarantee of quality." description="We proudly partner with the best local suppliers to bring you fresh, high-quality ingredients every day. Our commitment to local is your guarantee of quality."
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactCenter
useInvertedBackground={false} tag="Visit Us"
title="Experience the Warmth of Benne N Brew Cafe"
description="Stop by for a freshly brewed coffee, a delicious pastry, or simply a cozy moment. We're eager to welcome you."
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}} useInvertedBackground={false}
text="Ready for Your Next Great Coffee Moment?" inputPlaceholder="Your Email Address"
buttons={[ buttonText="Join Our Newsletter"
{ termsText="By joining, you agree to receive email updates and promotions from Benne N Brew Cafe."
text: "Visit Us", onSubmit={(email) => console.log('Email submitted:', email)}
href: "#",
},
{
text: "Get Directions",
href: "https://www.google.com/maps/search/Benne+N+Brew+Cafe",
},
]}
/> />
</div> </div>
@@ -415,58 +258,35 @@ export default function LandingPage() {
logoText="Benne N Brew Cafe" logoText="Benne N Brew Cafe"
columns={[ columns={[
{ {
title: "Explore", title: "Explore", items: [
items: [
{ {
label: "Home", label: "Home", href: "#home"},
href: "#home",
},
{ {
label: "Menu", label: "Menu", href: "#menu"},
href: "#menu",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Specials", label: "Specials", href: "#specials"},
href: "#specials",
},
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "Facebook", label: "Facebook", href: "#"},
href: "#",
},
{ {
label: "Reviews", label: "Reviews", href: "#testimonials"},
href: "#testimonials",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f6f0e9; --background: #FDFDFD;
--card: #efe7dd; --card: #FEFCF3;
--foreground: #2b180a; --foreground: #4A2B0F;
--primary-cta: #2b180a; --primary-cta: #A0522D;
--primary-cta-text: #f6f0e9; --primary-cta-text: #f6f0e9;
--secondary-cta: #efe7dd; --secondary-cta: #D2B48C;
--secondary-cta-text: #2b180a; --secondary-cta-text: #2b180a;
--accent: #94877c; --accent: #6B8E23;
--background-accent: #afa094; --background-accent: #F2E9DC;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);