bender/11c0c680-dd04-4a8d-b72d-360504e73353
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-23 17:09:24 +00:00
Conversation 0 Commits 2 Files Changed 2 +101 -170
2 changed files with 101 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -10,6 +10,9 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
// New imports for Experience section
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import { Coffee, Award, Leaf, Wifi, Headphones, Chair, Sparkles, Music, Lightbulb } from 'lucide-react'; // Lucide icons
export default function LandingPage() {
return (
@@ -30,34 +33,24 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{ // New
name: "Experience", id: "experience"},
{ // New
name: "Signature Items", id: "signature-items"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
button={{
text: "Order Now",
href: "#menu",
}}
text: "Order Now", href: "#menu"}}
brandName="Bean Scene Coffee"
/>
</div>
@@ -65,37 +58,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="Crafted Coffee, Cozy Moments"
description="Experience the perfect brew and warm ambiance at Bean Scene Coffee. Your daily escape awaits, where every cup tells a story."
kpis={[
{
value: "50+",
label: "Daily Brews",
value: "50+", label: "Daily Brews",
},
{
value: "100%",
label: "Fresh Beans",
value: "100%", label: "Fresh Beans",
},
{
value: "500+",
label: "Happy Customers",
value: "500+", label: "Happy Customers",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
text: "Explore Menu", href: "#menu"},
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-vector/flat-design-coffee-twitch-background_23-2149190887.jpg"
imageAlt="Cozy coffee shop interior with warm lighting and customers"
@@ -108,14 +90,60 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Passion for Perfect Coffee"
description={[
"At Bean Scene Coffee, our journey began with a simple idea: to create a welcoming space where exceptional coffee meets community. We meticulously source our beans from sustainable farms around the world, ensuring every sip brings a unique and rich flavor profile.",
"Our expert baristas are artists dedicated to crafting your perfect drink, from a robust espresso to a beautifully frothed latte. We believe coffee is more than just a beverage; it's an experience, a ritual, and a reason to connect. Come share a moment with us.",
]}
"At Bean Scene Coffee, our journey began with a simple idea: to create a welcoming space where exceptional coffee meets community. We meticulously source our beans from sustainable farms around the world, ensuring every sip brings a unique and rich flavor profile.", "Our expert baristas are artists dedicated to crafting your perfect drink, from a robust espresso to a beautifully frothed latte. We believe coffee is more than just a beverage; it's an experience, a ritual, and a reason to connect. Come share a moment with us."]}
buttons={[
{
text: "Meet Our Team",
href: "#",
text: "Meet Our Team", href: "#"},
]}
/>
</div>
{/* New Experience Section */}
<div id="experience" data-section="experience">
<FeatureCardTen
title="More Than a Coffee Shop"
description="Dive into the unique aspects that make Bean Scene Coffee a beloved destination, offering an environment that nourishes both body and mind."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "drinks", title: "Crafted Drinks", description: "Savor our meticulously prepared beverages, from classic espresso to innovative seasonal lattes, each made with passion and precision by expert baristas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458050.jpg" },
items: [{ icon: Coffee, text: 'Expert Baristas' }, { icon: Award, text: 'Premium Beans' }, { icon: Leaf, text: 'Sustainable Sourcing' }],
reverse: false,
},
{
id: "workspace", title: "Calm Workspace", description: "Find your focus in our serene environment, perfect for productivity or quiet contemplation, complemented by free high-speed Wi-Fi and comfortable seating.", media: { imageSrc: "http://img.b2bpic.net/free-photo/laptop-mockup-cafe_23-2149487979.jpg" },
items: [{ icon: Wifi, text: 'High-Speed Wi-Fi' }, { icon: Headphones, text: 'Tranquil Ambiance' }, { icon: Chair, text: 'Comfortable Seating' }],
reverse: true,
},
{
id: "alchemy", title: "Alchemy Atmosphere", description: "Immerse yourself in an atmosphere where every detail, from the rich aroma of coffee to the inviting decor, creates a magical and inspiring experience.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-coffee_23-2149458066.jpg" },
items: [{ icon: Sparkles, text: 'Inviting Decor' }, { icon: Music, text: 'Soothing Sounds' }, { icon: Lightbulb, text: 'Inspiring Space' }],
reverse: false,
},
]}
/>
</div>
{/* New Signature Items Section */}
<div id="signature-items" data-section="signature-items">
<ProductCardFour
title="Our Rituals"
description="Indulge in our carefully curated signature items, crafted to elevate your Bean Scene experience with unique flavors and thoughtful preparation."
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "matcha", name: "Matcha Latte", price: "$6.50", variant: "Ceremonial grade green tea, blended to creamy perfection for a vibrant and earthy delight.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-pink-background_23-2149257007.jpg", imageAlt: "Matcha Latte"},
{
id: "hojicha", name: "Hojicha", price: "$5.00", variant: "A unique roasted green tea, offering a warm, nutty, and naturally sweet flavor profile, perfect for a relaxing moment.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hojicha-tea_23-2149405625.jpg", imageAlt: "Hojicha Tea"},
{
id: "avocado-toast", name: "Avocado Toast", price: "$8.00", variant: "Freshly smashed avocado on artisanal sourdough, topped with everything bagel spice – a healthy and delicious start to your day.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-avocado-toast-isolated_23-2149303764.jpg", imageAlt: "Avocado Toast"},
{
id: "oat-milk", name: "Oat Milk Creations", price: "$6.00", variant: "Explore our dairy-free range, expertly frothed and blended with oat milk for a rich, smooth, and plant-based indulgence.", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-latte-art-with-alternative-milk_23-2149458079.jpg", imageAlt: "Oat Milk Latte Art"},
]}
/>
</div>
@@ -128,53 +156,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "espresso",
name: "Espresso",
price: "$3.00",
variant: "Classic Shot",
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458050.jpg",
imageAlt: "A shot of rich espresso",
},
id: "espresso", name: "Espresso", price: "$3.00", variant: "Classic Shot", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458050.jpg", imageAlt: "A shot of rich espresso"},
{
id: "latte",
name: "Latte",
price: "$5.50",
variant: "Creamy & Smooth",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cookies_7502-5080.jpg",
imageAlt: "A latte with beautiful latte art",
},
id: "latte", name: "Latte", price: "$5.50", variant: "Creamy & Smooth", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cookies_7502-5080.jpg", imageAlt: "A latte with beautiful latte art"},
{
id: "cappuccino",
name: "Cappuccino",
price: "$5.00",
variant: "Frothy Perfection",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-with-foam_23-2148311991.jpg",
imageAlt: "A cappuccino with dense foam",
},
id: "cappuccino", name: "Cappuccino", price: "$5.00", variant: "Frothy Perfection", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-with-foam_23-2148311991.jpg", imageAlt: "A cappuccino with dense foam"},
{
id: "americano",
name: "Americano",
price: "$4.00",
variant: "Bold & Pure",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-agenda_23-2148879073.jpg",
imageAlt: "A hot americano in a glass",
},
id: "americano", name: "Americano", price: "$4.00", variant: "Bold & Pure", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-agenda_23-2148879073.jpg", imageAlt: "A hot americano in a glass"},
{
id: "mocha",
name: "Mocha",
price: "$6.00",
variant: "Chocolatey Bliss",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-coffee-with-cream-sugar_23-2148463980.jpg",
imageAlt: "A mocha with whipped cream and chocolate drizzle",
},
id: "mocha", name: "Mocha", price: "$6.00", variant: "Chocolatey Bliss", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-coffee-with-cream-sugar_23-2148463980.jpg", imageAlt: "A mocha with whipped cream and chocolate drizzle"},
{
id: "pastries",
name: "Fresh Pastries",
price: "$4.50",
variant: "Baked Daily",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-buns-such-as-sesame-patties-gogal-with-cup-tea-white-background_141793-51932.jpg",
imageAlt: "Assortment of fresh pastries",
},
id: "pastries", name: "Fresh Pastries", price: "$4.50", variant: "Baked Daily", imageSrc: "http://img.b2bpic.net/free-photo/top-view-buns-such-as-sesame-patties-gogal-with-cup-tea-white-background_141793-51932.jpg", imageAlt: "Assortment of fresh pastries"},
]}
title="Our Signature Brews & Delights"
description="Discover a selection of handcrafted coffees and delectable treats, made with the finest ingredients and passion."
@@ -187,55 +179,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
date: "March 2024",
title: "My Favorite Local Spot!",
quote: "Bean Scene Coffee is my absolute go-to for my morning latte. The baristas are so friendly, and the ambiance is just perfect for starting my day or catching up on work.",
tag: "Daily Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg",
avatarAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", date: "March 2024", title: "My Favorite Local Spot!", quote: "Bean Scene Coffee is my absolute go-to for my morning latte. The baristas are so friendly, and the ambiance is just perfect for starting my day or catching up on work.", tag: "Daily Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg", avatarAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
date: "February 2024",
title: "Best Espresso in Town",
quote: "As an espresso enthusiast, I can confidently say Bean Scene makes the best shot in the city. Rich, bold, and always perfectly pulled. Highly recommend!",
tag: "Coffee Connoisseur",
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-coffee-shop_1150-6316.jpg",
avatarAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", date: "February 2024", title: "Best Espresso in Town", quote: "As an espresso enthusiast, I can confidently say Bean Scene makes the best shot in the city. Rich, bold, and always perfectly pulled. Highly recommend!", tag: "Coffee Connoisseur", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-coffee-shop_1150-6316.jpg", avatarAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
date: "April 2024",
title: "Such a Cozy Atmosphere",
quote: "I love coming here to read and relax. The comfortable seating, soft music, and delicious pastries make it the perfect escape. Plus, their iced coffee is amazing!",
tag: "Relaxation Seeker",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-brunette-woman-drinking-coffee-home-girl-with-pink-cup-sits-her-kitchen-enjoys_1258-199668.jpg",
avatarAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", date: "April 2024", title: "Such a Cozy Atmosphere", quote: "I love coming here to read and relax. The comfortable seating, soft music, and delicious pastries make it the perfect escape. Plus, their iced coffee is amazing!", tag: "Relaxation Seeker", avatarSrc: "http://img.b2bpic.net/free-photo/happy-brunette-woman-drinking-coffee-home-girl-with-pink-cup-sits-her-kitchen-enjoys_1258-199668.jpg", avatarAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
date: "January 2024",
title: "Great Spot for Meetings",
quote: "Bean Scene has become my favorite place for casual business meetings. The coffee is great, and there's always a quiet corner to chat. Excellent Wi-Fi too!",
tag: "Entrepreneur",
avatarSrc: "http://img.b2bpic.net/free-photo/man-city-terrace-working-with-laptop_23-2148573048.jpg",
avatarAlt: "David Kim",
},
id: "4", name: "David Kim", date: "January 2024", title: "Great Spot for Meetings", quote: "Bean Scene has become my favorite place for casual business meetings. The coffee is great, and there's always a quiet corner to chat. Excellent Wi-Fi too!", tag: "Entrepreneur", avatarSrc: "http://img.b2bpic.net/free-photo/man-city-terrace-working-with-laptop_23-2148573048.jpg", avatarAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
date: "March 2024",
title: "Friendly Staff & Delicious Brews",
quote: "Every visit feels like coming home. The staff remembers my order, and their seasonal lattes are always a delightful surprise. Truly a gem!",
tag: "Community Member",
avatarSrc: "http://img.b2bpic.net/free-photo/person-reading-book-cafe_23-2150064762.jpg",
avatarAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", date: "March 2024", title: "Friendly Staff & Delicious Brews", quote: "Every visit feels like coming home. The staff remembers my order, and their seasonal lattes are always a delightful surprise. Truly a gem!", tag: "Community Member", avatarSrc: "http://img.b2bpic.net/free-photo/person-reading-book-cafe_23-2150064762.jpg", avatarAlt: "Jessica Lee"},
]}
title="What Our Customers Are Saying"
description="Hear from the heart of our community about their favorite Bean Scene moments."
@@ -248,25 +200,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What are your operating hours?",
content: "We're open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM. Come visit us!",
},
id: "1", title: "What are your operating hours?", content: "We're open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM. Come visit us!"},
{
id: "2",
title: "Do you offer Wi-Fi?",
content: "Yes, we provide complimentary high-speed Wi-Fi for all our customers. Feel free to work, study, or browse while enjoying your coffee.",
},
id: "2", title: "Do you offer Wi-Fi?", content: "Yes, we provide complimentary high-speed Wi-Fi for all our customers. Feel free to work, study, or browse while enjoying your coffee."},
{
id: "3",
title: "Can I order online for pickup?",
content: "Currently, we do not offer online ordering, but we are working on it! Please visit our shop to place your order.",
},
id: "3", title: "Can I order online for pickup?", content: "Currently, we do not offer online ordering, but we are working on it! Please visit our shop to place your order."},
{
id: "4",
title: "Do you have vegan or gluten-free options?",
content: "Yes, we offer a selection of dairy-free milk alternatives and a variety of delicious vegan and gluten-free pastries. Please ask our staff for today's specials.",
},
id: "4", title: "Do you have vegan or gluten-free options?", content: "Yes, we offer a selection of dairy-free milk alternatives and a variety of delicious vegan and gluten-free pastries. Please ask our staff for today's specials."},
]}
title="Frequently Asked Questions"
description="Got questions? We've got answers. Find more information about Bean Scene Coffee here."
@@ -278,18 +218,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Visit Us or Get in Touch"
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com/?q=123+Coffee+Lane,+Beanville",
},
text: "Get Directions", href: "https://maps.google.com/?q=123+Coffee+Lane,+Beanville"},
{
text: "Call Us: (123) 456-7890",
href: "tel:+1234567890",
},
text: "Call Us: (123) 456-7890", href: "tel:+1234567890"},
]}
/>
</div>
@@ -298,16 +233,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Bean Scene Coffee"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #f6f0e9;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2b180a;
--accent: #94877c;
--background-accent: #afa094;
--background: #121212;
--card: #292929;
--foreground: #f5f0e9;
--primary-cta: #d4af37;
--primary-cta-text: #121212;
--secondary-cta: #718c8d;
--secondary-cta-text: #f5f0e9;
--accent: #d4af37;
--background-accent: #3d4a4b;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);