2 Commits

Author SHA1 Message Date
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 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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Specials",
id: "#specials",
},
name: "Specials", id: "#specials"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Order Now",
href: "#contact",
}}
text: "Order Now", href: "#contact"}}
brandName="Benne N Brew Cafe"
/>
</div>
@@ -69,45 +55,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
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."
buttons={[
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
{
text: "Find Us",
href: "#contact",
},
text: "Find Us", href: "#contact"},
]}
mediaItems={[
{
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",
},
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"},
{
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",
},
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"},
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-reading-book-near-low-table_23-2147737555.jpg",
imageAlt: "Cozy cafe interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-reading-book-near-low-table_23-2147737555.jpg", imageAlt: "Cozy cafe interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-coffee-shop_23-2148366549.jpg",
imageAlt: "Barista pouring latte art",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-coffee-shop_23-2148366549.jpg", 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",
imageAlt: "Roasted coffee beans",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-coffee-beans-scattered-from-sack-white-wooden-background_141793-7769.jpg", 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",
imageAlt: "Gourmet sandwich with fresh ingredients",
},
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"},
]}
/>
</div>
@@ -127,19 +96,13 @@ export default function LandingPage() {
features={[
{
icon: Coffee,
title: "Artisan Coffee Blends",
description: "Sourced from the finest growers, our beans are expertly roasted and brewed to perfection for an unforgettable taste.",
},
title: "Artisan Coffee Blends", description: "Sourced from the finest growers, our beans are expertly roasted and brewed to perfection for an unforgettable taste."},
{
icon: Croissant,
title: "Fresh Baked Goods Daily",
description: "From flaky croissants to rich muffins, every pastry is baked in-house with love and the freshest ingredients.",
},
title: "Fresh Baked Goods Daily", description: "From flaky croissants to rich muffins, every pastry is baked in-house with love and the freshest ingredients."},
{
icon: Home,
title: "Cozy & Inviting Ambiance",
description: "Relax in our warm and comfortable setting, perfect for catching up with friends or enjoying a moment of solitude.",
},
title: "Cozy & Inviting Ambiance", 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"
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}
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Our Signature Offerings"
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}
plans={[
{
id: "breakfast-combo",
badge: "Morning Boost",
badgeIcon: Sunrise,
price: "$7.99",
name: "Breakfast Combo",
buttons: [
id: "breakfast-combo", badge: "Morning Boost", badgeIcon: Sunrise,
price: "$7.99", name: "Breakfast Combo", buttons: [
{
text: "Grab Now",
href: "#contact",
},
text: "Grab Now", href: "#contact"},
],
features: [
"Any small coffee",
"Choice of croissant or muffin",
"Fresh fruit cup",
],
"Any small coffee", "Choice of croissant or muffin", "Fresh fruit cup"],
},
{
id: "lunch-special",
badge: "Midday Delight",
badgeIcon: Sun,
price: "$12.99",
name: "Lunch Special",
buttons: [
id: "lunch-special", badge: "Midday Delight", badgeIcon: Sun,
price: "$12.99", name: "Lunch Special", buttons: [
{
text: "Order Lunch",
href: "#contact",
},
text: "Order Lunch", href: "#contact"},
],
features: [
"Any sandwich",
"Side salad or chips",
"Any medium beverage",
],
"Any sandwich", "Side salad or chips", "Any medium beverage"],
},
{
id: "afternoon-treat",
badge: "Sweet Escape",
badgeIcon: Moon,
price: "$6.50",
name: "Afternoon Treat",
buttons: [
id: "afternoon-treat", badge: "Sweet Escape", badgeIcon: Moon,
price: "$6.50", name: "Afternoon Treat", buttons: [
{
text: "Indulge",
href: "#contact",
},
text: "Indulge", href: "#contact"},
],
features: [
"Any large pastry",
"Any small hot tea",
"Cozy ambiance included",
],
"Any large pastry", "Any small hot tea", "Cozy ambiance included"],
},
]}
title="Daily Deals & Combo Savings"
@@ -274,64 +180,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "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: "1", name: "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",
name: "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: "2", name: "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",
name: "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: "3", name: "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",
name: "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: "4", name: "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",
name: "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.",
},
id: "5", name: "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={[
{
value: "5000+",
label: "Cups Served",
},
value: "5000+", label: "Cups Served"},
{
value: "99%",
label: "Customer Satisfaction",
},
value: "99%", label: "Customer Satisfaction"},
{
value: "5 Stars",
label: "Average Rating",
},
value: "5 Stars", label: "Average Rating"},
]}
title="What Our Community Says"
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}
members={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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."
@@ -377,36 +232,24 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Aurora Roasters",
"Bloomfield Farms",
"Sweet Delights Bakery",
"Green Harvest Produce",
"The Tea Leaf Collective",
"Sustainable Packaging Co.",
"Community Food Bank",
]}
"Aurora Roasters", "Bloomfield Farms", "Sweet Delights Bakery", "Green Harvest Produce", "The Tea Leaf Collective", "Sustainable Packaging Co.", "Community Food Bank"]}
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."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
<ContactCenter
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={{
variant: "radial-gradient",
}}
text="Ready for Your Next Great Coffee Moment?"
buttons={[
{
text: "Visit Us",
href: "#",
},
{
text: "Get Directions",
href: "https://www.google.com/maps/search/Benne+N+Brew+Cafe",
},
]}
variant: "radial-gradient"}}
useInvertedBackground={false}
inputPlaceholder="Your Email Address"
buttonText="Join Our Newsletter"
termsText="By joining, you agree to receive email updates and promotions from Benne N Brew Cafe."
onSubmit={(email) => console.log('Email submitted:', email)}
/>
</div>
@@ -415,58 +258,35 @@ export default function LandingPage() {
logoText="Benne N Brew Cafe"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Specials",
href: "#specials",
},
label: "Specials", href: "#specials"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -476,4 +296,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

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