Files
f25b65bd-e7d7-4f90-81c5-e93…/src/app/page.tsx
2026-03-05 02:01:22 +00:00

225 lines
11 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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ContactText from '@/components/sections/contact/ContactText';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Clock, Shield, Smile, Sparkles, Wand2, Wind, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Simdent"
navItems={[
{ name: "Hizmetler", id: "services" },
{ name: "Kampanyalar", id: "campaigns" },
{ name: "Hekimler", id: "team" },
{ name: "İletişim", id: "contact" }
]}
button={{
text: "Hemen Ara", href: "tel:+905424810181"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Ağrısız Tedavi, Şeffaf Fiyat"
description="Esenyurt'un en güvenilir diş kliniğinde hızlı randevu ve profesyonel hizmet. 4,5 yıldızlı 61 hasta yorumu."
tag="Ücretsiz Muayene"
tagAnimation="slide-up"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg"
imageAlt="Özel Simdent Diş Tedavi Merkezi - Modern kliniğimiz"
mediaAnimation="opacity"
testimonials={[
{
name: "Ayşe K.", handle: "Hastamız", testimonial: "Çok profesyonel bir ekip. Ağrısız işlem ve temiz ortam beni çok etkiledi.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg", imageAlt: "patient satisfied smile happy person"
},
{
name: "Mehmet D.", handle: "Hastamız", testimonial: "Acil diş ağrısında aynı gün randevu aldım. Çok memnunum.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg", imageAlt: "patient review healthcare testimonial person"
},
{
name: "Zeynep T.", handle: "Hastamız", testimonial: "Implant tedavisi için geldim. Başlangıçtan sonuna kadar detaylı anlatım yapıldı.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg", imageAlt: "medical patient satisfied customer smile portrait"
}
]}
testimonialRotationInterval={5000}
buttons={[
{ text: "Hemen Ara", href: "tel:+905424810181" },
{ text: "Randevu Talep Et", href: "#contact" }
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="trust" data-section="trust">
<FeatureBorderGlow
title="Neden Simdent?"
description="Hasta memnuniyetini ön planda tutarak, güvenli ve etkili tedaviler sunuyoruz."
tag="Güven Sebebi"
tagAnimation="slide-up"
features={[
{
icon: Clock,
title: "Hızlı Randevu", description: "Acil durumlarda aynı gün muayene. En geç 48 saat içinde ilk randevu."
},
{
icon: Sparkles,
title: "Steril Ortam", description: "En yüksek hijyen standartlarına uygun, ISO sertifikalı sterilizasyon."
},
{
icon: Award,
title: "Deneyimli Hekimler", description: "15+ yıl tecrübeli diş hekimleri. Uluslararası sertifikalar ve eğitimler."
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
title="Hizmetlerimiz"
description="Temel tedavilerden estetik uygulamalara kadar geniş bir hizmet yelpazesi."
features={[
{
icon: Zap,
title: "İmplant Tedavisi", description: "Kaliteli implant ve kronlar ile doğal görünümlü dişleriniz geri gelsin."
},
{
icon: Shield,
title: "Kanal Tedavisi", description: "Ağrısız ve etkili endodontik tedaviler. Dişinizi kurtarın."
},
{
icon: Smile,
title: "Estetik Diş Hekimliği", description: "Whitening, veneers, bonding ile gülüşünüzü güzelleştirin."
},
{
icon: Wind,
title: "Diş Taşı Temizliği", description: "Profesyonel ultrasonik temizlik, ağız sağlığı ve temizlik."
},
{
icon: Wand2,
title: "Dolgu Tedavisi", description: "Çürüklü dişlerin estetik ve dayanıklı çözümü."
},
{
icon: Zap,
title: "Ortodonti (Tel)", description: "Çocuklar ve yetişkinler için uyumlu fiyatlarla diş hizalama."
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="campaigns" data-section="campaigns">
<ContactText
text="Özel Kampanya: Ücretsiz Muayene ve Detaylı Radyoloji İncelemesi. İmplant Kampanyamızda %20'ye kadar indirim. Detaylar için arayın."
animationType="entrance-slide"
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Kampanya Detayları", href: "tel:+905424810181" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Hasta Deneyimleri"
description="Binlerce memnun hastanın gerçek yorumları"
tag="Google Yorumlar"
tagAnimation="slide-up"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Ayşe Kara", role: "Şirket Müdürü", company: "İstanbul", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg", imageAlt: "patient satisfied smile happy person"
},
{
id: "2", name: "Mehmet Demir", role: "Mühendis", company: "Esenyurt", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg", imageAlt: "patient review healthcare testimonial person"
},
{
id: "3", name: "Zeynep Turan", role: "Öğretmen", company: "Avcılar", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg", imageAlt: "medical patient satisfied customer smile portrait"
},
{
id: "4", name: "Elif Yavuz", role: "Grafik Tasarımcı", company: "Bakırköy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg", imageAlt: "patient healthcare confidence smile"
},
{
id: "5", name: "Serhat Çetin", role: "Satış Müdürü", company: "Bayrampaşa", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg", imageAlt: "satisfied patient medical service smile happy"
},
{
id: "6", name: "Hande Kaya", role: "Pazarlamacı", company: "Esenyurt", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg", imageAlt: "patient testimonial healthcare portrait person"
}
]}
/>
</div>
<div id="process" data-section="process">
<TextSplitAbout
title="Tedavi Süreci"
description={[
"1. İlk Muayene: Detaylı inceleme ve radyoloji. Tedavi planınız anlatılır, sorularınız yanıtlanır.", "2. Hazırlık: Gerekli ön işlemler yapılır. Size rahat bir ortam sağlanır.", "3. Tedavi: Ağrısız ve profesyonel müdahale. Tüm süreç detaylı anlatılır.", "4. Takip: Tedavi sonrası öneriler ve gerekli kontroller. Uzun vadeli destek."
]}
useInvertedBackground={false}
buttons={[
{ text: "Randevu Al", href: "#contact" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Hemen İletişime Geçin. Telefon, WhatsApp veya form ile randevu talebinde bulunabilirsiniz. Ekibimiz 24 saat içinde sizinle iletişime geçecektir."
animationType="background-highlight"
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "0542 481 01 81", href: "tel:+905424810181" },
{ text: "Form Gönder", href: "#form" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Simdent"
leftLink={{ text: "KVKK", href: "#privacy" }}
rightLink={{ text: "İletişim", href: "tel:+905424810181" }}
/>
</div>
</ThemeProvider>
);
}