208 lines
10 KiB
TypeScript
208 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import { Key, Unlock, Zap, Lock, Shield, Home, Box, Settings, Phone } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="Edirne Çilingir"
|
||
navItems={[
|
||
{ name: "Hizmetler", id: "services" },
|
||
{ name: "Neden Biz", id: "why-us" },
|
||
{ name: "Yorumlar", id: "testimonials" },
|
||
{ name: "İletişim", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Hemen Ara", href: "tel:+905XXXXXXXXX"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="Edirne Çilingir"
|
||
description="7/24 Acil Çilingir Hizmeti – 15 Dakikada Kapınızdayız"
|
||
buttons={[
|
||
{ text: "Hemen Ara", href: "tel:+905XXXXXXXXX" },
|
||
{ text: "Teklif Al", href: "#contact" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/profile-view-attractive-handyman-using-power-drill-fix-door-knob-house_662251-2747.jpg"
|
||
imageAlt="Profesyonel çilingir hizmeti"
|
||
showDimOverlay={true}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureBento
|
||
title="Sunduğumuz Hizmetler"
|
||
description="Ev, oto ve iş yeri için kapsamlı çilingir çözümleri"
|
||
tag="Hizmetler"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Araç Anahtarı Çözümleri", description: "Araç anahtarı kopyalama, açılması ve programlama hizmetleri", bentoComponent: "icon-info-cards", items: [
|
||
{ icon: Key, label: "Kopyalama", value: "Tüm Markalar" },
|
||
{ icon: Unlock, label: "Açılış", value: "Acil Servis" },
|
||
{ icon: Zap, label: "Programlama", value: "Dijital Anahtar" }
|
||
]
|
||
},
|
||
{
|
||
title: "Kapı ve Bina Kilitleri", description: "Konut ve ticari yapılar için kilit açma ve güvenlik çözümleri", bentoComponent: "icon-info-cards", items: [
|
||
{ icon: Lock, label: "Kilit Açılış", value: "Hasar Yok" },
|
||
{ icon: Shield, label: "Güvenlik", value: "Profesyonel" },
|
||
{ icon: Home, label: "Montaj", value: "Hızlı Kurulum" }
|
||
]
|
||
},
|
||
{
|
||
title: "Özel Güvenlik Sistemleri", description: "Kasa, pencere ve özel kilit sistemleri", bentoComponent: "icon-info-cards", items: [
|
||
{ icon: Box, label: "Kasa Açılış", value: "Uzman Ekip" },
|
||
{ icon: Settings, label: "Pencere Kilitleri", value: "Tüm Tipler" },
|
||
{ icon: Settings, label: "Kilit Yenileme", value: "Profesyonel" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MediaAbout
|
||
title="Neden Bizi Tercih Etmelisiniz?"
|
||
description="Edirne'nin en güvenilir çilingir hizmeti olarak, acil durumlarda hızlı, profesyonel ve uygun fiyatlı çözümler sunuyoruz."
|
||
tag="Fark Yaratıyoruz"
|
||
buttons={[{ text: "Hemen Temas Kurun", href: "#contact" }]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/closeup-door-lock-door-blurred-background_169016-24159.jpg"
|
||
imageAlt="Profesyonel kapı açma hizmeti"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTen
|
||
title="Neden Bizi Tercih Etsiniz"
|
||
description="Edirne'deki en güvenilir çilingir hizmeti"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "1", title: "7/24 Acil Servis", subtitle: "Gece gündüz hizmet veriyoruz", category: "Sürekli Hizmet", value: "Açık"
|
||
},
|
||
{
|
||
id: "2", title: "15-30 Dakika Ulaşım", subtitle: "Edirne Merkez'de hızlı müdahale", category: "Hız", value: "Garantili"
|
||
},
|
||
{
|
||
id: "3", title: "4.7/5 Google Puanı", subtitle: "129+ memnun müşteri yorumu", category: "Güvenilirlik", value: "Doğrulanmış"
|
||
},
|
||
{
|
||
id: "4", title: "Şeffaf Fiyatlandırma", subtitle: "Gizli ücret yok, net fiyat", category: "Dürüstlük", value: "Garantili"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="Müşteri Yorumları"
|
||
description="Edirne'deki binlerce memnun müşterimizin deneyimleri"
|
||
tag="Gerçek Yorumlar"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Gece 3'te kapıda kaldım, hemen yardımcı oldu", quote: "Gece saat 3'te anahtarı kaybettim ve panik içindeydim. Hemen aradığım Edirne Çilingir 15 dakika içinde geldi. Profesyonel, güvenilir ve uygun fiyatlı. Çok teşekkür ederim!", name: "Ayşe Kaya", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Ayşe Kaya"
|
||
},
|
||
{
|
||
id: "2", title: "Öğrenciye yardımcı olunması harika", quote: "Üniversitede okuyan kızım anahtarını kilitli kalarak oda içinde bıraktı. Çilingir çok hızlı geldi ve hasar vermeden açtı. Bize öğrenci indirimi de yaptılar. Gerçekten çok memnunuz.", name: "Mehmet Demir", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "Mehmet Demir"
|
||
},
|
||
{
|
||
id: "3", title: "İşletme açılışında yanımızda oldu", quote: "Yeni açılan kafe için kasa kilidi ve kapı kilidi kurulumunda profesyonelce çalıştılar. Fiyatlar uygun ve iş de çok kaliteli. İlerde de çalışmaya devam edeceğiz.", name: "Fatih Şahin", role: "İşletme Sahibi", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-manager-working-call-centre_1098-18765.jpg", imageAlt: "Fatih Şahin"
|
||
},
|
||
{
|
||
id: "4", title: "Acil durumlarda her zaman güvenilir", quote: "Araç anahtarımı kaybettikten sonra birkaç çilingire sordum. Edirne Çilingir en uygun fiyatı verdi ve kalitesi başkaları ile kıyaslanamaz. Herkese tavsiye ediyorum.", name: "Zeynep Yılmaz", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Zeynep Yılmaz"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="İletişim"
|
||
title="Kapıda mı Kaldınız? Hemen Arayın"
|
||
description="Edirne Çilingir 7/24 hizmet vermeye hazır. Acil durumlarda formu doldurun veya direkt arayın."
|
||
tagIcon={Phone}
|
||
background={{ variant: "rotated-rays-animated-grid" }}
|
||
useInvertedBackground={false}
|
||
buttonText="Mesaj Gönder"
|
||
inputPlaceholder="E-posta adresiniz"
|
||
termsText="Gizlilik politikamızı kabul ederek formunu göndermiş olursunuz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Edirne Çilingir"
|
||
columns={[
|
||
{
|
||
title: "Hizmetler", items: [
|
||
{ label: "Araç Çözümleri", href: "#services" },
|
||
{ label: "Kapı ve Bina", href: "#services" },
|
||
{ label: "Güvenlik Sistemleri", href: "#services" },
|
||
{ label: "Acil Servis", href: "tel:+905XXXXXXXXX" }
|
||
]
|
||
},
|
||
{
|
||
title: "Şirket", items: [
|
||
{ label: "Hakkımızda", href: "#why-us" },
|
||
{ label: "Müşteri Yorumları", href: "#testimonials" },
|
||
{ label: "İletişim", href: "#contact" },
|
||
{ label: "Harita", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "İletişim", items: [
|
||
{ label: "Telefon", href: "tel:+905XXXXXXXXX" },
|
||
{ label: "E-Mail", href: "mailto:info@edirnecilingir.com" },
|
||
{ label: "Adres", href: "#" },
|
||
{ label: "WhatsApp", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Yasal", items: [
|
||
{ label: "Gizlilik Politikası", href: "#" },
|
||
{ label: "Kullanım Şartları", href: "#" },
|
||
{ label: "Çerez Politikası", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 Edirne Çilingir | Tüm Hakları Saklıdır"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|