Merge version_1 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -31,23 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cafe Yafa"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,37 +50,23 @@ export default function LandingPage() {
|
||||
description="Experience home-cooked comfort with our fresh falafel, shawarma, and handmade pastries."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-etiquette-elements-flat-lay_23-2148914917.jpg"
|
||||
imageAlt="Cafe Yafa cozy interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-glasses-outdoors_23-2148450819.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-glasses-outdoors_23-2148450819.jpg", alt: "Happy diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg", alt: "Satisfied customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/half-face-portrait-happy-africn-man-headphones-smiling_176420-12582.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/half-face-portrait-happy-africn-man-headphones-smiling_176420-12582.jpg", alt: "Happy guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-adult-man-smiling_23-2148531043.jpg",
|
||||
alt: "Smiling diner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-adult-man-smiling_23-2148531043.jpg", alt: "Smiling diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model-sexy-man-dressed-pink-tshirt-trousers-fashion-male-isolated-blue-wall-studio_158538-26677.jpg",
|
||||
alt: "Enjoying meal",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model-sexy-man-dressed-pink-tshirt-trousers-fashion-male-isolated-blue-wall-studio_158538-26677.jpg", alt: "Enjoying meal"},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
/>
|
||||
@@ -100,17 +79,11 @@ export default function LandingPage() {
|
||||
description="Located at 6a Wethersfield Rd, we bring the heart of Middle Eastern cuisine to the Natick community with fresh ingredients and welcoming service."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Google Rating",
|
||||
},
|
||||
value: "4.8", title: "Google Rating"},
|
||||
{
|
||||
value: "416+",
|
||||
title: "Happy Reviews",
|
||||
},
|
||||
value: "416+", title: "Happy Reviews"},
|
||||
{
|
||||
value: "Daily",
|
||||
title: "Fresh Pastries",
|
||||
},
|
||||
value: "Daily", title: "Fresh Pastries"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-bread_141793-1261.jpg"
|
||||
imageAlt="Delicious Middle Eastern platter"
|
||||
@@ -126,59 +99,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Popular",
|
||||
name: "Falafel Wrap",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burritos-tablecloth_23-2148582664.jpg",
|
||||
},
|
||||
id: "1", brand: "Popular", name: "Falafel Wrap", price: "$12", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burritos-tablecloth_23-2148582664.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Popular",
|
||||
name: "Shawermah Beef & Lamb",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doner-meat-slices-with-vegetables-herbs_114579-2288.jpg",
|
||||
},
|
||||
id: "2", brand: "Popular", name: "Shawermah Beef & Lamb", price: "$15", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/doner-meat-slices-with-vegetables-herbs_114579-2288.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Popular",
|
||||
name: "Tabbouleh",
|
||||
price: "$10",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-lettuce-olives-corn-tomatoes-top-view_114579-9763.jpg",
|
||||
},
|
||||
id: "3", brand: "Popular", name: "Tabbouleh", price: "$10", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-lettuce-olives-corn-tomatoes-top-view_114579-9763.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Popular",
|
||||
name: "Baklava Mix",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-traditional-turkish-baklava-with-pistachio-black-board_141793-6052.jpg",
|
||||
},
|
||||
id: "4", brand: "Popular", name: "Baklava Mix", price: "$8", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-traditional-turkish-baklava-with-pistachio-black-board_141793-6052.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Popular",
|
||||
name: "Kofta Sandwich",
|
||||
price: "$13",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce-yoghurt-sauce_2829-10671.jpg",
|
||||
},
|
||||
id: "5", brand: "Popular", name: "Kofta Sandwich", price: "$13", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce-yoghurt-sauce_2829-10671.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Popular",
|
||||
name: "Hummus Plate",
|
||||
price: "$9",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hummus-chickpeas-arrangement_23-2149483903.jpg",
|
||||
},
|
||||
id: "6", brand: "Popular", name: "Hummus Plate", price: "$9", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hummus-chickpeas-arrangement_23-2149483903.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="From savory wraps to sweet baklava, explore our most loved dishes."
|
||||
@@ -190,14 +127,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Natick Local",
|
||||
"Yelp Top Rated",
|
||||
"Foodie Network",
|
||||
"Boston Eats",
|
||||
"Local Guide",
|
||||
"Middle East Daily",
|
||||
"Coffee Monthly",
|
||||
]}
|
||||
"Natick Local", "Yelp Top Rated", "Foodie Network", "Boston Eats", "Local Guide", "Middle East Daily", "Coffee Monthly"]}
|
||||
title="Proudly Serving Natick"
|
||||
description="Recognized by diners for quality and atmosphere."
|
||||
/>
|
||||
@@ -210,59 +140,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Diner",
|
||||
company: "Natick Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-armenian-guy-with-hat-yellow-black-wall_181624-32940.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Diner", company: "Natick Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-armenian-guy-with-hat-yellow-black-wall_181624-32940.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Diner",
|
||||
company: "Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Diner", company: "Foodie", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Diner",
|
||||
company: "Frequent Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Diner", company: "Frequent Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Diner",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Diner", company: "Local Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Diner",
|
||||
company: "Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", role: "Diner", company: "Business", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.8", label: "Avg Rating"},
|
||||
{
|
||||
value: "416+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "416+", label: "Google Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fresh Ingredients",
|
||||
},
|
||||
value: "100%", label: "Fresh Ingredients"},
|
||||
]}
|
||||
title="What Our Diners Say"
|
||||
description="Authentic flavors and service that keeps our guests coming back."
|
||||
@@ -275,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we take pride in our diverse menu which includes delicious vegan choices like hummus, falafel, and baba ghanoush.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegan options?", content: "Yes, we take pride in our diverse menu which includes delicious vegan choices like hummus, falafel, and baba ghanoush."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is Wi-Fi available?",
|
||||
content: "Yes, we provide free guest Wi-Fi for all diners.",
|
||||
},
|
||||
id: "f2", title: "Is Wi-Fi available?", content: "Yes, we provide free guest Wi-Fi for all diners."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily until 8 PM.",
|
||||
},
|
||||
id: "f3", title: "What are your hours?", content: "We are open daily until 8 PM."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164705.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -301,14 +191,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Visit us at 6a Wethersfield Rd, Natick, MA or give us a call at (508) 545-0212."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="Cafe Yafa"
|
||||
columns={[
|
||||
{
|
||||
title: "Cafe",
|
||||
items: [
|
||||
title: "Cafe", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user