Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
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="MORRELLI’S"
|
||||
/>
|
||||
@@ -56,94 +48,53 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="MORRELLI’S: Authentic Tex-Mex Flavors"
|
||||
description="Experience the vibrant spirit of Texas and Mexico in every bite. Handcrafted, fresh, and served with passion."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexfoodie",
|
||||
testimonial: "The best tacos in town! Fresh, authentic, and perfectly spiced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-crispy-flatbread-bowl_140725-607.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexfoodie", testimonial: "The best tacos in town! Fresh, authentic, and perfectly spiced.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-crispy-flatbread-bowl_140725-607.jpg"},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@texmexlover",
|
||||
testimonial: "Morrelli's has become our family Friday tradition. Incredible service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg",
|
||||
},
|
||||
name: "Sarah M.", handle: "@texmexlover", testimonial: "Morrelli's has become our family Friday tradition. Incredible service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg"},
|
||||
{
|
||||
name: "James K.",
|
||||
handle: "@foodiepro",
|
||||
testimonial: "Real ingredients, big portions, authentic taste. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-with-mashed-potatoes-tomato-mushrooms-avocado-sauce-plate-wood_141793-11989.jpg",
|
||||
},
|
||||
name: "James K.", handle: "@foodiepro", testimonial: "Real ingredients, big portions, authentic taste. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-with-mashed-potatoes-tomato-mushrooms-avocado-sauce-plate-wood_141793-11989.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@tastemex",
|
||||
testimonial: "The salsa is to die for. Authentic heat!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11163.jpg",
|
||||
},
|
||||
name: "Elena V.", handle: "@tastemex", testimonial: "The salsa is to die for. Authentic heat!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11163.jpg"},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@dailytexmex",
|
||||
testimonial: "Fast, friendly, and absolutely delicious. A neighborhood gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-empty-office_23-2147668765.jpg",
|
||||
},
|
||||
name: "Marcus L.", handle: "@dailytexmex", testimonial: "Fast, friendly, and absolutely delicious. A neighborhood gem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-empty-office_23-2147668765.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-salmon-salad-with-avocado-wasabi-sauce-plate-plaid-fabric_141793-11665.jpg"
|
||||
imageAlt="delicious sizzling fajita plate"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg",
|
||||
alt: "Table setting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "Table setting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg",
|
||||
alt: "Taco hands",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg", alt: "Taco hands"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg",
|
||||
alt: "Delicious tacos",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg", alt: "Delicious tacos"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-tacos-with-vegetables-meat_23-2148750434.jpg",
|
||||
alt: "Taco ingredients",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-tacos-with-vegetables-meat_23-2148750434.jpg", alt: "Taco ingredients"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-meat-vegetables_23-2148750443.jpg",
|
||||
alt: "Tortilla meat",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-meat-vegetables_23-2148750443.jpg", alt: "Tortilla meat"},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Tortillas",
|
||||
},
|
||||
type: "text", text: "Handcrafted Tortillas"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Avocado Salsa",
|
||||
},
|
||||
type: "text", text: "Fresh Avocado Salsa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Slow-Cooked Carnitas",
|
||||
},
|
||||
type: "text", text: "Slow-Cooked Carnitas"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Family Recipes",
|
||||
},
|
||||
type: "text", text: "Authentic Family Recipes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Specials",
|
||||
},
|
||||
type: "text", text: "Daily Specials"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,14 +104,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Culinary Heritage",
|
||||
},
|
||||
type: "text", content: "Our Culinary Heritage"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
|
||||
alt: "restaurant chef preparing mexican food",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg", alt: "restaurant chef preparing mexican food"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,47 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Street Beef Tacos",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tacos-dish_23-2150777659.jpg",
|
||||
imageAlt: "beef tacos plate gourmet",
|
||||
},
|
||||
id: "1", name: "Street Beef Tacos", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-tacos-dish_23-2150777659.jpg", imageAlt: "beef tacos plate gourmet"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Burrito Bowl",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg",
|
||||
imageAlt: "burrito bowl fresh ingredients",
|
||||
},
|
||||
id: "2", name: "Burrito Bowl", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg", imageAlt: "burrito bowl fresh ingredients"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Queso Nachos",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garnished-tasty-mexican-nachos-plate-with-mexican-hat-table_23-2148042528.jpg",
|
||||
imageAlt: "cheesy nachos plate jalapeños",
|
||||
},
|
||||
id: "3", name: "Classic Queso Nachos", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/garnished-tasty-mexican-nachos-plate-with-mexican-hat-table_23-2148042528.jpg", imageAlt: "cheesy nachos plate jalapeños"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grilled Quesadilla",
|
||||
price: "$13",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-grilled-sausages-cabbage-inside-salad-potato-with-sour-cream-greens-lettuce-side-view_141793-3246.jpg",
|
||||
imageAlt: "quesadilla grilled with salsa",
|
||||
},
|
||||
id: "4", name: "Grilled Quesadilla", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-grilled-sausages-cabbage-inside-salad-potato-with-sour-cream-greens-lettuce-side-view_141793-3246.jpg", imageAlt: "quesadilla grilled with salsa"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Guacamole & Chips",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guacamole-bowl-with-mexican-nachos-wooden-cutting-board_23-2148042458.jpg",
|
||||
imageAlt: "guacamole and tortilla chips",
|
||||
},
|
||||
id: "5", name: "Guacamole & Chips", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/guacamole-bowl-with-mexican-nachos-wooden-cutting-board_23-2148042458.jpg", imageAlt: "guacamole and tortilla chips"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cinnamon Churros",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-chocolate-cup-with-churros_23-2148379676.jpg",
|
||||
imageAlt: "churros dessert chocolate sauce",
|
||||
},
|
||||
id: "6", name: "Cinnamon Churros", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-chocolate-cup-with-churros_23-2148379676.jpg", imageAlt: "churros dessert chocolate sauce"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="From slow-cooked carnitas to our famous queso dip, explore our hand-crafted menu."
|
||||
@@ -228,20 +144,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Chef Mario",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg",
|
||||
},
|
||||
id: "t1", name: "Chef Mario", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Chef Elena",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg",
|
||||
},
|
||||
id: "t2", name: "Chef Elena", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Staff Lead Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg",
|
||||
},
|
||||
id: "t3", name: "Staff Lead Sarah", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-using-touchpad-while-working-cafe_637285-8921.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -252,30 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Carlos M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg",
|
||||
},
|
||||
id: "ts1", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-delicious-food_23-2149073429.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Julia P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-ornament-heart-plate-fork_23-2148010113.jpg",
|
||||
},
|
||||
id: "ts2", name: "Julia P.", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-ornament-heart-plate-fork_23-2148010113.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Robert D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
|
||||
},
|
||||
id: "ts3", name: "Robert D.", imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Monica T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
},
|
||||
id: "ts4", name: "Monica T.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Kevin G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg",
|
||||
},
|
||||
id: "ts5", name: "Kevin G.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg"},
|
||||
]}
|
||||
cardTitle="What Guests Are Saying"
|
||||
cardTag="Loved by Locals"
|
||||
@@ -290,23 +182,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "5-Star Reviews",
|
||||
value: "1.5K+",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "5-Star Reviews", value: "1.5K+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Utensils,
|
||||
title: "Plates Served",
|
||||
value: "50K+",
|
||||
},
|
||||
id: "m2", icon: Utensils,
|
||||
title: "Plates Served", value: "50K+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Local Favorite",
|
||||
value: "10 Yrs",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Local Favorite", value: "10 Yrs"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Serving fresh flavors since day one."
|
||||
@@ -319,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we cater for events large and small.",
|
||||
},
|
||||
id: "f1", title: "Do you offer catering?", content: "Yes, we cater for events large and small."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Absolutely, we have dedicated plant-based dishes.",
|
||||
},
|
||||
id: "f2", title: "Do you have vegan options?", content: "Absolutely, we have dedicated plant-based dishes."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are reservations required?",
|
||||
content: "Recommended for weekend dinners but not required.",
|
||||
},
|
||||
id: "f3", title: "Are reservations required?", content: "Recommended for weekend dinners but not required."},
|
||||
]}
|
||||
title="Commonly Asked"
|
||||
description="Have questions about our menu or catering?"
|
||||
@@ -344,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Hungry? Join us today"
|
||||
description="Book a table or order for pickup. We're ready to serve you the freshest Tex-Mex."
|
||||
variant: "plain"}}
|
||||
tag="¡Visítanos!"
|
||||
title="¿Tienes hambre? Únete hoy"
|
||||
description="Reserva una mesa o pide para llevar. Estamos listos para servirte la comida Tex-Mex más fresca."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reserva tu Mesa", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,25 +235,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menú", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -392,4 +255,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user