Switch to version 2: modified src/app/page.tsx
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -32,35 +32,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
brandName="Barnes Kitchen Cafe"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Online", href: "#contact"}}
|
||||
/>
|
||||
</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."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
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}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for ",
|
||||
},
|
||||
type: "text", content: "Our Passion for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458074.jpg",
|
||||
alt: "Coffee beans",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458074.jpg", alt: "Coffee beans"},
|
||||
{
|
||||
type: "text",
|
||||
content: " and Community",
|
||||
},
|
||||
type: "text", content: " and Community"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -119,37 +92,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "artisan-coffees",
|
||||
label: "Crafted Daily",
|
||||
title: "Artisan Coffees",
|
||||
items: [
|
||||
"Espresso & Americano",
|
||||
"Cappuccino & Latte",
|
||||
"Specialty Brews",
|
||||
"Seasonal Selections",
|
||||
],
|
||||
id: "artisan-coffees", label: "Crafted Daily", title: "Artisan Coffees", items: [
|
||||
"Espresso & Americano", "Cappuccino & Latte", "Specialty Brews", "Seasonal Selections"],
|
||||
},
|
||||
{
|
||||
id: "fresh-pastries",
|
||||
label: "Baked Fresh",
|
||||
title: "Fresh Pastries",
|
||||
items: [
|
||||
"Croissants & Muffins",
|
||||
"Danishes & Scones",
|
||||
"Cookies & Brownies",
|
||||
"Gluten-Free Options",
|
||||
],
|
||||
id: "fresh-pastries", label: "Baked Fresh", title: "Fresh Pastries", items: [
|
||||
"Croissants & Muffins", "Danishes & Scones", "Cookies & Brownies", "Gluten-Free Options"],
|
||||
},
|
||||
{
|
||||
id: "hearty-sandwiches",
|
||||
label: "Made to Order",
|
||||
title: "Hearty Sandwiches",
|
||||
items: [
|
||||
"Club & Veggie",
|
||||
"Grilled Cheese",
|
||||
"Wraps & Salads",
|
||||
"Daily Specials",
|
||||
],
|
||||
id: "hearty-sandwiches", label: "Made to Order", title: "Hearty Sandwiches", items: [
|
||||
"Club & Veggie", "Grilled Cheese", "Wraps & Salads", "Daily Specials"],
|
||||
},
|
||||
]}
|
||||
title="Taste the Difference at Barnes Kitchen Cafe"
|
||||
@@ -167,53 +119,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
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}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
|
||||
},
|
||||
id: "2", name: "Michael D.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-drinking-coffee-working-laptop-cafe_1303-13676.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-drinking-coffee-working-laptop-cafe_1303-13676.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-is-eating-sandwich-sandwich-closeup_169016-63656.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-man-is-eating-sandwich-sandwich-closeup_169016-63656.jpg"},
|
||||
]}
|
||||
cardTitle="Fantastic Coffee & Ambiance!"
|
||||
cardTag="Customer Love"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read All Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read All Reviews", href: "#"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
cardAnimation="slide-up"
|
||||
@@ -270,30 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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="Frequently Asked Questions"
|
||||
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
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us or Place Your Order!"
|
||||
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!"
|
||||
variant: "radial-gradient"}}
|
||||
tag="Connect With Us"
|
||||
title="Visit, Order, or Book Your Cafe Experience"
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: (786) 395-4532",
|
||||
href: "tel:7863954532",
|
||||
},
|
||||
text: "Call Us: (786) 395-4532", href: "tel:7863954532"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:bawsebarnes@gmail.com",
|
||||
},
|
||||
text: "Email for Inquiries", href: "mailto:bawsebarnes@gmail.com"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -332,19 +211,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user