Update src/app/page.tsx
This commit is contained in:
181
src/app/page.tsx
181
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Order Now",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Order Now", id: "#menu"},
|
||||
]}
|
||||
brandName="Tijuana Mexican Cafe"
|
||||
/>
|
||||
@@ -50,15 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Taste of Tijuana"
|
||||
description="Authentic, fresh, and ready for your table. Order your favorites from our cafe in minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Now", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant_23-2148015001.jpg"
|
||||
imageAlt="Authentic Mexican tacos"
|
||||
@@ -70,18 +61,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition in every bite",
|
||||
},
|
||||
type: "text", content: "Tradition in every bite"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg",
|
||||
alt: "Inside our cozy cafe",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg", alt: "Inside our cozy cafe"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Our ingredients are sourced fresh daily.",
|
||||
},
|
||||
type: "text", content: "Our ingredients are sourced fresh daily."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,44 +78,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Street Tacos",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-delicious-mexican-food_23-2148329161.jpg",
|
||||
},
|
||||
id: "1", name: "Street Tacos", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-delicious-mexican-food_23-2148329161.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Burrito",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893484.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Burrito", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893484.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Guac & Chips",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blackboard-mexican-dishes-composition_23-2147740814.jpg",
|
||||
},
|
||||
id: "3", name: "Guac & Chips", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/blackboard-mexican-dishes-composition_23-2147740814.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Traditional Enchiladas",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-sombrero-sauces-near-blackboard_23-2147740807.jpg",
|
||||
},
|
||||
id: "4", name: "Traditional Enchiladas", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/red-sombrero-sauces-near-blackboard_23-2147740807.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fresh Salad Bowl",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-wooden-table_23-2148629356.jpg",
|
||||
},
|
||||
id: "5", name: "Fresh Salad Bowl", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tacos-wooden-table_23-2148629356.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cheesy Quesadilla",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-meat-vegetable-gutab-qutab-gozleme-wooden-board-with-sumakh-turshu-yogurt_114579-173.jpg",
|
||||
},
|
||||
id: "6", name: "Cheesy Quesadilla", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-meat-vegetable-gutab-qutab-gozleme-wooden-board-with-sumakh-turshu-yogurt_114579-173.jpg"},
|
||||
]}
|
||||
title="Cafe Menu"
|
||||
description="Hand-picked favorites from our traditional kitchen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#order-link"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,14 +105,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Tijuana Times",
|
||||
"Local Eats",
|
||||
"Mexico Today",
|
||||
"Foodie Mag",
|
||||
"City Dining",
|
||||
"Morning News",
|
||||
"Cafe Weekly",
|
||||
]}
|
||||
"Tijuana Times", "Local Eats", "Mexico Today", "Foodie Mag", "City Dining", "Morning News", "Cafe Weekly"]}
|
||||
title="Loved by locals"
|
||||
description="Recognized for authentic quality."
|
||||
/>
|
||||
@@ -160,59 +118,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria G.",
|
||||
role: "Foodie",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-shop-entrepreneur-using-selfie-camera-cellphone-show-his-natural-chemical-free-products-online-supermarket-owner-promoting-sustainable-lifestyle-presenting-his-merchandise_482257-70732.jpg",
|
||||
},
|
||||
id: "1", name: "Maria G.", role: "Foodie", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-shop-entrepreneur-using-selfie-camera-cellphone-show-his-natural-chemical-free-products-online-supermarket-owner-promoting-sustainable-lifestyle-presenting-his-merchandise_482257-70732.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Juan R.",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg",
|
||||
},
|
||||
id: "2", name: "Juan R.", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah W.",
|
||||
role: "Guest",
|
||||
company: "Local",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah W.", role: "Guest", company: "Local", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pedro L.",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187164.jpg",
|
||||
},
|
||||
id: "4", name: "Pedro L.", role: "Regular", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187164.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena C.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg",
|
||||
},
|
||||
id: "5", name: "Elena C.", role: "Fan", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "10k+", label: "Happy Customers"},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Local Awards",
|
||||
},
|
||||
value: "5+", label: "Local Awards"},
|
||||
]}
|
||||
title="What our guests say"
|
||||
description="Authentic experiences from real customers."
|
||||
@@ -225,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we deliver within a 5-mile radius.",
|
||||
},
|
||||
id: "1", title: "Do you offer delivery?", content: "Yes, we deliver within a 5-mile radius."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I pick up?",
|
||||
content: "Absolutely, skip the line with online ordering.",
|
||||
},
|
||||
id: "2", title: "Can I pick up?", content: "Absolutely, skip the line with online ordering."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your ingredients fresh?",
|
||||
content: "We source everything locally daily.",
|
||||
},
|
||||
id: "3", title: "Are your ingredients fresh?", content: "We source everything locally daily."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-ordering-food-restaurant_23-2149269221.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -252,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Connected"
|
||||
title="Join our newsletter"
|
||||
description="Get exclusive specials and cafe updates."
|
||||
@@ -264,29 +181,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Cafe",
|
||||
items: [
|
||||
title: "Cafe", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -296,4 +203,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user