Merge version_2 into main #4
123
src/app/page.tsx
123
src/app/page.tsx
@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Clock, Lightbulb, ShieldCheck, Star, Users } from "lucide-react";
|
||||
import { Clock, Lightbulb, ShieldCheck, Star, Users, Phone, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -41,48 +41,30 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
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" },
|
||||
description="Panda'm Oyun Evi ile çocuklarınızın gelişimine katkı sağlarken, güvenli ve eğitici bir ortamda sihirli bir dünyaya adım atın."
|
||||
tag="Panda Temalı Eğlence"
|
||||
rating={5}
|
||||
ratingText="Google Puanımız"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741486.jpg", imageAlt: "Panda mascot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-playing-with-eco-toys-indoors_23-2149884382.jpg", imageAlt: "Playground scene" }
|
||||
]}
|
||||
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
|
||||
<TextSplitAbout
|
||||
title="Büyülü Bir Oyun Dünyası"
|
||||
description={[
|
||||
"Panda'm Oyun Evi olarak, Tatvan'da çocuklarımızın hayal güçlerini destekleyen güvenli ve bamboo-yeşili temalı bir ortam sunuyoruz.", "Eğitim odaklı aktivitelerimizle çocuklarımızın sosyal becerilerini geliştirmeyi hedefliyoruz."
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
title="Çocuğunuz İçin En Güvenli Adres"
|
||||
description="Tatvan/Bitlis’te 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>
|
||||
|
||||
@@ -93,29 +75,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Profesyonel Oyun Grupları", description: "Uzman eğitmenler eşliğinde gelişim odaklı oyunlar.", icon: Star,
|
||||
title: "Profesyonel Oyun Grupları", description: "Uzman eğitmenler gözetiminde, yaşa özel gelişim oyunları.", icon: Users,
|
||||
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/medium-shot-teacher-helping-kids-learn_23-2149355201.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-sitting-together-table_23-2149355252.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Güvenli Ortam", description: "Hijyenik, kameralı ve güvenli oyun alanları.", icon: ShieldCheck,
|
||||
title: "Güvenli Ortam", description: "Hijyenik, kameralı ve tamamen çocuk güvenliğine uygun alan.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg" },
|
||||
{ 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,
|
||||
title: "Eğitici Aktiviteler", description: "Sanatsal atölyeler ve zeka oyunlarıyla öğrenme yolculuğu.", 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/children-motherhood-fun-hobby-concept-indoor-portrait-excited-emotional-dark-skinned-little-boy-standing-bed-with-hand-up_343059-3866.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:"
|
||||
title="Neden Biz?"
|
||||
description="Sihirli panda dünyamızda keşfedilecek çok şey var."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,24 +111,21 @@ export default function LandingPage() {
|
||||
{ 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."
|
||||
title="5 Yıldızlı Mutluluk"
|
||||
description="Velilerimizin güveni ile Tatvan'ın en sevilen oyun evi olduk."
|
||||
/>
|
||||
</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"
|
||||
cardTitle="Mutlu Ailelerimizin Yorumları"
|
||||
cardTag="5 Yıldız"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ayşe Hanım", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-kid_23-2149141843.jpg" },
|
||||
{ id: "2", name: "Mehmet Bey", imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl_23-2149032164.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,25 +134,22 @@ export default function LandingPage() {
|
||||
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." },
|
||||
{ id: "q1", title: "Nerede hizmet veriyoruz?", content: "Tatvan/Bitlis Aydınlar bölgesindeyiz." },
|
||||
{ id: "q2", title: "Kayıt için yaş sınırı var mı?", content: "Tüm okul öncesi yaş grubuna uygun etkinliklerimiz mevcut." },
|
||||
]}
|
||||
title="Sıkça Sorulanlar"
|
||||
description="Panda'm hakkında merak ettikleriniz."
|
||||
title="Merak Ettikleriniz"
|
||||
description="Sıkça sorulan sorularla Panda'm dünyası."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587758.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="İletişim"
|
||||
title="Bize Ulaşın"
|
||||
description="Hemen arayın veya mesaj atın!"
|
||||
title="Bize Katılın!"
|
||||
description="Sihirli dünyamıza davetlisiniz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,13 +158,26 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{ items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Telefon: 0551 715 13 13", href: "tel:05517151313" },
|
||||
{ label: "WhatsApp İletişim", href: "https://wa.me/905517151313" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
logoText="Tatvan Panda'm Oyun Evi"
|
||||
logoText="Tatvan Panda'm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Fixed Mobile Bottom Nav */}
|
||||
<div className="fixed bottom-0 left-0 w-full bg-white border-t border-gray-200 z-50 flex items-center justify-around py-4 md:hidden">
|
||||
<a href="tel:05517151313" className="flex flex-col items-center gap-1 font-semibold text-sm">
|
||||
<Phone className="w-6 h-6 text-emerald-700" />
|
||||
Arayın
|
||||
</a>
|
||||
<a href="https://wa.me/905517151313" className="flex flex-col items-center gap-1 font-semibold text-sm">
|
||||
<MessageCircle className="w-6 h-6 text-green-500" />
|
||||
WhatsApp
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #15479c;
|
||||
--card: #f9fbf9;
|
||||
--foreground: #1a1f1a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #e2b830;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #4CAF50;
|
||||
--background-accent: #f3f4f6;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #f0f5f0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user