Update src/app/page.tsx

This commit is contained in:
2026-04-23 13:00:39 +00:00
parent b3c0671f87
commit e58a7aa30d

View File

@@ -28,322 +28,167 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Hakkımızda",
id: "#about",
},
{
name: "Hizmetler",
id: "#features",
},
{
name: "Yorumlar",
id: "#testimonials",
},
{
name: "İletişim",
id: "#contact",
},
]}
brandName="Tatvan Panda'm"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Hakkımızda", id: "about" },
{ name: "Hizmetler", id: "features" },
{ name: "Yorumlar", id: "testimonials" },
{ name: "İletişim", id: "contact" },
]}
brandName="Tatvan Panda'm"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Tatvanın 5 Yıldızlı Oyun Dünyası"
description="Panda'm Oyun Evi ile çocuklarınızın gelişimine katkı sağlarken, güvenli ve eğlenceli bir ortamda vakit geçirmelerini sağlıyoruz. 23 Nisan Çocuk Bayramı'na özel etkinliklerimize katılmayı unutmayın!"
testimonials={[
{
name: "Ahmet Yılmaz",
handle: "@anne",
testimonial: "Harika bir ortam, kızım burayı çok seviyor!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-kid_23-2149141843.jpg",
},
{
name: "Ayşe Demir",
handle: "@baba",
testimonial: "Profesyonel kadro, gönül rahatlığıyla gönderiyoruz.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/children-motherhood-fun-hobby-concept-indoor-portrait-excited-emotional-dark-skinned-little-boy-standing-bed-with-hand-up_343059-3866.jpg",
},
{
name: "Mehmet Can",
handle: "@veli",
testimonial: "İlgi ve alaka çok iyi, teşekkürler.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl_23-2149032164.jpg",
},
{
name: "Selin Öztürk",
handle: "@anne",
testimonial: "Güvenli ve temiz, içim rahat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-with-his-daughter-outdoors-father-s-day_23-2150167763.jpg",
},
{
name: "Canan Korkmaz",
handle: "@veli",
testimonial: "Çocuğum her gün gitmek istiyor.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-playing-with-eco-toys-indoors_23-2149884382.jpg",
},
]}
buttons={[
{
text: "Hemen Arayın",
href: "tel:05517151313",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741486.jpg?_wi=1"
imageAlt="magical panda mascot design"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-teacher-watching-little-kids-learn_23-2149389933.jpg",
alt: "Teacher watching children",
},
{
src: "http://img.b2bpic.net/free-photo/young-people-making-banners-full-shot_23-2149343465.jpg",
alt: "Kids creating banner",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-teacher-helping-kids-learn_23-2149355201.jpg",
alt: "Learning activity",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-people-making-banners-floor_23-2149343463.jpg",
alt: "Play area scene",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-kids-sitting-together-table_23-2149355252.jpg",
alt: "Happy students",
},
]}
marqueeItems={[
{
type: "text",
text: "Güvenli",
},
{
type: "text",
text: "Eğitici",
},
{
type: "text",
text: "Eğlenceli",
},
{
type: "text",
text: "Profesyonel",
},
{
type: "text",
text: "Kaliteli",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars"}}
title="Tatvanın 5 Yıldızlı Oyun Dünyası"
description="Panda'm Oyun Evi ile çocuklarınızın gelişimine katkı sağlarken, güvenli ve eğlenceli bir ortamda vakit geçirmelerini sağlıyoruz. 23 Nisan Çocuk Bayramı'na özel etkinliklerimize katılmayı unutmayın!"
testimonials={[
{ name: "Ahmet Yılmaz", handle: "@anne", testimonial: "Harika bir ortam, kızım burayı çok seviyor!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-kid_23-2149141843.jpg" },
{ name: "Ayşe Demir", handle: "@baba", testimonial: "Profesyonel kadro, gönül rahatlığıyla gönderiyoruz.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/children-motherhood-fun-hobby-concept-indoor-portrait-excited-emotional-dark-skinned-little-boy-standing-bed-with-hand-up_343059-3866.jpg" },
{ name: "Mehmet Can", handle: "@veli", testimonial: "İlgi ve alaka çok iyi, teşekkürler.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl_23-2149032164.jpg" },
{ name: "Selin Öztürk", handle: "@anne", testimonial: "Güvenli ve temiz, içim rahat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-with-his-daughter-outdoors-father-s-day_23-2150167763.jpg" },
{ name: "Canan Korkmaz", handle: "@veli", testimonial: "Çocuğum her gün gitmek istiyor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-playing-with-eco-toys-indoors_23-2149884382.jpg" },
]}
buttons={[
{ text: "Hemen Arayın", href: "tel:05517151313" },
]}
imageSrc="http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741486.jpg"
imageAlt="magical panda mascot design"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/full-shot-teacher-watching-little-kids-learn_23-2149389933.jpg", alt: "Teacher watching children" },
{ src: "http://img.b2bpic.net/free-photo/young-people-making-banners-full-shot_23-2149343465.jpg", alt: "Kids creating banner" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-teacher-helping-kids-learn_23-2149355201.jpg", alt: "Learning activity" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-people-making-banners-floor_23-2149343463.jpg", alt: "Play area scene" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-kids-sitting-together-table_23-2149355252.jpg", alt: "Happy students" },
]}
marqueeItems={[
{ type: "text", text: "Güvenli" },
{ type: "text", text: "Eğitici" },
{ type: "text", text: "Eğlenceli" },
{ type: "text", text: "Profesyonel" },
{ type: "text", text: "Kaliteli" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Çocuğunuz İçin En Güvenli Adres"
description="Tatvan/Bitliste eğitim odaklı, Panda temalı oyun grubumuzla çocuklarınızın sosyal becerilerini ve yaratıcılıklarını geliştirmeyi hedefliyoruz. Aydınlar bölgesinde, kaliteli vakit geçirme garantisiyle."
imageSrc="http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg?_wi=1"
imageAlt="safe children play area"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Çocuğunuz İçin En Güvenli Adres"
description="Tatvan/Bitliste eğitim odaklı, Panda temalı oyun grubumuzla çocuklarınızın sosyal becerilerini ve yaratıcılıklarını geliştirmeyi hedefliyoruz. Aydınlar bölgesinde, kaliteli vakit geçirme garantisiyle."
imageSrc="http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg"
imageAlt="safe children play area"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Profesyonel Oyun Grupları",
description: "Uzman eğitmenler eşliğinde gelişim odaklı oyunlar.",
icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/rude-woman-answering-phone-call-library-disturbing-people_482257-119670.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741499.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741486.jpg?_wi=2",
imageAlt: "safe children play area",
},
{
title: "Güvenli Ortam",
description: "Hijyenik, kameralı ve güvenli oyun alanları.",
icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-playing-together_23-2149264977.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-kids-about-planets_23-2148925467.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg?_wi=2",
imageAlt: "safe children play area",
},
{
title: "Eğitici Aktiviteler",
description: "Sanatsal ve eğitici atölye çalışmaları.",
icon: Lightbulb,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-pushing-her-colleague-with-physical-impairment-through-library_482257-126269.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-making-banners-full-shot_23-2149343464.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-daughter-blowing-soap-bubbles_342744-978.jpg?_wi=1",
imageAlt: "safe children play area",
},
]}
title="Sunduğumuz Ayrıcalıklar"
description="Panda'm Oyun Evi olarak sunduğumuz temel avantajlar:"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Profesyonel Oyun Grupları", description: "Uzman eğitmenler eşliğinde gelişim odaklı oyunlar.", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/rude-woman-answering-phone-call-library-disturbing-people_482257-119670.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741499.jpg" },
],
},
{
title: "Güvenli Ortam", description: "Hijyenik, kameralı ve güvenli oyun alanları.", icon: ShieldCheck,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-playing-together_23-2149264977.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-kids-about-planets_23-2148925467.jpg" },
],
},
{
title: "Eğitici Aktiviteler", description: "Sanatsal ve eğitici atölye çalışmaları.", icon: Lightbulb,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-pushing-her-colleague-with-physical-impairment-through-library_482257-126269.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-making-banners-full-shot_23-2149343464.jpg" },
],
},
]}
title="Sunduğumuz Ayrıcalıklar"
description="Panda'm Oyun Evi olarak sunduğumuz temel avantajlar:"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Star,
title: "Google Puanı",
value: "5.0",
},
{
id: "m2",
icon: Clock,
title: "Günlük Çalışma",
value: "17:00",
},
{
id: "m3",
icon: Users,
title: "Mutlu Panda",
value: "100+",
},
]}
title="Başarımızın Kanıtı"
description="Velilerimizin %100 memnuniyeti ile 5 yıldızlı hizmet."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Star, title: "Google Puanı", value: "5.0" },
{ id: "m2", icon: Clock, title: "Günlük Çalışma", value: "17:00" },
{ id: "m3", icon: Users, title: "Mutlu Panda", value: "100+" },
]}
title="Başarımızın Kanıtı"
description="Velilerimizin %100 memnuniyeti ile 5 yıldızlı hizmet."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-daughter-blowing-soap-bubbles_342744-978.jpg?_wi=2",
},
{
id: "2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-toy-carpet-home_23-2149357206.jpg",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-black-baby-having-fun-home_23-2149500894.jpg",
},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-girls-standing-chairs_23-2147711760.jpg",
},
{
id: "5",
name: "Lisa M.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-playing-with-frisbee_23-2149199849.jpg",
},
]}
cardTitle="Velilerimiz Ne Diyor?"
cardTag="5 Yıldızlı Hizmet"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-daughter-blowing-soap-bubbles_342744-978.jpg" },
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-toy-carpet-home_23-2149357206.jpg" },
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/cute-black-baby-having-fun-home_23-2149500894.jpg" },
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/crop-girls-standing-chairs_23-2147711760.jpg" },
{ id: "5", name: "Lisa M.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-playing-with-frisbee_23-2149199849.jpg" },
]}
cardTitle="Velilerimiz Ne Diyor?"
cardTag="5 Yıldızlı Hizmet"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Çalışma saatleri nedir?",
content: "Hafta içi 17:00'ye kadar açığız.",
},
{
id: "q2",
title: "23 Nisan'da açık mıyız?",
content: "Evet, 23 Nisan Çocuk Bayramı'na özel etkinliklerimizle açığız!",
},
{
id: "q3",
title: "Neredeyiz?",
content: "Aydınlar, 13200 Tatvan/Bitlis adresindeyiz.",
},
]}
title="Sıkça Sorulanlar"
description="Panda'm hakkında merak ettikleriniz."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg?_wi=3"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Çalışma saatleri nedir?", content: "Hafta içi 17:00'ye kadar açığız." },
{ id: "q2", title: "23 Nisan'da açık mıyız?", content: "Evet, 23 Nisan Çocuk Bayramı'na özel etkinliklerimizle açığız!" },
{ id: "q3", title: "Neredeyiz?", content: "Aydınlar, 13200 Tatvan/Bitlis adresindeyiz." },
]}
title="Sıkça Sorulanlar"
description="Panda'm hakkında merak ettikleriniz."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="İletişim"
title="Bize Ulaşın"
description="Hemen arayın veya mesaj atın!"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
tag="İletişim"
title="Bize Ulaşın"
description="Hemen arayın veya mesaj atın!"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Telefon: 0551 715 13 13",
href: "tel:05517151313",
},
],
},
]}
logoText="Tatvan Panda'm Oyun Evi"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Telefon: 0551 715 13 13", href: "tel:05517151313" },
]
},
]}
logoText="Tatvan Panda'm Oyun Evi"
/>
</div>
</ReactLenis>
</ThemeProvider>
);