Switch to version 2: modified src/app/page.tsx

This commit is contained in:
2026-06-10 15:15:55 +00:00
parent 601d04a68b
commit 9c34722750

View File

@@ -32,35 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Menu", name: "Menu", id: "#menu"},
id: "#menu",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Barnes Kitchen Cafe" brandName="Barnes Kitchen Cafe"
button={{ button={{
text: "Order Online", text: "Order Online", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
@@ -70,13 +56,9 @@ export default function LandingPage() {
description="Serving the community with hot, fresh, made-to-order food that hits every time. Where flavor meets comfort." description="Serving the community with hot, fresh, made-to-order food that hits every time. Where flavor meets comfort."
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Order Now", text: "Order Now", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/man-barista-holding-coffee-tamper-with-grind-coffee-ready-cooking-coffee-closeup_1220-5379.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-barista-holding-coffee-tamper-with-grind-coffee-ready-cooking-coffee-closeup_1220-5379.jpg"
@@ -89,24 +71,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Our Passion for "},
content: "Our Passion for ",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458074.jpg", alt: "Coffee beans"},
src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458074.jpg",
alt: "Coffee beans",
},
{ {
type: "text", type: "text", content: " and Community"},
content: " and Community",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Our Story", text: "Our Story", href: "#"},
href: "#",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
/> />
@@ -119,37 +92,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "artisan-coffees", id: "artisan-coffees", label: "Crafted Daily", title: "Artisan Coffees", items: [
label: "Crafted Daily", "Espresso & Americano", "Cappuccino & Latte", "Specialty Brews", "Seasonal Selections"],
title: "Artisan Coffees",
items: [
"Espresso & Americano",
"Cappuccino & Latte",
"Specialty Brews",
"Seasonal Selections",
],
}, },
{ {
id: "fresh-pastries", id: "fresh-pastries", label: "Baked Fresh", title: "Fresh Pastries", items: [
label: "Baked Fresh", "Croissants & Muffins", "Danishes & Scones", "Cookies & Brownies", "Gluten-Free Options"],
title: "Fresh Pastries",
items: [
"Croissants & Muffins",
"Danishes & Scones",
"Cookies & Brownies",
"Gluten-Free Options",
],
}, },
{ {
id: "hearty-sandwiches", id: "hearty-sandwiches", label: "Made to Order", title: "Hearty Sandwiches", items: [
label: "Made to Order", "Club & Veggie", "Grilled Cheese", "Wraps & Salads", "Daily Specials"],
title: "Hearty Sandwiches",
items: [
"Club & Veggie",
"Grilled Cheese",
"Wraps & Salads",
"Daily Specials",
],
}, },
]} ]}
title="Taste the Difference at Barnes Kitchen Cafe" title="Taste the Difference at Barnes Kitchen Cafe"
@@ -167,53 +119,17 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
products={[ products={[
{ {
id: "espresso", id: "espresso", name: "Classic Espresso", price: "$3.00", variant: "Rich & Bold", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-coffee_1220-83.jpg", imageAlt: "A shot of classic espresso"},
name: "Classic Espresso",
price: "$3.00",
variant: "Rich & Bold",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-coffee_1220-83.jpg",
imageAlt: "A shot of classic espresso",
},
{ {
id: "cappuccino", id: "cappuccino", name: "Creamy Cappuccino", price: "$4.50", variant: "Frothy & Smooth", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-with-latte-art-white-ceramic-teacup-wooden-table_181624-2542.jpg", imageAlt: "A creamy cappuccino with latte art"},
name: "Creamy Cappuccino",
price: "$4.50",
variant: "Frothy & Smooth",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coffee-with-latte-art-white-ceramic-teacup-wooden-table_181624-2542.jpg",
imageAlt: "A creamy cappuccino with latte art",
},
{ {
id: "croissant", id: "croissant", name: "Butter Croissant", price: "$3.50", variant: "Flaky & Golden", imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-plate-trivet-with-lemon-tangerine-kumquat-flour-ginger-with-spoon-honey-dipper-rolling-pin-black-background_141793-130598.jpg", imageAlt: "A golden butter croissant"},
name: "Butter Croissant",
price: "$3.50",
variant: "Flaky & Golden",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-plate-trivet-with-lemon-tangerine-kumquat-flour-ginger-with-spoon-honey-dipper-rolling-pin-black-background_141793-130598.jpg",
imageAlt: "A golden butter croissant",
},
{ {
id: "muffin", id: "muffin", name: "Blueberry Muffin", price: "$3.75", variant: "Sweet & Fruity", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-muffin_74190-7716.jpg", imageAlt: "A blueberry muffin with a golden top"},
name: "Blueberry Muffin",
price: "$3.75",
variant: "Sweet & Fruity",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-muffin_74190-7716.jpg",
imageAlt: "A blueberry muffin with a golden top",
},
{ {
id: "salad", id: "salad", name: "Garden Fresh Salad", price: "$9.00", variant: "Light & Healthy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-inside-elegant-plate-with-cutlery-dark-blue-background-color-health-lunch-restaurant-diet-cuisine_179666-18336.jpg", imageAlt: "A bowl of garden fresh salad"},
name: "Garden Fresh Salad",
price: "$9.00",
variant: "Light & Healthy",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-inside-elegant-plate-with-cutlery-dark-blue-background-color-health-lunch-restaurant-diet-cuisine_179666-18336.jpg",
imageAlt: "A bowl of garden fresh salad",
},
{ {
id: "wrap", id: "wrap", name: "Chicken Avo Wrap", price: "$10.50", variant: "Hearty & Flavorful", imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-7763.jpg", imageAlt: "A chicken and avocado wrap"},
name: "Chicken Avo Wrap",
price: "$10.50",
variant: "Hearty & Flavorful",
imageSrc: "http://img.b2bpic.net/free-photo/wrap-salad-roll_1339-7763.jpg",
imageAlt: "A chicken and avocado wrap",
},
]} ]}
title="Our Delicious Menu" title="Our Delicious Menu"
description="Explore our full range of handcrafted beverages, delectable pastries, and wholesome meals, all made with quality and care." description="Explore our full range of handcrafted beverages, delectable pastries, and wholesome meals, all made with quality and care."
@@ -226,38 +142,21 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg"},
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
},
{ {
id: "2", id: "2", name: "Michael D.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg"},
name: "Michael D.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
},
{ {
id: "3", id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-drinking-coffee-working-laptop-cafe_1303-13676.jpg"},
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-drinking-coffee-working-laptop-cafe_1303-13676.jpg",
},
{ {
id: "4", id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg"},
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg",
},
{ {
id: "5", id: "5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-is-eating-sandwich-sandwich-closeup_169016-63656.jpg"},
name: "Jessica M.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-is-eating-sandwich-sandwich-closeup_169016-63656.jpg",
},
]} ]}
cardTitle="Fantastic Coffee & Ambiance!" cardTitle="Fantastic Coffee & Ambiance!"
cardTag="Customer Love" cardTag="Customer Love"
buttons={[ buttons={[
{ {
text: "Read All Reviews", text: "Read All Reviews", href: "#"},
href: "#",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
cardAnimation="slide-up" cardAnimation="slide-up"
@@ -270,30 +169,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "What are your operating hours?", content: "We are open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM."},
title: "What are your operating hours?",
content: "We are open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM.",
},
{ {
id: "2", id: "2", title: "Do you offer delivery services?", content: "Yes, we partner with several local delivery services. You can find us on Uber Eats, DoorDash, and Postmates."},
title: "Do you offer delivery services?",
content: "Yes, we partner with several local delivery services. You can find us on Uber Eats, DoorDash, and Postmates.",
},
{ {
id: "3", id: "3", title: "Can I place an order for pick-up?", content: "Absolutely! You can place your order directly through our website or call us, and we'll have it ready for you."},
title: "Can I place an order for pick-up?",
content: "Absolutely! You can place your order directly through our website or call us, and we'll have it ready for you.",
},
{ {
id: "4", id: "4", title: "Do you have gluten-free or vegan options?", content: "Yes, we offer a selection of gluten-free pastries and sandwiches, as well as several delicious vegan options. Please ask our staff for details."},
title: "Do you have gluten-free or vegan options?",
content: "Yes, we offer a selection of gluten-free pastries and sandwiches, as well as several delicious vegan options. Please ask our staff for details.",
},
{ {
id: "5", id: "5", title: "Do you offer catering for events?", content: "Yes, we provide catering services for various events. Please contact us to discuss your needs and for a customized quote."},
title: "Do you offer catering for events?",
content: "Yes, we provide catering services for various events. Please contact us to discuss your needs and for a customized quote.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Have questions about our menu, services, or hours? Find quick answers here or reach out to us directly!" description="Have questions about our menu, services, or hours? Find quick answers here or reach out to us directly!"
@@ -306,20 +190,15 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}} tag="Connect With Us"
tag="Get in Touch" title="Visit, Order, or Book Your Cafe Experience"
title="Visit Us or Place Your Order!" description="Drop by Barnes Kitchen Cafe at 123 Cafe Lane, City, State, 12345. Our doors are open Monday-Friday: 7 AM - 6 PM, Saturday-Sunday: 8 AM - 5 PM. For catering, events, or specific booking inquiries, please reach out directly."
description="Whether you're looking for a quick coffee, a delicious meal, or catering for your next event, Barnes Kitchen Cafe is here to serve. We can't wait to hear from you!"
buttons={[ buttons={[
{ {
text: "Call Us: (786) 395-4532", text: "Call Us: (786) 395-4532", href: "tel:7863954532"},
href: "tel:7863954532",
},
{ {
text: "Email Us", text: "Email for Inquiries", href: "mailto:bawsebarnes@gmail.com"},
href: "mailto:bawsebarnes@gmail.com",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
/> />
@@ -332,19 +211,13 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "#", href: "#", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
{ {
icon: Instagram, icon: Instagram,
href: "#", href: "#", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Twitter, icon: Twitter,
href: "#", href: "#", ariaLabel: "Twitter"},
ariaLabel: "Twitter",
},
]} ]}
/> />
</div> </div>