177 lines
9.9 KiB
TypeScript
177 lines
9.9 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Award, Clock, Flame, Leaf, ShieldCheck, ChefHat, Utensils, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Anasayfa", id: "hero" },
|
||
{ name: "Hakkımızda", id: "about" },
|
||
{ name: "Menü", id: "menu" },
|
||
{ name: "İletişim", id: "contact" },
|
||
]}
|
||
brandName="Tezgeller"
|
||
button={{ text: "Sipariş Ver", href: "#" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{ variant: "radial-gradient" }}
|
||
title="Tezgeller'de Lezzetin Adresi"
|
||
description="Sakarya Erenler'de geleneksel kebap ve pide kültürünü en taze ve lezzetli haliyle sunuyoruz. Sizleri bekliyoruz."
|
||
kpis={[
|
||
{ value: "4.1", label: "Google Puanı" },
|
||
{ value: "489", label: "Mutlu Müşteri" },
|
||
{ value: "23:30", label: "Kapanış Saati" },
|
||
]}
|
||
enableKpiAnimation={true}
|
||
buttons={[{ text: "Hemen Sipariş Ver", href: "#" }]}
|
||
imageSrc="https://img.b2bpic.net/free-photo/lahmacun-with-lemons-greens_140725-134.jpg?id=5937958"
|
||
imageAlt="Kebap tabağı sunumu"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/close-up-friends-dining-out_23-2149212186.jpg", alt: "Müşteri 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-indoors_23-2148972802.jpg", alt: "Müşteri 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/young-beauty-woman-eating-healthy-food-sitting-beautiful-interior-with-green-flowers_231208-4742.jpg", alt: "Müşteri 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/close-up-man-woman-table_23-2148899035.jpg", alt: "Müşteri 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg", alt: "Müşteri 5" },
|
||
]}
|
||
avatarText="500+ Mutlu Müşteri"
|
||
marqueeItems={[
|
||
{ type: "text-icon", text: "Taze Malzeme", icon: Leaf },
|
||
{ type: "text-icon", text: "Geleneksel Tarif", icon: Flame },
|
||
{ type: "text-icon", text: "Hızlı Servis", icon: Clock },
|
||
{ type: "text-icon", text: "Hijyenik Ortam", icon: ShieldCheck },
|
||
{ type: "text-icon", text: "Lezzet Garantisi", icon: Award },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="Geleneksel Lezzet, Modern Hizmet"
|
||
description="Yılların tecrübesiyle hazırladığımız adana kebap, pide ve döner çeşitlerimizde kaliteyi ve tazeliği ön planda tutuyoruz. Hacıoğlu'ndaki mekanımızda sizleri ağırlamaktan mutluluk duyarız."
|
||
imageSrc="https://img.b2bpic.net/free-photo/turkish-pide-with-cheese-meat_140725-3087.jpg?id=6752003"
|
||
imageAlt="Restoran iç mekan"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "Adana Kebap", description: "Özel baharatlarla harmanlanmış kıyma kebabı.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-adana-kebab-with-rice-fried-vegetables-chopped-onion-ayran-white-plate_176474-3280.jpg", buttonIcon: ChefHat },
|
||
{ title: "İskender Döner", description: "Bol soslu ve tereyağlı leziz döner.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-vegetables-with-minced-meat-brown-wooden-desk-food-meat-meal_140725-26164.jpg", buttonIcon: Utensils },
|
||
{ title: "Künefe", description: "Sıcak ve peyniri uzayan geleneksel künefe.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-turkish-dessert-kunefe-with-pistachio-powder-cheese-wooden-table_140725-10334.jpg", buttonIcon: Star },
|
||
{ title: "Tavuk Şiş", description: "Terbiyeli yumuşacık tavuk şiş.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-wooden-board_141793-1370.jpg", buttonIcon: Flame },
|
||
]}
|
||
title="Öne Çıkan Lezzetlerimiz"
|
||
description="Ustalarımızın elinden çıkan en beğenilen ürünlerimizi mutlaka deneyin."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "1", name: "Adana Kebap", price: "200-400 TL", imageSrc: "http://img.b2bpic.net/free-photo/mixed-kebab-selection-with-vegetables_140725-2807.jpg" },
|
||
{ id: "2", name: "Tavuk Şiş", price: "200-400 TL", imageSrc: "http://img.b2bpic.net/free-photo/front-view-khan-kebab-with-grilled-hot-pepper-tomato-with-onions-herbs_141793-4626.jpg" },
|
||
{ id: "3", name: "Künefe", price: "100-200 TL", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-red-currants-three-apples-cup-tea-forks-cinnamon_140725-123503.jpg" },
|
||
{ id: "4", name: "İskender", price: "200-400 TL", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bowl-delicious-meat-dish-wooden-table_181624-35288.jpg" },
|
||
{ id: "5", name: "Karışık Kebap", price: "300-400 TL", imageSrc: "http://img.b2bpic.net/free-photo/lula-kebab-with-rice-salad-vegetables-top-view_140725-11296.jpg" },
|
||
{ id: "6", name: "Kuzu Şiş", price: "250-400 TL", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-table_140725-9674.jpg" },
|
||
]}
|
||
title="Menümüz"
|
||
description="Her damak tadına uygun zengin ürün çeşitlerimiz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "1", name: "Tayfun Mert", handle: "@tayfunmert", testimonial: "Lezzetleri çok iyi, fiyat/performans açısından gayet başarılı.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-enjoying-fresh-sushi_169016-1395.jpg" },
|
||
{ id: "2", name: "Z Y", handle: "@zy", testimonial: "Karşılama ve hizmet çok güzel, İskender'i denedik, çok beğendik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-blank-speech-bubble-sign-with-hand-ching-smiling-thinking-standing-orange-wall_141793-61356.jpg" },
|
||
{ id: "3", name: "Mustafa D.", handle: "@mustafad", testimonial: "Lezzet fena değil, ortam ve yemekleri tavsiye ederim.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-blank-speech-bubble-sign-looking-aside-displeased-standing-orange-wall_141793-61355.jpg" },
|
||
{ id: "4", name: "Ayşe K.", handle: "@aysek", testimonial: "Sürekli geliyoruz, pideleri şahane. Çalışanlar çok ilgili.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-family-dinner-table_23-2148610957.jpg" },
|
||
{ id: "5", name: "Mehmet S.", handle: "@mehmets", testimonial: "Erenler'in en iyi kebapçılarından, kesinlikle denenmeli.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-pouring-drink_23-2150154682.jpg" },
|
||
]}
|
||
showRating={true}
|
||
title="Müşterilerimiz Ne Dedi?"
|
||
description="Misafirlerimizin memnuniyeti bizim en büyük motivasyonumuz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{ id: "1", title: "Paket servisiniz var mı?", content: "Evet, tüm menümüzü paket servis olarak sipariş edebilirsiniz." },
|
||
{ id: "2", title: "Kaça kadar açığız?", content: "Haftanın her günü 23:30'a kadar açığız." },
|
||
{ id: "3", title: "Rezervasyon gerekli mi?", content: "Yoğun saatlerde rezervasyon yaptırmanız önerilir." },
|
||
]}
|
||
title="Sıkça Sorulan Sorular"
|
||
description="Restoranımız hakkında merak ettikleriniz."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{ variant: "gradient-bars" }}
|
||
text="Bize Ulaşın: 0264 241 02 54 | Hacıoğlu, Mehmet Akif Ersoy Cd. No:5, Erenler/Sakarya"
|
||
buttons={[{ text: "Yol Tarifi Al", href: "https://maps.google.com" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{ title: "Menü", items: [{ label: "Kebaplar", href: "#" }, { label: "Pideler", href: "#" }, { label: "Tatlılar", href: "#" }] },
|
||
{ title: "İletişim", items: [{ label: "Bize Ulaşın", href: "#" }, { label: "Konum", href: "#" }] },
|
||
{ title: "Sosyal", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||
]}
|
||
logoText="Tezgeller Restoran"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|