Files
6eb30b58-e75c-4fbd-ab25-b37…/src/app/page.tsx
2026-03-14 15:26:49 +00:00

232 lines
14 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MapPin, Award, Sparkles, CheckCircle, Star, HelpCircle, Phone } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="large"
background="floatingGradient"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="China Sakura Sushi"
navItems={[
{ id: "hero", name: "Anasayfa" },
{ id: "about", name: "Hakkımızda" },
{ id: "menu", name: "Menü" },
{ id: "order", name: "Sipariş" },
{ id: "contact", name: "İletişim" }
]}
button={{ text: "Hemen Ara", href: "tel:+905402403106" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Ankara'da Gerçek Sushi Deneyimi"
description="Taze sushi, Çin mutfağı ve hızlı paket servis. China Sakura Sushi'de saç kültürü ve kalite bir araya geliyor."
background={{ variant: "radial-gradient" }}
tag="Çankaya Yaşamkent"
tagIcon={MapPin}
tagAnimation="slide-up"
buttons={[
{ text: "Hemen Ara", href: "tel:+905402403106" },
{ text: "Online Sipariş Ver", href: "https://www.yemeksepeti.com" },
{ text: "Menüyü Gör", href: "#menu" }
]}
buttonAnimation="slide-up"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-with-side-salad_140725-2854.jpg", imageAlt: "fresh sushi platter premium Japanese" }
]}
containerClassName="py-20 px-4"
titleClassName="text-5xl md:text-6xl font-bold"
descriptionClassName="text-lg md:text-xl"
buttonContainerClassName="flex flex-wrap gap-4 justify-center mt-8"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Hakkımızda"
description="China Sakura Sushi, Ankara'nın en güvenilir sushi restoranıdır. Taze malzemeler, uzman şefler ve geleneksel Japon ve Çin mutfağı birleşimi ile müşterilerimize kaliteli hizmet sunuyoruz. Her öğün, sevgiyle hazırlanır."
tag="Kalite & Güven"
tagIcon={Award}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/table-with-traditional-food-served-thanksgiving-day_23-2148632565.jpg"
imageAlt="modern Asian fusion restaurant interior"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
metrics={[
{ value: "10+", title: "Yıllık Deneyim" },
{ value: "5000+", title: "Mutlu Müşteri" },
{ value: "100%", title: "Taze Malzeme" },
{ value: "24/7", title: "Hizmet Saati" }
]}
useInvertedBackground={false}
containerClassName="py-16 px-4"
titleClassName="text-4xl font-bold mb-4"
descriptionClassName="text-lg mb-8"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
title="Menümüzde Neler Var?"
description="En sevilen sushi ve Çin yemeklerinden seçin. Taze malzemeler ve geleneksel tarifler ile hazırlanan her ürün şefin özel dokunuşu ile sunulur."
tag="Gourmet Seçim"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Sushi Rolls", name: "California Roll", price: "₺120", rating: 5, reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/hands-dividing-rice-evenly-nori_23-2148259227.jpg", imageAlt: "California roll sushi fresh ingredients" },
{ id: "2", brand: "Sushi Rolls", name: "Fuji Roll", price: "₺135", rating: 5, reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-fruit-sauces-top-served-wooden-board_114579-19125.jpg", imageAlt: "Fuji roll sushi premium Japanese" },
{ id: "3", brand: "Sushi Rolls", name: "Ebi Ten Crispy Roll", price: "₺145", rating: 4.8, reviewCount: "167", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-served-with-lettuce-sauce_140725-8563.jpg", imageAlt: "Ebi Ten crispy shrimp sushi roll" },
{ id: "4", brand: "Noodles", name: "Tavuklu Noodle", price: "₺95", rating: 4.9, reviewCount: "321", imageSrc: "http://img.b2bpic.net/free-photo/noodles_23-2148142561.jpg", imageAlt: "Chinese noodles chicken authentic wok" }
]}
buttons={[
{ text: "Tümünü Görüntüle", href: "https://www.yemeksepeti.com" }
]}
containerClassName="py-16 px-4"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
title="Neden China Sakura Sushi?"
description="Müşteri memnuniyeti bizim önceliğimiz. Hızlı teslimat, kaliteli hizmet ve en taze malzemeler ile her zaman en iyisini sunuyoruz."
tag="Fark Yaratan Özellikler"
tagIcon={CheckCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 1, tag: "Malzeme", title: "Taze & Premium", subtitle: "Her gün taze malzeme", description: "Sadece en kaliteli sushi balıkları ve sebzeler kullanıyoruz. Her ürün sevgiyle hazırlanır.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-cutting-apple-dark-surface_179666-44555.jpg", imageAlt: "fresh ingredients quality assurance" },
{ id: 2, tag: "Teslimat", title: "Hızlı Paket Servis", subtitle: "30 dakikada kapınızda", description: "Sıcak ve taze bir şekilde siparişiniz kapınıza ulaştırılır. Yemeksepeti ve WhatsApp üzerinden sipariş alıyoruz.", imageSrc: "http://img.b2bpic.net/free-photo/black-female-deliverer-communicating-with-coworker-while-talking-mobile-phone-organizing-package-delivery_637285-2239.jpg", imageAlt: "fast food delivery service box" },
{ id: 3, tag: "Rezervasyon", title: "Masa Rezervasyonu", subtitle: "Önceden yer ayırtın", description: "Arkadaş grupları ve aileler için özel masalar. Telefonla veya formla kolayca yer ayırtabilirsiniz.", imageSrc: "http://img.b2bpic.net/free-photo/reserved-table-restaurant_53876-147887.jpg", imageAlt: "restaurant reservation booking system" }
]}
containerClassName="py-16 px-4"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Müşterilerimiz Ne Diyor?"
description="Bindlerce müşteri China Sakura Sushi'yi sevdi ve tercih ediyor. Gerçek yorumları okuyun."
tag="Müşteri Memnuniyeti"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Ayşe Kılıç", handle: "@aysekilic", testimonial: "Ankara'da bu kadar lezzetli sushi bulabilir misin? China Sakura Sushi gerçekten harika. Her seferinde aynı kalite ve lezzet.", icon: Star },
{ id: "2", name: "Mehmet Yıldız", handle: "@mehmety", testimonial: "Paket servis siparişlerim her zaman zamanında ve sıcak geliyor. Tavsiye ederim!", icon: Star },
{ id: "3", name: "Elif Demir", handle: "@elifdemir", testimonial: "Restoranın atmosferi çok güzel, personel çok nazik. Sushi çeşitleri harika, kesinlikle tekrar geleceğim.", icon: Star },
{ id: "4", name: "Barış Akcan", handle: "@bariscan", testimonial: "WhatsApp üzerinden sipariş vermek çok kolay. Hizmet hızlı ve gıda güvenliği ciddi alındığı belli. Memnun kaldım.", icon: Star },
{ id: "5", name: "Zeynep Özkan", handle: "@zeynepozkan", testimonial: "Arkadaşlarla masa ayırdık, çok eğlenceli bir akşam oldu. Yemekler harika, fiyatlar makul. Harika bir yer!", icon: Star },
{ id: "6", name: "Can Türk", handle: "@canturk", testimonial: "Sushi seviyorum ve bunu yapanlar da biliyorum. China Sakura Sushi gerçekten profesyonel. Beş yıldız vermek az kalıyor.", icon: Star }
]}
containerClassName="py-16 px-4"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Sık Sorulan Sorular"
description="China Sakura Sushi hakkında merak ettiğiniz her şey burası. Hızlı cevaplar için biz buradayız."
tag="Bilgi Merkezi"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
faqsAnimation="slide-up"
mediaAnimation="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Paket servis nerelere ulaşıyor?", content: "Çankaya ve Yaşamkent bölgesine 30 dakika içinde teslimat yapıyoruz. Yemeksepeti veya doğrudan WhatsApp üzerinden sipariş verebilirsiniz." },
{ id: "2", title: "Sushi hiçbir zaman nasıl sipariş edebilirim?", content: "Günlük taze sushi siparişleri için WhatsApp'tan bize ulaşabilirsiniz (0540 240 31 06). Paket servis için Yemeksepeti uygulamasını kullanabilirsiniz." },
{ id: "3", title: "Masa rezervasyonu nasıl yapılır?", content: "Telefonla (0540 240 31 06) veya bu web sitesindeki form aracılığıyla masa ayırtabilirsiniz. Arkadaş grupları için özel seating düzenlemesi yapıyoruz." },
{ id: "4", title: "Açılış saatleri neler?", content: "Her gün 11:00'den gece yarısına kadar hizmet veriyoruz. Özel etkinlikler için uzatılmış saatler uygulanabilir." },
{ id: "5", title: "Alerjisi olan müşteriler için seçenek var mı?", content: "Evet! Gluten içermeyen, vegan ve allerjen-free seçeneklerimiz var. Lütfen sipariş verirken belirtin." },
{ id: "6", title: "Grup siparişleri ve kurumsal hizmet veriyor musunuz?", content: "Evet, kurumsal etkinlikler ve grup siparişleri için özel fiyatlandırma yapıyoruz. İletişim formunu kullanarak bize yazabilirsiniz." }
]}
containerClassName="py-16 px-4"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="İletişim & Sipariş"
title="Bize Ulaşın"
description="Sorularınız mı var? Sipariş vermek mi istiyorsunuz? Biz her zaman yardımcı olmaya hazırız!"
tagIcon={Phone}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Mesajınızı yazın..."
buttonText="Gönder"
termsText="Gönder butonuna tıklayarak China Sakura Sushi'nin gizlilik ilkesini kabul etmiş olursunuz."
containerClassName="py-16 px-4"
titleClassName="text-4xl font-bold mb-4"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="China Sakura Sushi"
copyrightText="© 2025 China Sakura Sushi | Ankara | Tüm Hakları Saklıdır"
columns={[
{
title: "Hızlı Bağlantılar", items: [
{ label: "Anasayfa", href: "#hero" },
{ label: "Menü", href: "#menu" },
{ label: "Hakkımızda", href: "#about" },
{ label: "İletişim", href: "#contact" }
]
},
{
title: "Sipariş", items: [
{ label: "Yemeksepeti", href: "https://www.yemeksepeti.com" },
{ label: "WhatsApp Sipariş", href: "https://wa.me/905402403106" },
{ label: "Telefon", href: "tel:+905402403106" },
{ label: "Masa Ayırt", href: "#contact" }
]
},
{
title: "İletişim", items: [
{ label: "Telefon: 0540 240 31 06", href: "tel:+905402403106" },
{ label: "Yaşamkent, 3061. Cd. No:23", href: "https://maps.google.com/?q=China+Sakura+Sushi+Ankara" },
{ label: "Çankaya, Ankara 06810", href: "https://maps.google.com/?q=China+Sakura+Sushi+Ankara" },
{ label: "Açık: 11:00 - 00:00", href: "#" }
]
}
]}
containerClassName="py-12 px-4"
columnTitleClassName="font-bold mb-4"
columnItemClassName="text-sm hover:opacity-80 transition"
/>
</div>
</ThemeProvider>
);
}