216 lines
10 KiB
TypeScript
216 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import { CreditCard, Heart, MapPin, Users, Utensils } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="fluid"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "home"},
|
||
{
|
||
name: "Story", id: "story"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
]}
|
||
brandName="Manolis’ Hidden Tavern"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="A Hidden Gem of Greek Flavor"
|
||
description="Where locals eat. Where every dish tells a story. Rediscover the authentic taste of tradition in our secret tavern."
|
||
testimonials={[
|
||
{
|
||
name: "Traveler Review", handle: "@guest", testimonial: "The atmosphere is rustic and full of character. A small, authentic tavern right next to the church bell tower. Outstanding home cooking.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg?_wi=1"},
|
||
{
|
||
name: "Local Guest", handle: "@local", testimonial: "10/10 — food, service, everything. Always fresh, always homemade, and truly welcoming.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg?_wi=2"},
|
||
{
|
||
name: "Foodie Visitor", handle: "@traveler", testimonial: "We came back multiple times — and every time, we were the only foreigners. That is always a sign of quality.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg?_wi=3"},
|
||
{
|
||
name: "Happy Customer", handle: "@diner", testimonial: "Perfect atmosphere, traditional and authentic. The meat was perfectly cooked every time.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg?_wi=4"},
|
||
{
|
||
name: "Returning Guest", handle: "@regular", testimonial: "A true hidden gem and a culinary highlight. €15 per person for food and drinks — plus free dessert!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg?_wi=5"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Book a Table", href: "#contact"},
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fried-meat-bones-with-fried-vegetables-sauce-table-food-meal-dinner-restaurant_140725-28155.jpg"
|
||
imageAlt="Authentic Greek tavern table"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg", alt: "Diner 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg", alt: "Diner 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg", alt: "Diner 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg", alt: "Diner 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491776.jpg", alt: "Diner 5"},
|
||
]}
|
||
avatarText="Join our local circle of friends"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Authentic Greek Cuisine"},
|
||
{
|
||
type: "text-icon", text: "Homemade Recipes", icon: Utensils,
|
||
},
|
||
{
|
||
type: "text", text: "Hidden Tavern Gem"},
|
||
{
|
||
type: "text-icon", text: "Family Hospitality", icon: Heart,
|
||
},
|
||
{
|
||
type: "text", text: "Fresh Daily Ingredients"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="story" data-section="story">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Our Story"
|
||
description="We are not just another restaurant. We are the place locals will quietly recommend. A table filled with flavors, laughter, and stories. At Manolis’ Tavern, every dish is cooked the traditional way, every ingredient is fresh, and every guest becomes part of the family."
|
||
imageSrc="http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-843.jpg"
|
||
imageAlt="Manolis Tavern family hospitality"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1", name: "Perfectly Grilled Meats", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-skewer-tray-with-red-pepper_23-2148699100.jpg"},
|
||
{
|
||
id: "2", name: "Traditional Greek Sides", price: "Outstanding", imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-top-view_140725-11238.jpg?_wi=1"},
|
||
{
|
||
id: "3", name: "Sweet House Dessert", price: "On the House", imageSrc: "http://img.b2bpic.net/free-photo/front-view-baked-fruit-cake-delicious-sliced-with-red-cherries-inside-sugar-powder-inside-round-green-plate-pink_140725-23930.jpg"},
|
||
{
|
||
id: "4", name: "Rustic Atmosphere", price: "Real", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918999.jpg"},
|
||
{
|
||
id: "5", name: "Nearby Landmark", price: "Church Tower", imageSrc: "http://img.b2bpic.net/free-photo/tower-torre-des-carregador-spain_181624-43431.jpg"},
|
||
{
|
||
id: "6", name: "Locals' Choice", price: "Hidden Gem", imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-top-view_140725-11238.jpg?_wi=2"},
|
||
]}
|
||
title="Dishes You’ll Remember"
|
||
description="Homemade recipes — no shortcuts. Every plate is made with care."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureBento
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Locals Only", description: "Where the locals eat, away from the tourist crowds.", bentoComponent: "reveal-icon", icon: MapPin,
|
||
},
|
||
{
|
||
title: "Family Owned", description: "Genuine, warm, and friendly Greek family hospitality.", bentoComponent: "reveal-icon", icon: Users,
|
||
},
|
||
{
|
||
title: "Affordable Price", description: "An authentic experience that is surprisingly affordable.", bentoComponent: "reveal-icon", icon: CreditCard,
|
||
},
|
||
]}
|
||
title="Why Choose Us"
|
||
description="Discover why those who visit always come back to the local's favorite spot."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Book Your Table Today"
|
||
description="Ready to experience the real taste of Greece? Contact us now to reserve your spot."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||
},
|
||
{
|
||
name: "date", type: "date", placeholder: "Preferred Date", required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Any special requests?", rows: 4,
|
||
required: false,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-traditional-japanese-food_23-2148759579.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "Book Now", href: "#contact"},
|
||
{
|
||
label: "See Menu", href: "#menu"},
|
||
{
|
||
label: "Our Story", href: "#story"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "Directions", href: "#"},
|
||
{
|
||
label: "Call Us", href: "tel:+"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Manolis’ Hidden Tavern"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|