Merge version_2 into main #1
262
src/app/page.tsx
262
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
@@ -33,90 +33,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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="Mezze & Mooore"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Mediterranean flavors, locally inspired"
|
||||
description="Discover fresh, bold cuisine crafted from seasonal ingredients. Reserve your table or order online today."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-having-fun-while-eating-dessert-taking-selfie-cafe_637285-9092.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/turshu-govurma-caucasian-meal-with-creamy-mushroom-soup_114579-1864.jpg",
|
||||
alt: "Turshu govurma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/turshu-govurma-caucasian-meal-with-creamy-mushroom-soup_114579-1864.jpg", alt: "Turshu govurma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg",
|
||||
alt: "Rice garnish",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg", alt: "Rice garnish"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/leaves-dolma-with-yogurt-plate_140725-3439.jpg",
|
||||
alt: "Leaves dolma",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/leaves-dolma-with-yogurt-plate_140725-3439.jpg", alt: "Leaves dolma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg",
|
||||
alt: "Homemade dishes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg", alt: "Homemade dishes"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Herbs",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Fresh Herbs", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Locally Sourced", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Authentic Recipes",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Authentic Recipes", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Warm Service",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Warm Service", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Open Daily",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Open Daily", icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -130,17 +97,11 @@ export default function LandingPage() {
|
||||
description="Mezze and Mooore is born from a love of shared plates and authentic ingredients. We bridge tradition with modern culinary craft to bring the best of the Mediterranean to your table."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh & Seasonal",
|
||||
description: "Sourced locally to ensure vibrant, high-quality flavor in every dish.",
|
||||
},
|
||||
title: "Fresh & Seasonal", description: "Sourced locally to ensure vibrant, high-quality flavor in every dish."},
|
||||
{
|
||||
title: "Authentic Recipes",
|
||||
description: "Centuries-old techniques meets contemporary culinary creativity.",
|
||||
},
|
||||
title: "Authentic Recipes", description: "Centuries-old techniques meets contemporary culinary creativity."},
|
||||
{
|
||||
title: "Warm Atmosphere",
|
||||
description: "A perfect space for celebrations, family dinners, and special occasions.",
|
||||
},
|
||||
title: "Warm Atmosphere", description: "A perfect space for celebrations, family dinners, and special occasions."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538288.jpg"
|
||||
/>
|
||||
@@ -154,19 +115,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Handcrafted Meals",
|
||||
description: "Made from scratch in our open kitchen.",
|
||||
},
|
||||
title: "Handcrafted Meals", description: "Made from scratch in our open kitchen."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Organic Produce",
|
||||
description: "Only the freshest ingredients from trusted local farms.",
|
||||
},
|
||||
title: "Organic Produce", description: "Only the freshest ingredients from trusted local farms."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Online Ordering",
|
||||
description: "Seamless takeout and delivery for your convenience.",
|
||||
},
|
||||
title: "Online Ordering", description: "Seamless takeout and delivery for your convenience."},
|
||||
]}
|
||||
title="The Mezze & Mooore Experience"
|
||||
description="Why we are the preferred choice for Mediterranean dining in the local area."
|
||||
@@ -181,41 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Falafel Plate",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Falafel Plate", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2148814497.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hummus & Warm Pita",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-jewish-food-arrangement_23-2148814492.jpg",
|
||||
},
|
||||
id: "2", name: "Hummus & Warm Pita", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-jewish-food-arrangement_23-2148814492.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grilled Kebab Platter",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-bangles-with-filling-inside-plate-along-with-berries-dark-desk-sweet-biscuit-cake-bake-pastry_140725-31155.jpg",
|
||||
},
|
||||
id: "3", name: "Grilled Kebab Platter", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-bangles-with-filling-inside-plate-along-with-berries-dark-desk-sweet-biscuit-cake-bake-pastry_140725-31155.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fresh Greek Salad",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetable-salad-green-plate_114579-3019.jpg",
|
||||
},
|
||||
id: "4", name: "Fresh Greek Salad", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetable-salad-green-plate_114579-3019.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Stuffed Grape Leaves",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-cheese-olive-cucumber-tomato-white-bowl-wooden-table_176474-104.jpg",
|
||||
},
|
||||
id: "5", name: "Stuffed Grape Leaves", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-cheese-olive-cucumber-tomato-white-bowl-wooden-table_176474-104.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Honey-Walnut Baklava",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-greek-salad-lettuce-with-black-olives_141793-4617.jpg",
|
||||
},
|
||||
id: "6", name: "Honey-Walnut Baklava", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/front-view-greek-salad-lettuce-with-black-olives_141793-4617.jpg"},
|
||||
]}
|
||||
title="Signature Menu Highlights"
|
||||
description="From vibrant mezze plates to hearty grilled entrees, our menu is designed to delight."
|
||||
@@ -229,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The best Mediterranean food in town! Authentic and fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", handle: "@alicem", testimonial: "The best Mediterranean food in town! Authentic and fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brian K.",
|
||||
handle: "@briank",
|
||||
testimonial: "Excellent service and the atmosphere is always top-notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
|
||||
},
|
||||
id: "2", name: "Brian K.", handle: "@briank", testimonial: "Excellent service and the atmosphere is always top-notch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Love the variety of mezze plates. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah P.", handle: "@sarahp", testimonial: "Love the variety of mezze plates. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "Perfect spot for a date night. Great flavors.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg",
|
||||
},
|
||||
id: "4", name: "James L.", handle: "@jamesl", testimonial: "Perfect spot for a date night. Great flavors.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-having-good-time_23-2148395387.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Simply delicious food and wonderful hospitality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-table_23-2148899035.jpg",
|
||||
},
|
||||
id: "5", name: "Elena R.", handle: "@elenar", testimonial: "Simply delicious food and wonderful hospitality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-woman-table_23-2148899035.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -282,20 +188,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5k+",
|
||||
description: "Happy Guests",
|
||||
},
|
||||
id: "1", value: "5k+", description: "Happy Guests"},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
description: "Regional Awards",
|
||||
},
|
||||
id: "2", value: "12", description: "Regional Awards"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Local Suppliers",
|
||||
},
|
||||
id: "3", value: "15+", description: "Local Suppliers"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -307,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we partner with major delivery platforms for your convenience.",
|
||||
},
|
||||
id: "1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery platforms for your convenience."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you take reservations?",
|
||||
content: "Yes, we highly recommend booking online for dinner service.",
|
||||
},
|
||||
id: "2", title: "Do you take reservations?", content: "Yes, we highly recommend booking online for dinner service."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Absolutely, we have many vegetarian and vegan-friendly mezze.",
|
||||
},
|
||||
id: "3", title: "Do you have vegetarian options?", content: "Absolutely, we have many vegetarian and vegan-friendly mezze."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our menu or reservations?"
|
||||
@@ -329,57 +217,37 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to enjoy authentic Mediterranean cuisine? Visit us today or secure your table."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Get in touch"
|
||||
description="Send us a message and we'll get back to you shortly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-greek-salad-lettuce-with-black-olives_141793-4617.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="Mezze & Mooore"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Mezze & Mooore. All rights reserved."
|
||||
bottomRightText="Built for flavor."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user