Merge version_1 into main #2
235
src/app/page.tsx
235
src/app/page.tsx
@@ -31,38 +31,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
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: "#contact",
|
||||
}}
|
||||
text: "Order Now", href: "#contact"}}
|
||||
brandName="Yummy Treat Cafe"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,16 +57,12 @@ export default function LandingPage() {
|
||||
description="Indulge in delightful flavors and a cozy atmosphere. We craft every dish with passion and the freshest ingredients for an unforgettable dining experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Make a Reservation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-smartphone_23-2149356887.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-smartphone_23-2149356887.jpg"
|
||||
imageAlt="Cozy cafe interior with warm lighting"
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
@@ -93,14 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story: Passion for Flavor, Love for Community",
|
||||
},
|
||||
type: "text", content: "Our Story: Passion for Flavor, Love for Community"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,53 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Latte",
|
||||
price: "$4.50",
|
||||
variant: "Creamy & Smooth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691735.jpg?_wi=1",
|
||||
imageAlt: "A cup of classic latte art coffee",
|
||||
},
|
||||
id: "1", name: "Classic Latte", price: "$4.50", variant: "Creamy & Smooth", imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691735.jpg", imageAlt: "A cup of classic latte art coffee"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Butter Croissant",
|
||||
price: "$3.00",
|
||||
variant: "Flaky & Golden",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-croissant-pancakes-wooden-cutting-board-cup-black-tea-honey-dark-surface_140725-94185.jpg",
|
||||
imageAlt: "A freshly baked butter croissant",
|
||||
},
|
||||
id: "2", name: "Butter Croissant", price: "$3.00", variant: "Flaky & Golden", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-croissant-pancakes-wooden-cutting-board-cup-black-tea-honey-dark-surface_140725-94185.jpg", imageAlt: "A freshly baked butter croissant"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gourmet Cheeseburger",
|
||||
price: "$14.00",
|
||||
variant: "Juicy & Flavorful",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-beef-burger-with-french-fries_141793-16665.jpg",
|
||||
imageAlt: "A gourmet cheeseburger with fries",
|
||||
},
|
||||
id: "3", name: "Gourmet Cheeseburger", price: "$14.00", variant: "Juicy & Flavorful", imageSrc: "http://img.b2bpic.net/free-photo/black-beef-burger-with-french-fries_141793-16665.jpg", imageAlt: "A gourmet cheeseburger with fries"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mediterranean Salad",
|
||||
price: "$12.50",
|
||||
variant: "Fresh & Zesty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-salad-bowl_23-2147953662.jpg",
|
||||
imageAlt: "A vibrant Mediterranean salad",
|
||||
},
|
||||
id: "4", name: "Mediterranean Salad", price: "$12.50", variant: "Fresh & Zesty", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-salad-bowl_23-2147953662.jpg", imageAlt: "A vibrant Mediterranean salad"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$8.00",
|
||||
variant: "Rich & Decadent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-cake-with-cream-inside-plate-brown-wooden-table-cake-dessert-chocolate_140725-27828.jpg",
|
||||
imageAlt: "A slice of chocolate lava cake with berries",
|
||||
},
|
||||
id: "5", name: "Chocolate Lava Cake", price: "$8.00", variant: "Rich & Decadent", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-cake-with-cream-inside-plate-brown-wooden-table-cake-dessert-chocolate_140725-27828.jpg", imageAlt: "A slice of chocolate lava cake with berries"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Hearty Breakfast Plate",
|
||||
price: "$16.00",
|
||||
variant: "Satisfying & Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37130.jpg",
|
||||
imageAlt: "A full hearty breakfast plate",
|
||||
},
|
||||
id: "6", name: "Hearty Breakfast Plate", price: "$16.00", variant: "Satisfying & Classic", imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37130.jpg", imageAlt: "A full hearty breakfast plate"},
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
description="Explore our wide selection of freshly prepared dishes, from aromatic coffees to savory meals and irresistible desserts."
|
||||
@@ -173,46 +114,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Convenient Delivery",
|
||||
description: "Enjoy your Yummy Treat favorites from the comfort of your home. Fast and fresh delivery right to your door.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retail-employee-scanning-smartphone-with-black-friday-discount-coupon-while-serving-customer-cash-register-desk-close-up-clothing-store-marketing-promotion-seasonal-sales_482257-64290.jpg",
|
||||
imageAlt: "Food delivery app on a smartphone",
|
||||
},
|
||||
title: "Convenient Delivery", description: "Enjoy your Yummy Treat favorites from the comfort of your home. Fast and fresh delivery right to your door.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retail-employee-scanning-smartphone-with-black-friday-discount-coupon-while-serving-customer-cash-register-desk-close-up-clothing-store-marketing-promotion-seasonal-sales_482257-64290.jpg", imageAlt: "Food delivery app on a smartphone"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg",
|
||||
imageAlt: "Food delivery app on a smartphone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-smartphone_23-2149356887.jpg?_wi=2",
|
||||
imageAlt: "smartphone food delivery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg", imageAlt: "Food delivery app on a smartphone"}
|
||||
},
|
||||
{
|
||||
title: "Catering for Events",
|
||||
description: "Make your special occasions even more delicious with our bespoke catering services. Perfect for any gathering.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table_23-2149272706.jpg",
|
||||
imageAlt: "Catering food setup for an event",
|
||||
},
|
||||
title: "Catering for Events", description: "Make your special occasions even more delicious with our bespoke catering services. Perfect for any gathering.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table_23-2149272706.jpg", imageAlt: "Catering food setup for an event"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bread-served-plate-with-greenery-stands-plates_8353-547.jpg",
|
||||
imageAlt: "Catering food setup for an event",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-process-asian-restaurant-cook-is-fry-vegetables-with-spices-sauce-wok_613910-4975.jpg",
|
||||
imageAlt: "smartphone food delivery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bread-served-plate-with-greenery-stands-plates_8353-547.jpg", imageAlt: "Catering food setup for an event"}
|
||||
},
|
||||
{
|
||||
title: "Cozy Ambiance",
|
||||
description: "Relax and unwind in our charming and comfortable cafe environment, designed for perfect moments alone or with company.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3440.jpg",
|
||||
imageAlt: "Cozy cafe interior with comfortable seating",
|
||||
},
|
||||
title: "Cozy Ambiance", description: "Relax and unwind in our charming and comfortable cafe environment, designed for perfect moments alone or with company.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3440.jpg", imageAlt: "Cozy cafe interior with comfortable seating"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-woman-opening-gift-box_23-2148017609.jpg",
|
||||
imageAlt: "Cozy cafe interior with comfortable seating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691735.jpg?_wi=2",
|
||||
imageAlt: "smartphone food delivery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-woman-opening-gift-box_23-2148017609.jpg", imageAlt: "Cozy cafe interior with comfortable seating"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -229,25 +146,15 @@ export default function LandingPage() {
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
alt: "Sarah J. Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Sarah J. Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-portrait-happy-young-bearded-male-t-shirt-smiling-cheerfully-while-enjoying-tasty-meal-lunch-cozy-restaurant-sitting-wooden-table_273609-1965.jpg",
|
||||
alt: "Michael C. Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-portrait-happy-young-bearded-male-t-shirt-smiling-cheerfully-while-enjoying-tasty-meal-lunch-cozy-restaurant-sitting-wooden-table_273609-1965.jpg", alt: "Michael C. Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-oudoor-enjoying-coffee-talking-phone_23-2148317287.jpg",
|
||||
alt: "Emily R. Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-oudoor-enjoying-coffee-talking-phone_23-2148317287.jpg", alt: "Emily R. Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-couple-having-bookstore-date_23-2150334581.jpg",
|
||||
alt: "David K. Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-couple-having-bookstore-date_23-2150334581.jpg", alt: "David K. Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6798.jpg",
|
||||
alt: "Jessica L. Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6798.jpg", alt: "Jessica L. Avatar"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -260,25 +167,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer vegetarian and vegan options?",
|
||||
content: "Yes, we have a diverse menu that includes many delicious vegetarian and vegan dishes. Please ask our staff for recommendations or check our menu section for details.",
|
||||
},
|
||||
id: "1", title: "Do you offer vegetarian and vegan options?", content: "Yes, we have a diverse menu that includes many delicious vegetarian and vegan dishes. Please ask our staff for recommendations or check our menu section for details."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I make a reservation online?",
|
||||
content: "Absolutely! You can make a reservation through our contact section below or by calling us directly. We recommend booking in advance, especially for weekend visits.",
|
||||
},
|
||||
id: "2", title: "Can I make a reservation online?", content: "Absolutely! You can make a reservation through our contact section below or by calling us directly. We recommend booking in advance, especially for weekend visits."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your opening hours?",
|
||||
content: "Yummy Treat Cafe is open Monday to Friday from 7 AM to 7 PM, and Saturday to Sunday from 8 AM to 6 PM. We look forward to seeing you!",
|
||||
},
|
||||
id: "3", title: "What are your opening hours?", content: "Yummy Treat Cafe is open Monday to Friday from 7 AM to 7 PM, and Saturday to Sunday from 8 AM to 6 PM. We look forward to seeing you!"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you provide catering services?",
|
||||
content: "Yes, we offer full catering services for various events, from corporate lunches to private parties. Contact us to discuss your event's needs and customize a menu.",
|
||||
},
|
||||
id: "4", title: "Do you provide catering services?", content: "Yes, we offer full catering services for various events, from corporate lunches to private parties. Contact us to discuss your event's needs and customize a menu."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about Yummy Treat Cafe, our menu, services, and more."
|
||||
@@ -290,20 +185,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us or Make a Reservation"
|
||||
description="Whether you're planning a visit, a special event, or simply want to say hello, we'd love to hear from you. Contact us today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: (123) 456-7890",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us: (123) 456-7890", href: "tel:+1234567890"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@yummytreatcafe.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@yummytreatcafe.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,54 +202,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Yummy Treat Cafe",
|
||||
items: [
|
||||
title: "Yummy Treat Cafe", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Catering", href: "#features"},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Delivery", href: "#features"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user