289 lines
16 KiB
TypeScript
289 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Fish, Grape, Smile } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLarge"
|
||
background="grid"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "Hakkımızda", id: "#restaurant-story"},
|
||
{
|
||
name: "Mezeler", id: "#mezze-experience"},
|
||
{
|
||
name: "Deniz Ürünleri", id: "#seafood"},
|
||
{
|
||
name: "Atmosfer", id: "#atmosphere"},
|
||
{
|
||
name: "Yorumlar", id: "#reviews"},
|
||
{
|
||
name: "Galeri", id: "#gallery"},
|
||
{
|
||
name: "Rezervasyon", id: "#reservation-contact"},
|
||
{
|
||
name: "Konum", id: "#location-info"},
|
||
]}
|
||
brandName="Mezze Teras Restaurant"
|
||
button={{
|
||
text: "Rezervasyon Yap", href: "#reservation-contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-animated"}}
|
||
title="Güzelbahçe’de Denizle Buluşan Lezzet"
|
||
description="Taze deniz ürünleri, özenle hazırlanan mezeler ve İzmir Körfezi manzarası eşliğinde unutulmaz bir akşam."
|
||
buttons={[
|
||
{
|
||
text: "Rezervasyon Yap", href: "#reservation-contact"},
|
||
{
|
||
text: "Menüyü İncele", href: "#seafood"},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "1", imageAlt: "Seaside restaurant at sunset", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-parachutes-flying-breathtaking-sunset_181624-1325.jpg?_wi=2"},
|
||
{
|
||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-stuffed-grape-leaves-with-different-types-salads-glass-wine-table-with-trees-background-high-angle-view_176474-4002.jpg", imageAlt: "Seaside restaurant terrace with sunset view"},
|
||
{
|
||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-around-world_23-2151937378.jpg", imageAlt: "Elegant restaurant with sea panorama"},
|
||
{
|
||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/tasty-seafood-table-high-angle_23-2149410758.jpg", imageAlt: "Fresh seafood platter on dining table"},
|
||
{
|
||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/various-food-with-glass-wine_141793-847.jpg", imageAlt: "Luxury Mediterranean restaurant interior"},
|
||
{
|
||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-olives-bread_23-2148364487.jpg", imageAlt: "Traditional Turkish mezze selection"},
|
||
]}
|
||
autoPlay={true}
|
||
autoPlayInterval={4000}
|
||
/>
|
||
</div>
|
||
|
||
<div id="restaurant-story" data-section="restaurant-story">
|
||
<AboutMetric
|
||
useInvertedBackground={true}
|
||
title="Mezze Teras Deneyimi"
|
||
metrics={[
|
||
{
|
||
icon: Fish,
|
||
label: "Taze Deniz Ürünleri", value: "Günlük Yakala"},
|
||
{
|
||
icon: Grape,
|
||
label: "Ege Lezzetleri", value: "Geleneksel Tatlar"},
|
||
{
|
||
icon: Smile,
|
||
label: "Sıcak Misafirperverliği", value: "Unutulmaz Anlar"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="mezze-experience" data-section="mezze-experience">
|
||
<FeatureCardTwentyEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "1", title: "Girit Ezme", subtitle: "Özel peynir ve baharatlarla", category: "Meze", value: "Popüler"},
|
||
{
|
||
id: "2", title: "Deniz Börülcesi", subtitle: "Ege'den taptaze", category: "Zeytinyağlı", value: "Tercih edilen"},
|
||
{
|
||
id: "3", title: "Kalamar Tava", subtitle: "Çıtır çıtır, marine edilmiş", category: "Ara Sıcak", value: "Favori"},
|
||
]}
|
||
title="İmza Mezelerimiz"
|
||
description="Günlük taze mezeler, özenle seçilmiş Ege otları ve zeytinyağlılarımızla eşsiz bir başlangıç."
|
||
/>
|
||
</div>
|
||
|
||
<div id="seafood" data-section="seafood">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "1", name: "Izgara Lagos", price: "Mevsim Fiyatı", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-fish-tomatoes-garlic-greens-pomegranate-different-spices-small-bowls-table-free-space_179666-46485.jpg", imageAlt: "Grilled Lagos fish"},
|
||
{
|
||
id: "2", name: "Fener Kavurma", price: "Mevsim Fiyatı", imageSrc: "http://img.b2bpic.net/free-photo/fish-salad-with-lime-chili-lemongrass-onions-red-onions-parsley-kaffir-lime-leaves-plate_1150-27116.jpg", imageAlt: "Sautéed Monkfish"},
|
||
{
|
||
id: "3", name: "Çipura", price: "Mevsim Fiyatı", imageSrc: "http://img.b2bpic.net/free-photo/cauliflower-marinated-chicken-drumstick-cutting-board-trivet_114579-86146.jpg", imageAlt: "Grilled Sea Bream"},
|
||
{
|
||
id: "4", name: "Levrek", price: "Mevsim Fiyatı", imageSrc: "http://img.b2bpic.net/free-photo/baked-chicken-garnished-with-asparagus-herbs_2829-11074.jpg", imageAlt: "Baked Sea Bass"},
|
||
{
|
||
id: "5", name: "Karides Güveç", price: "Mevsim Fiyatı", imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-dish-black-tagliatelle-with-seafood_501050-769.jpg", imageAlt: "Shrimp Casserole"},
|
||
{
|
||
id: "6", name: "Kılıç Şiş", price: "Mevsim Fiyatı", imageSrc: "http://img.b2bpic.net/free-photo/chicken-grilled-skewers-with-vegetables-with-copy-space_23-2148632606.jpg", imageAlt: "Swordfish Skewers"},
|
||
]}
|
||
title="Günlük Taze Deniz Mahsulleri"
|
||
description="İzmir Körfezi'nin bereketli sularından sofranıza, usta şeflerimizin özel tarifleriyle."
|
||
/>
|
||
</div>
|
||
|
||
<div id="atmosphere" data-section="atmosphere">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "1", value: "Gün Batımı", title: "Romantik Akşamlar", description: "Körfezin üzerinde batan güneşin eşsiz renkleriyle.", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-having-coffee-together-caf_23-2147871314.jpg", imageAlt: "Romantic sunset dining"},
|
||
{
|
||
id: "2", value: "Su Kenarı", title: "Sakin Sohbetler", description: "Denizin dingin sesi eşliğinde unutulmaz yemekler.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-sangria-party-by-beach_23-2149481153.jpg", imageAlt: "Waterfront seating"},
|
||
{
|
||
id: "3", value: "Ailecek", title: "Kutlamalarınız İçin", description: "Özel günleriniz için sıcak ve samimi bir ortam.", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153735.jpg", imageAlt: "Family gathering"},
|
||
]}
|
||
title="Eşsiz Atmosferimiz"
|
||
description="Mezze Teras'ta her anınız, İzmir Körfezi'nin huzurlu manzarasıyla birleşen özel bir anıya dönüşür."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Ayşe Yılmaz", handle: "İzmir", testimonial: "Mezze Teras'taki balıkların tazeliği ve lezzeti tek kelimeyle muhteşemdi. Manzara da harika!", imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-female-model-rests-restaurant-drinks-fresh-summer-cocktail-points-with-fore-finger-aside-has-happy-expression-enjoys-good-rest-people-recreation-leisure-concept_273609-3015.jpg", imageAlt: "Ayşe Yılmaz portrait"},
|
||
{
|
||
id: "2", name: "Can Demir", handle: "İstanbul", testimonial: "Servis çok ilgili ve hızlıydı. Özellikle ahtapot ızgarayı denemenizi tavsiye ederim.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113283.jpg", imageAlt: "Can Demir portrait"},
|
||
{
|
||
id: "3", name: "Elif Kara", handle: "Ankara", testimonial: "Romantik bir akşam yemeği için mükemmel bir yer. Gün batımı eşliğinde mezeler harikaydı.", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-taking-selfie-with-mobile-phone-while-enjoying-meal-together-restaurant-friends-concept_58466-16029.jpg", imageAlt: "Elif Kara portrait"},
|
||
{
|
||
id: "4", name: "Murat Güneş", handle: "Bursa", testimonial: "Ailecek gittiğimiz Mezze Teras'ta çok keyifli vakit geçirdik. Çocuklar da balıkları çok sevdi.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149001346.jpg", imageAlt: "Murat Güneş portrait"},
|
||
{
|
||
id: "5", name: "Zeynep Akın", handle: "Antalya", testimonial: "Menüdeki çeşitlilik ve her yemeğin kalitesi çok yüksek. İzmir'e geldiğimde mutlaka uğrarım.", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-laughing-with-scarf-around-her-neck_150588-144.jpg", imageAlt: "Zeynep Akın portrait"},
|
||
]}
|
||
title="Misafir Yorumları"
|
||
description="Deneyimlerini paylaşan misafirlerimizden gelen samimi geri bildirimler."
|
||
topMarqueeDirection="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<TeamCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
members={[
|
||
{
|
||
id: "1", name: "Mezeler", role: "Ege mutfağının incileri", description: "Geleneksel ve modern dokunuşlarla hazırlanan eşsiz mezeler.", imageSrc: "http://img.b2bpic.net/free-photo/crab-sticks-with-greens-white-plate_114579-39637.jpg", imageAlt: "Assortment of mezze dishes"},
|
||
{
|
||
id: "2", name: "Deniz Ürünleri", role: "Günlük ve taptaze balıklar", description: "İzmir Körfezi'nden günlük taze deniz ürünleri ile lezzet şöleni.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-wooden-board-salted-lemon-pickles_141793-17506.jpg", imageAlt: "Freshly grilled fish"},
|
||
{
|
||
id: "3", name: "Mekan", role: "Modern ve huzurlu atmosfer", description: "Deniz manzaralı terasımızda keyifli ve unutulmaz anlar.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18738.jpg", imageAlt: "Restaurant interior design"},
|
||
{
|
||
id: "4", name: "Gün Batımı", role: "İzmir Körfezi'nin büyüleyici renkleri", description: "Akşam yemeklerinizi eşsiz gün batımı manzarasıyla taçlandırın.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-sky_58702-10543.jpg", imageAlt: "Sunset over Izmir Gulf"},
|
||
{
|
||
id: "5", name: "Misafirler", role: "Keyifli anılar biriktirenler", description: "Aile ve dostlarınızla özel anlarınızı bizimle paylaşın.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg", imageAlt: "Happy guests dining"},
|
||
{
|
||
id: "6", name: "Şefin Özel", role: "Ödüllü lezzetler", description: "Şefimizin özel tarifleri ile hazırlanan benzersiz tatlar.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-eating-cake-with-spoon_23-2148028538.jpg", imageAlt: "Chef presenting a special dish"},
|
||
]}
|
||
title="Foto Galeri"
|
||
description="Mezze Teras'ın en özel anları, lezzetleri ve manzaraları..."
|
||
/>
|
||
</div>
|
||
|
||
<div id="location-info" data-section="location-info">
|
||
<FaqSplitText
|
||
useInvertedBackground={true}
|
||
sideTitle="Bize Ulaşın"
|
||
sideDescription="Maltepe Mahallesi, Mithatpaşa Caddesi No:8\nGüzelbahçe / İzmir\nTelefon: 0532 204 49 99\n\nGoogle Haritalar üzerinden konumumuzu görüntüleyin."
|
||
faqs={[]}
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reservation-contact" data-section="reservation-contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Rezervasyon"
|
||
title="Bu Akşam İçin Yeriniz Hazır"
|
||
description="Taze deniz ürünleri ve eşsiz İzmir Körfezi manzarası eşliğinde unutulmaz bir akşam yemeği için hemen yerinizi ayırtın. \n\nLütfen aşağıdaki bilgileri doldurarak rezervasyon talebinizi iletin:\nAd Soyad, Telefon, Kişi Sayısı, Tarih, Saat, Mesaj."
|
||
inputPlaceholder="Adınız Soyadınız"
|
||
buttonText="Rezervasyon Talebi Gönder"
|
||
termsText="Telefon veya e-posta yoluyla rezervasyonunuz teyit edilecektir."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoSrc="http://img.b2bpic.net/free-photo/mothers-day-concept-with-candle_23-2147797094.jpg"
|
||
logoAlt="Mezze Teras Restaurant Logo"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Home", href: "#hero"},
|
||
{
|
||
label: "Mezeler", href: "#mezze-experience"},
|
||
{
|
||
label: "Galeri", href: "#gallery"},
|
||
{
|
||
label: "Rezervasyon", href: "#reservation-contact"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Telefon: 0532 204 49 99", href: "tel:05322044999"},
|
||
{
|
||
label: "E-posta: info@mezzeteras.com", href: "mailto:info@mezzeteras.com"},
|
||
{
|
||
label: "Adres", href: "#location-info"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Instagram", href: "#"},
|
||
{
|
||
label: "Facebook", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Mezze Teras Restaurant"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|