This commit is contained in:
AyrisAI
2026-07-11 16:15:26 +03:00
parent ccb923e57a
commit ac78e5bf40
16 changed files with 504 additions and 322 deletions
+57 -21
View File
@@ -18,7 +18,7 @@ export async function generateMetadata({ params }: { params: Promise<{ lang: str
});
}
const menuCategories = [
const menuCategoriesTr = [
{
icon: Coffee,
name: "Serpme Kahvaltı",
@@ -42,7 +42,35 @@ const menuCategories = [
},
];
export default function RestoranPage() {
const menuCategoriesEn = [
{
icon: Coffee,
name: "Breakfast Spread",
desc: "Start the day energized with local cheeses, homemade jams, organic olive oil, and freshly baked village bread.",
hours: "08:30 11:30",
highlight: "Local Products",
},
{
icon: UtensilsCrossed,
name: "Lunch & Dinner",
desc: "Daily fresh seafood, Aegean olive oil appetizers (meze), and select pasta from Italian cuisine for dinner.",
hours: "12:00 23:00",
highlight: "Fresh Aegean Cuisine",
},
{
icon: Wine,
name: "Lounge & Bar",
desc: "Delightful moments against the sunset with signature cocktails prepared by our mixologists, local wines, and Turkish raki.",
hours: "16:00 01:00",
highlight: "Sunset View",
},
];
export default async function RestoranPage({ params }: { params: Promise<{ lang: string }> }) {
const { lang } = await params;
const isEn = lang === "en";
const displayMenuCategories = isEn ? menuCategoriesEn : menuCategoriesTr;
return (
<div className="min-h-screen bg-background">
@@ -51,21 +79,22 @@ export default function RestoranPage() {
<div className="absolute inset-0">
<Image
src="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=2940&auto=format&fit=crop"
alt="Restoran & Bar"
alt={isEn ? "Restaurant & Bar" : "Restoran & Bar"}
fill
sizes="100vw"
className="object-cover"
/>
<div className="absolute inset-0 bg-gradient-to-t from-dark/85 via-dark/30 to-black/20" />
</div>
<div className="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-14 w-full">
<span className="block text-accent text-xs tracking-[0.3em] uppercase font-semibold mb-3 animate-fade-up">
Lezzetler
{isEn ? "Flavors" : "Lezzetler"}
</span>
<h1 className="font-serif text-5xl md:text-7xl text-white font-bold animate-fade-up delay-100">
Restoran & Bar
{isEn ? "Restaurant & Bar" : "Restoran & Bar"}
</h1>
<p className="text-white/60 text-lg mt-3 font-light animate-fade-up delay-200">
Ege lezzetleri ve nehir manzarası.
{isEn ? "Aegean flavors and river view." : "Ege lezzetleri ve nehir manzarası."}
</p>
</div>
</section>
@@ -75,15 +104,17 @@ export default function RestoranPage() {
<div className="max-w-3xl mx-auto px-4 sm:px-6 text-center">
<ScrollReveal>
<span className="inline-block text-accent text-xs tracking-[0.25em] uppercase font-semibold mb-5">
Mutfağımız
{isEn ? "Our Kitchen" : "Mutfağımız"}
</span>
<h2 className="font-serif text-4xl font-bold text-dark mb-6">
Tazeden, Yerelden, Sevgiyle
{isEn ? "Fresh, Local, With Love" : "Tazeden, Yerelden, Sevgiyle"}
</h2>
<p className="text-gray-500 leading-relaxed text-[15px]">
Şeflerimizin özenle hazırladığı taze Ege mutfağı lezzetleri, organik kahvaltılıklar ve
imza kokteyllerimizle Kite Beach Restoran'da günün her saati kendinizi şımartın.
Azmak nehrinin hemen kenarında, ahşap terasımızda yemeğinizin tadını çıkarın.
{isEn ? (
"Pamper yourself at any time of the day at Kite Beach Restaurant with fresh Aegean cuisine flavors carefully prepared by our chefs, organic breakfast items, and our signature cocktails. Enjoy your meal on our wooden terrace, right by the Azmak River."
) : (
"Şeflerimizin özenle hazırladığı taze Ege mutfağı lezzetleri, organik kahvaltılıklar ve imza kokteyllerimizle Kite Beach Restoran'da günün her saati kendinizi şımartın. Azmak nehrinin hemen kenarında, ahşap terasımızda yemeğinizin tadını çıkarın."
)}
</p>
</ScrollReveal>
</div>
@@ -93,7 +124,7 @@ export default function RestoranPage() {
<section className="pb-20 bg-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<ScrollReveal stagger className="grid grid-cols-1 md:grid-cols-3 gap-6">
{menuCategories.map((cat, i) => {
{displayMenuCategories.map((cat, i) => {
const Icon = cat.icon;
return (
<div
@@ -123,23 +154,25 @@ export default function RestoranPage() {
<section className="py-20 bg-background">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<ScrollReveal className="text-center mb-12">
<h2 className="font-serif text-4xl font-bold text-dark">Atmosfer</h2>
<h2 className="font-serif text-4xl font-bold text-dark">{isEn ? "Atmosphere" : "Atmosfer"}</h2>
</ScrollReveal>
<ScrollReveal>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div className="relative h-80 rounded-2xl overflow-hidden md:col-span-2 group">
<Image
src="https://images.unsplash.com/photo-1544148103-0773bf10d330?q=80&w=2940&auto=format&fit=crop"
alt="Restoran atmosferi"
alt={isEn ? "Restaurant atmosphere" : "Restoran atmosferi"}
fill
sizes="(max-width: 768px) 100vw, 66vw"
className="object-cover group-hover:scale-105 transition-transform duration-700"
/>
</div>
<div className="relative h-80 rounded-2xl overflow-hidden group">
<Image
src="https://images.unsplash.com/photo-1551504734-5ee1c4a1479b?q=80&w=2940&auto=format&fit=crop"
alt="Kahvaltı"
alt={isEn ? "Breakfast" : "Kahvaltı"}
fill
sizes="(max-width: 768px) 100vw, 33vw"
className="object-cover group-hover:scale-105 transition-transform duration-700"
/>
</div>
@@ -153,20 +186,23 @@ export default function RestoranPage() {
<div className="max-w-3xl mx-auto px-4 text-center">
<ScrollReveal>
<span className="inline-block text-accent text-xs tracking-[0.25em] uppercase font-semibold mb-5">
Özel Günler
{isEn ? "Special Days" : "Özel Günler"}
</span>
<h3 className="font-serif text-4xl font-bold mb-5">
Özel Etkinlikler & İletişim
{isEn ? "Special Events & Contact" : "Özel Etkinlikler & İletişim"}
</h3>
<p className="text-white/50 mb-8 leading-relaxed">
Doğum günü, yıl dönümü veya özel grup yemekleriniz için nehir manzaralı
terasımızla ilgili bizimle iletişime geçebilirsiniz. Ekibimiz organizasyonunuzu özel kılmak için burada.
{isEn ? (
"You can contact us about our terrace with a river view for your birthday, anniversary, or special group dinners. Our team is here to make your organization special."
) : (
"Doğum günü, yıl dönümü veya özel grup yemekleriniz için nehir manzaralı terasımızla ilgili bizimle iletişime geçebilirsiniz. Ekibimiz organizasyonunuzu özel kılmak için burada."
)}
</p>
<Link
href="/iletisim"
href={`/${lang}/iletisim`}
className="btn-shimmer inline-block bg-accent text-white px-10 py-4 rounded-full text-xs font-bold tracking-[0.15em] uppercase"
>
Bize Ulaşın
{isEn ? "Contact Us" : "Bize Ulaşın"}
</Link>
</ScrollReveal>
</div>