335 lines
17 KiB
TypeScript
335 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Flame, Heart, Home, Music, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#products"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Fisa & Masa Tavern"
|
|
button={{
|
|
text: "Make a Reservation", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Experience Authentic Cypriot Flavors at Fisa & Masa Tavern"
|
|
description="Nestled on Ledras Street, Fisa & Masa Tavern offers a culinary journey through traditional Cypriot and Mediterranean dishes, crafted with passion and fresh, local ingredients. Join us for an unforgettable dining experience."
|
|
kpis={[
|
|
{
|
|
value: "4.8", label: "Rating (442 reviews)"},
|
|
{
|
|
value: "€15-20", label: "Avg. Price per Person"},
|
|
{
|
|
value: "10:30 PM", label: "Closes"},
|
|
]}
|
|
enableKpiAnimation={false}
|
|
tag="Traditional Cypriot Cuisine"
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#products"},
|
|
{
|
|
text: "Make a Reservation", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-grilled-chicken-skewers-with-vegetables_23-2148632616.jpg"
|
|
imageAlt="Grilled Pork Souvlaki skewers"
|
|
mediaAnimation="slide-up"
|
|
tagIcon={Flame}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-red-suit-fashion-male-posing-studio-near-blue-wall_158538-21122.jpg", alt: "Happy customer"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", alt: "Satisfied diner"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg", alt: "Guest enjoying meal"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", alt: "Visitor review"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Restaurant patron"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Fresh Daily Ingredients"},
|
|
{
|
|
type: "text-icon", text: "Award-Winning Cuisine", icon: Award,
|
|
},
|
|
{
|
|
type: "text", text: "Cozy Ambiance"},
|
|
{
|
|
type: "text-icon", text: "Live Music Events", icon: Music,
|
|
},
|
|
{
|
|
type: "text", text: "Family Friendly"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Story"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/spoon-fork-food-logo-art-illustration_56104-776.jpg", alt: "Restaurant icon"},
|
|
{
|
|
type: "text", content: "Bringing Cyprus to Your Plate"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Discover Our History", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "fresh-ingredients", title: "Fresh, Local Ingredients", subtitle: "We source the finest produce and meats from local markets and trusted suppliers, ensuring every dish is a celebration of freshness.", category: "Quality", value: "Authentic"},
|
|
{
|
|
id: "cozy-ambiance", title: "Cozy & Inviting Ambiance", subtitle: "Step into a space where rustic charm meets modern comfort, perfect for family dinners, romantic evenings, or friendly gatherings.", category: "Atmosphere", value: "Relaxed"},
|
|
{
|
|
id: "live-music", title: "Live Traditional Music", subtitle: "Enhance your dining experience with the soulful sounds of live traditional Cypriot music on select evenings.", category: "Entertainment", value: "Vibrant"},
|
|
{
|
|
id: "homemade-recipes", title: "Homemade Cypriot Recipes", subtitle: "Our chefs prepare dishes following time-honored family recipes, passed down through generations, for a true taste of home.", category: "Tradition", value: "Authentic"},
|
|
{
|
|
id: "friendly-staff", title: "Warm & Attentive Service", subtitle: "Our dedicated team ensures every guest feels welcome and enjoys seamless service from the moment they arrive.", category: "Hospitality", value: "Welcoming"},
|
|
]}
|
|
title="A Taste of Our Passion"
|
|
description="At Fisa & Masa Tavern, we are dedicated to providing an exceptional dining experience. From our carefully selected ingredients to our warm hospitality, every detail is crafted to delight."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Moussaka", price: "€14.50", variant: "Classic Baked", imageSrc: "http://img.b2bpic.net/free-photo/moussaka-traditional-greek-dish_2829-8400.jpg", imageAlt: "Traditional Moussaka dish"},
|
|
{
|
|
id: "p2", name: "Pork Souvlaki", price: "€12.00", variant: "Grilled Skewers", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-skewers-with-vegetables_23-2148632616.jpg", imageAlt: "Grilled Pork Souvlaki skewers"},
|
|
{
|
|
id: "p3", name: "Grilled Halloumi", price: "€8.50", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/tasty-fresh-cheese-still-life_23-2150096928.jpg", imageAlt: "Grilled Halloumi cheese"},
|
|
{
|
|
id: "p4", name: "Kleftiko", price: "€18.00", variant: "Slow-cooked Lamb", imageSrc: "http://img.b2bpic.net/free-photo/baked-pie-stuffed-with-beef-turshu-dry-fruites_114579-2468.jpg", imageAlt: "Slow-cooked Lamb Kleftiko"},
|
|
{
|
|
id: "p5", name: "Taramasalata", price: "€6.00", variant: "Fish Roe Dip", imageSrc: "http://img.b2bpic.net/free-photo/puree-with-tomatoes-cookies-underneath_1220-519.jpg", imageAlt: "Taramasalata dip"},
|
|
{
|
|
id: "p6", name: "Grilled Octopus", price: "€16.00", variant: "Mediterranean Style", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210881.jpg", imageAlt: "Grilled Octopus"},
|
|
]}
|
|
title="Our Signature Dishes"
|
|
description="Explore a selection of our most loved and authentic Cypriot dishes, prepared with passion and the freshest ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "daily-special", badge: "Value", badgeIcon: Sparkles,
|
|
price: "€17.50", subtitle: "Chef's Daily Recommendation", buttons: [
|
|
{
|
|
text: "See Today's Special", href: "#"},
|
|
],
|
|
features: [
|
|
"Main Course (Chef's Choice)", "Side Salad or Soup", "Traditional Dessert"],
|
|
},
|
|
{
|
|
id: "set-menu-for-two", badge: "Popular", badgeIcon: Heart,
|
|
price: "€35.00", subtitle: "An Authentic Meal for Two", buttons: [
|
|
{
|
|
text: "View Full Menu", href: "#"},
|
|
],
|
|
features: [
|
|
"Choice of 2 Appetizers", "Choice of 2 Main Courses", "1 Bottle of Local Wine", "Dessert Platter"],
|
|
},
|
|
{
|
|
id: "family-feast", badge: "Feast", badgeIcon: Home,
|
|
price: "€60.00", subtitle: "Generous Portions for Families", buttons: [
|
|
{
|
|
text: "Explore Options", href: "#"},
|
|
],
|
|
features: [
|
|
"Selection of 4 Meze", "Large Mixed Grill Platter", "Traditional Sides & Bread", "Soft Drinks Included"],
|
|
},
|
|
]}
|
|
title="Daily Specials & Set Menus"
|
|
description="Discover our value-packed daily specials and curated set menus, perfect for a complete culinary experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Fisa & Masa Tavern truly captures the essence of Cypriot hospitality and cuisine. The food is incredible, especially the moussaka, and the staff make you feel like family. A must-visit in Nicosia!"
|
|
rating={5}
|
|
author="Maria S."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Customer Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Customer Michael Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-professional-male-chef-with-his-prepared-dish_23-2147863802.jpg", alt: "Customer Emily Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-gazing-sun-with-bright-face_23-2148248598.jpg", alt: "Customer David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-charming-man_171337-5315.jpg", alt: "Customer Lisa Wong"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-stripes-shirt-standing-yellow-isolated-background-happy-with-big-smile-doing-ok-sign-thumb-up-with-fingers-excellent-sign_839833-21373.jpg", alt: "Customer John Doe"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Cyprus Foodie Guide", "Nicosia Eats", "Mediterranean Taste Magazine", "Local's Choice Awards", "Gastronomy Insights", "Travel & Dine Cyprus", "Best of Ledras Street"]}
|
|
title="As Featured In"
|
|
description="Proudly recognized by leading local and international culinary guides for our commitment to authentic Cypriot dining."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Do you take reservations?", content: "Yes, we highly recommend making a reservation, especially for evening dining and weekends. You can call us directly or use our online form below."},
|
|
{
|
|
id: "faq2", title: "What are your opening hours?", content: "We are open daily from 12:00 PM to 10:30 PM. Please check our contact section for any special holiday hours."},
|
|
{
|
|
id: "faq3", title: "Do you offer vegetarian or vegan options?", content: "Yes, our menu includes a variety of delicious vegetarian and vegan dishes. Please inform your server of any dietary restrictions or preferences."},
|
|
{
|
|
id: "faq4", title: "Is there parking available?", content: "As we are located on Ledras Street, a pedestrian area, nearby public parking lots are available within a short walking distance. We recommend parking at the Municipal Parking or Phaneromeni Church Parking."},
|
|
{
|
|
id: "faq5", title: "Can you accommodate large groups?", content: "Absolutely! For groups larger than 8 people, please contact us in advance so we can arrange the best seating and service for your party."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about Fisa & Masa Tavern, from reservations to dietary needs."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="Connect With Fisa & Masa Tavern"
|
|
description="Ready to experience the true taste of Cyprus? Contact us for reservations, inquiries, or just to say hello! We look forward to welcoming you."
|
|
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-olten-trimbach-river-aare-switzerland_181624-20416.jpg"
|
|
imageAlt="Map of Fisa & Masa Tavern location on Ledras Street"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Your Email for Newsletter"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive promotional emails from Fisa & Masa Tavern."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/catering-logo-template-collection_23-2149014896.jpg"
|
|
logoAlt="Fisa & Masa Tavern Logo"
|
|
logoText="Fisa & Masa Tavern"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Menu", href: "#products"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Our Location", items: [
|
|
{
|
|
label: "Ledras 55, Nicosia 1011, Cyprus", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
|
|
{
|
|
label: "+357 22 730571", href: "tel:+35722730571"},
|
|
{
|
|
label: "Open daily: 12 PM - 10:30 PM", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/fisa_masa"},
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "TripAdvisor", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2023 Fisa & Masa Tavern. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |