202 lines
12 KiB
TypeScript
202 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Award, Clock, MapPin, MessageCircle, Phone, Star, Users } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="Meşhur Urfalım Keçiören"
|
||
navItems={[
|
||
{ name: "Menü", id: "menu" },
|
||
{ name: "Hakkımızda", id: "about" },
|
||
{ name: "Galeri", id: "gallery" },
|
||
{ name: "İletişim", id: "contact" }
|
||
]}
|
||
button={{ text: "📞 Hemen Ara", href: "tel:+905303094950" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
title="Keçiören'de Gerçek Urfa Kebap Deneyimi"
|
||
description="Bol ikramlı, taze ve ustasından hazırlanan lezzetli kebaplar. Meşhur Urfalım Keçiören'de aile ve arkadaşlarınızla unutulmaz bir yemek deneyimi yaşayın."
|
||
background={{ variant: "radial-gradient" }}
|
||
tag="🔥 Keçiören'in Favorisi"
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "📞 Hemen Ara", href: "tel:+905303094950" },
|
||
{ text: "🛵 Sipariş Ver", href: "#contact" },
|
||
{ text: "🍽 Menüye Bak", href: "#menu" }
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ho70wv"
|
||
imageAlt="Lezzetli Urfa kebap"
|
||
mediaAnimation="slide-up"
|
||
imagePosition="right"
|
||
fixedMediaHeight={true}
|
||
className="py-12 md:py-20"
|
||
containerClassName="max-w-7xl mx-auto px-4"
|
||
titleClassName="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight"
|
||
descriptionClassName="text-lg md:text-xl text-gray-600 leading-relaxed"
|
||
buttonContainerClassName="flex flex-wrap gap-3 md:gap-4"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-metrics" data-section="about-metrics">
|
||
<AboutMetric
|
||
title="Keçiören'in En Güvenilir Kebap Restoranı"
|
||
metrics={[
|
||
{ icon: Star, label: "Google Puanı", value: "4.8/5" },
|
||
{ icon: Users, label: "Müşteri Yorumu", value: "196+" },
|
||
{ icon: Award, label: "Yılları Hizmet", value: "Başarılı" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
className="py-16 md:py-24"
|
||
containerClassName="max-w-5xl mx-auto px-4"
|
||
titleClassName="text-3xl md:text-4xl font-bold text-center mb-12"
|
||
metricsContainerClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardThree
|
||
title="Popüler Menülerimiz"
|
||
description="Müşterilerimizin en çok seviği özel kebap ve mezeler. Her bir yemek en taze malzemelerle usta şeflerimiz tarafından hazırlanır."
|
||
tag="🍖 Özel Seçimler"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
products={[
|
||
{ id: "adana", name: "Adana Kebap", price: "₺450-550", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s1qy6x", imageAlt: "Adana Kebap" },
|
||
{ id: "beyti", name: "Beyti", price: "₺480-580", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jj9esm", imageAlt: "Beyti Kebap" },
|
||
{ id: "doner", name: "Ankara Döneri", price: "₺420-520", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h30nkz", imageAlt: "Ankara Döneri" },
|
||
{ id: "pide", name: "Pideler", price: "₺380-450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aejrw5", imageAlt: "Türk Pidesi" },
|
||
{ id: "mezze", name: "Mezeler Tabağı", price: "₺350-420", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4vaxqi", imageAlt: "Türk Mezeler" },
|
||
{ id: "eggplant", name: "Patlıcan Salatası", price: "₺120-150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=czkmj5", imageAlt: "Patlıcan Salatası" }
|
||
]}
|
||
className="py-16 md:py-24"
|
||
containerClassName="max-w-6xl mx-auto px-4"
|
||
textBoxTitleClassName="text-3xl md:text-4xl font-bold mb-4"
|
||
textBoxDescriptionClassName="text-gray-600 text-lg mb-12"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNineteen
|
||
title="Neden Meşhur Urfalım'ı Tercih Etmelisiniz?"
|
||
description="Kalite, lezzet ve müşteri memnuniyeti bizim değerlerimiz. Her gün taze malzemeler ile hazırlanan özel kebaplarımız sizin beğeninizi kazanmaya hazır."
|
||
tag="✨ Neden Biz"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: 1, tag: "Lezzet", title: "Gerçek Urfa Usulü Kebap", subtitle: "Tradisyonel Tarif", description: "Keçiören'de sunulan en autentik Urfa kebap. Usta şeflerimiz, yıllardır gelen geleneksel tarifle lezzetli kebaplar hazırlamaktadır." },
|
||
{ id: 2, tag: "Bol İkramlı", title: "Geniş ve Doyurucu Porsiyon", subtitle: "Ailenin Favorisi", description: "Aspava tarzı bol ikramlı servisimiz. Salata, mezeler ve garnitürlerle zengin bir sofra deneyimi sunuyoruz." },
|
||
{ id: 3, tag: "Şeflik", title: "Usta Şefler", subtitle: "Deneyimli Ekip", description: "Yılların deneyimi ile gelen usta şeflerimiz. Her gün en taze malzemelerle lezzetli yemekler hazırlıyor." },
|
||
{ id: 4, tag: "Hızlı Servis", title: "Paket Servis ve Gel-Al", subtitle: "Çabuk Teslim", description: "WhatsApp üzerinden hızlı sipariş, motosiklet ile evine teslim. Ya da arabana direkt teslim alma seçeneği." }
|
||
]}
|
||
className="py-16 md:py-24"
|
||
containerClassName="max-w-6xl mx-auto px-4"
|
||
textBoxTitleClassName="text-3xl md:text-4xl font-bold mb-4"
|
||
textBoxDescriptionClassName="text-gray-600 text-lg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Pideleri çıtır ve sulu, kebaplar gerçekten çok lezzetli. Keçiören'de böyle kaliteli kebap restoranı nadir bulunur. Tavsiye ederim!"
|
||
rating={5}
|
||
author="Ahmet K."
|
||
avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ihoy", alt: "Müşteri - Ahmet K." }]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
className="py-16 md:py-24"
|
||
containerClassName="max-w-3xl mx-auto px-4"
|
||
testimonialClassName="text-lg md:text-xl text-center mb-6 italic"
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<BlogCardOne
|
||
title="Restoran Galeri"
|
||
description="Meşhur Urfalım'dan yakın görüntüler. Kebaplarımız, restoran ortamımız ve müşteri memnuniyetimiz."
|
||
tag="📸 Göz At"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
blogs={[
|
||
{ id: "gallery-1", category: "İçeride Servis", title: "Restoran İçerisinde", excerpt: "Sıcak ortam ve rahat masalarımız. Aileniz ve arkadaşlarınızla keyifli zaman geçirin.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nzllg", imageAlt: "Restoran İçerisinde", authorName: "Meşhur Urfalım", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ihoy", date: "2025" },
|
||
{ id: "gallery-2", category: "Profesyonel Servis", title: "Hızlı ve Nazik Servis", excerpt: "Profesyonel ve dost canlı personelimiz. Her müşteri bizim için önemlidir.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73pz1z", imageAlt: "Profesyonel Servis", authorName: "Meşhur Urfalım", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w086b0", date: "2025" },
|
||
{ id: "gallery-3", category: "Özel Mezeler", title: "Yoğurtlu Mezeler", excerpt: "Patlıcan salatası ve diğer özel mezelerimiz. Taze ve sağlıklı seçimler.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=czkmj5", imageAlt: "Yoğurtlu Mezeler", authorName: "Meşhur Urfalım", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nojyno", date: "2025" }
|
||
]}
|
||
className="py-16 md:py-24"
|
||
containerClassName="max-w-6xl mx-auto px-4"
|
||
textBoxTitleClassName="text-3xl md:text-4xl font-bold mb-4"
|
||
textBoxDescriptionClassName="text-gray-600 text-lg mb-12"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="📍 Konum & İletişim"
|
||
title="Şimdi İletişime Geç"
|
||
description="Rezervasyon, sipariş veya sorularınız için bize ulaşın. Telefon, WhatsApp veya form aracılığıyla bize yazabilirsiniz."
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "radial-gradient" }}
|
||
useInvertedBackground={true}
|
||
inputPlaceholder="Adınız ve mesajınız..."
|
||
buttonText="Gönder"
|
||
mediaPosition="right"
|
||
mediaAnimation="slide-up"
|
||
className="py-16 md:py-24"
|
||
containerClassName="max-w-5xl mx-auto px-4"
|
||
titleClassName="text-3xl md:text-4xl font-bold mb-4"
|
||
descriptionClassName="text-gray-600 text-lg mb-8"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Meşhur Urfalım Keçiören"
|
||
copyrightText="© 2025 Meşhur Urfalım Keçiören | Tüm Hakları Saklıdır"
|
||
socialLinks={[
|
||
{ icon: Phone, href: "tel:+905303094950", ariaLabel: "Telefon" },
|
||
{ icon: MessageCircle, href: "https://wa.me/905303094950", ariaLabel: "WhatsApp" },
|
||
{ icon: MapPin, href: "https://maps.google.com/?q=Şenlik,+Kızlarpınarı+Cd.+No:119/A,+06310+Keçiören+Ankara", ariaLabel: "Konum" },
|
||
{ icon: Clock, href: "#", ariaLabel: "Açık Kalma Saatleri" }
|
||
]}
|
||
className="py-12"
|
||
containerClassName="max-w-6xl mx-auto px-4"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |