Merge version_1_1781730245092 into main #1
@@ -7,102 +7,52 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Anasayfa",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Hakkımızda",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Hizmetler",
|
||||
"href": "#services"
|
||||
},
|
||||
{
|
||||
"name": "İletişim",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Faq",
|
||||
"href": "#faq"
|
||||
}
|
||||
];
|
||||
{ name: "Anasayfa", href: "#hero" },
|
||||
{ name: "Hakkımızda", href: "#about" },
|
||||
{ name: "Hizmetler", href: "#services" },
|
||||
{ name: "İletişim", href: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="default" siteBackground="floatingGradient" heroBackground="lightRaysCenter">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Uysal Oto"
|
||||
ctaButton={{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Uysal Oto"
|
||||
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=pleg9l"
|
||||
ctaButton={{
|
||||
text: "Randevu Al", href: "#contact"}}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimpleCard
|
||||
brand="Uysal Oto Özel Servis"
|
||||
columns={[
|
||||
{
|
||||
title: "Hizmetler",
|
||||
items: [
|
||||
brand="Uysal Oto Özel Servis"
|
||||
columns={[
|
||||
{
|
||||
label: "Motor Bakımı",
|
||||
href: "#services",
|
||||
title: "Hizmetler", items: [
|
||||
{ label: "Motor Bakımı", href: "#services" },
|
||||
{ label: "Fren Kontrolü", href: "#services" },
|
||||
{ label: "Elektronik Tespit", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Fren Kontrolü",
|
||||
href: "#services",
|
||||
title: "İletişim", items: [
|
||||
{ label: "Adres Bilgisi", href: "#contact" },
|
||||
{ label: "Telefon", href: "tel:+905550000000" },
|
||||
{ label: "Email", href: "mailto:info@uysaloto.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
label: "Elektronik Tespit",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "İletişim",
|
||||
items: [
|
||||
{
|
||||
label: "Adres Bilgisi",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Telefon",
|
||||
href: "tel:+905550000000",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@uysaloto.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Uysal Oto Özel Servis. Tüm hakları saklıdır."
|
||||
links={[
|
||||
{
|
||||
label: "Gizlilik Politikası",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kullanım Şartları",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
]}
|
||||
copyright="© 2024 Uysal Oto Özel Servis. Tüm hakları saklıdır."
|
||||
links={[
|
||||
{ label: "Gizlilik Politikası", href: "#" },
|
||||
{ label: "Kullanım Şartları", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -5,7 +5,7 @@ import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaC
|
||||
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import { Award, CheckCircle, Clock, Shield, Users, Wrench, Zap } from "lucide-react";
|
||||
import { CheckCircle, Shield, Zap, Users, Award, Wrench, Clock } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -13,232 +13,106 @@ export default function HomePage() {
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlayMarquee
|
||||
tag="Uysal Oto Özel Servis"
|
||||
title="Aracınız Emin Ellerde"
|
||||
description="Yılların verdiği tecrübe ile aracınızın bakım ve onarımı için profesyonel çözümler sunuyoruz. Güvenilir ve hızlı hizmet anlayışımızla her zaman yanınızdayız."
|
||||
primaryButton={{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Hizmetlerimizi İnceleyin",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Uzman Kadro",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
text: "Garantili İşçilik",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
text: "Hızlı Teslimat",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tools-wooden-background_23-2148510779.jpg"
|
||||
/>
|
||||
<HeroOverlayMarquee
|
||||
tag="Uysal Oto Özel Servis"
|
||||
title="Aracınız Emin Ellerde"
|
||||
description="Yılların verdiği tecrübe ile aracınızın bakım ve onarımı için profesyonel çözümler sunuyoruz. Güvenilir ve hızlı hizmet anlayışımızla her zaman yanınızdayız."
|
||||
primaryButton={{ text: "Randevu Al", href: "#contact" }}
|
||||
secondaryButton={{ text: "Hizmetlerimizi İnceleyin", href: "#services" }}
|
||||
items={[
|
||||
{ text: "Uzman Kadro", icon: CheckCircle },
|
||||
{ text: "Garantili İşçilik", icon: Shield },
|
||||
{ text: "Hızlı Teslimat", icon: Zap },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tools-wooden-background_23-2148510779.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Biz Kimiz"
|
||||
title="Tecrübe ve Kaliteyi Birleştiriyoruz"
|
||||
description="Uysal Oto olarak, otomobilinizin tüm ihtiyaçlarına karşı profesyonel bir yaklaşım sunuyoruz. En son teknoloji ekipmanlarımız ve uzman teknisyenlerimizle, aracınızın performansını en üst seviyeye çıkarmak için çalışıyoruz. Müşteri memnuniyeti her zaman önceliğimizdir."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg"
|
||||
/>
|
||||
<AboutMediaOverlay
|
||||
tag="Biz Kimiz"
|
||||
title="Tecrübe ve Kaliteyi Birleştiriyoruz"
|
||||
description="Uysal Oto olarak, otomobilinizin tüm ihtiyaçlarına karşı profesyonel bir yaklaşım sunuyoruz. En son teknoloji ekipmanlarımız ve uzman teknisyenlerimizle, aracınızın performansını en üst seviyeye çıkarmak için çalışıyoruz. Müşteri memnuniyeti her zaman önceliğimizdir."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Uzmanlık Alanlarımız"
|
||||
title="Profesyonel Hizmetlerimiz"
|
||||
description="Aracınızın periyodik bakımından en zorlu onarımlarına kadar her konuda yanınızdayız."
|
||||
items={[
|
||||
{
|
||||
title: "Motor Bakım Onarımı",
|
||||
description: "Detaylı motor kontrolleri ve tamiri.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fren Sistemi Hizmetleri",
|
||||
description: "Güvenliğiniz için detaylı fren kontrolü.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-brake_1170-1624.jpg",
|
||||
},
|
||||
{
|
||||
title: "Elektronik Arıza Tespit",
|
||||
description: "Bilgisayarlı sistemlerle hızlı teşhis.",
|
||||
buttonIcon: "Search",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg",
|
||||
},
|
||||
{
|
||||
title: "Periyodik Bakım",
|
||||
description: "Yıllık ve sezonluk bakım hizmetleri.",
|
||||
buttonIcon: "Clock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nozzles-diesel-engine-opened-bonnet_651396-1339.jpg",
|
||||
},
|
||||
{
|
||||
title: "Yürüyen Aksam Onarımı",
|
||||
description: "Süspansiyon ve direksiyon kontrolü.",
|
||||
buttonIcon: "Settings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lastik ve Jant Servisi",
|
||||
description: "Değişim, rot ve balans ayarları.",
|
||||
buttonIcon: "Disc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeaturesMediaCarousel
|
||||
tag="Uzmanlık Alanlarımız"
|
||||
title="Profesyonel Hizmetlerimiz"
|
||||
description="Aracınızın periyodik bakımından en zorlu onarımlarına kadar her konuda yanınızdayız."
|
||||
items={[
|
||||
{ title: "Motor Bakım Onarımı", description: "Detaylı motor kontrolleri ve tamiri.", buttonIcon: "Zap", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg" },
|
||||
{ title: "Fren Sistemi Hizmetleri", description: "Güvenliğiniz için detaylı fren kontrolü.", buttonIcon: "Shield", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-brake_1170-1624.jpg" },
|
||||
{ title: "Elektronik Arıza Tespit", description: "Bilgisayarlı sistemlerle hızlı teşhis.", buttonIcon: "Search", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg" },
|
||||
{ title: "Periyodik Bakım", description: "Yıllık ve sezonluk bakım hizmetleri.", buttonIcon: "Clock", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nozzles-diesel-engine-opened-bonnet_651396-1339.jpg" },
|
||||
{ title: "Yürüyen Aksam Onarımı", description: "Süspansiyon ve direksiyon kontrolü.", buttonIcon: "Settings", imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg" },
|
||||
{ title: "Lastik ve Jant Servisi", description: "Değişim, rot ve balans ayarları.", buttonIcon: "Disc", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Başarılarımız"
|
||||
title="Rakamlarla Uysal Oto"
|
||||
description="Bizi tercih eden binlerce mutlu müşterimizin güvenini kazandık."
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
title: "Mutlu Müşteri",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Tamamlanan İşlem",
|
||||
value: "12000+",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Uzman Teknisyen",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Yıllık Deneyim",
|
||||
value: "20+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<MetricsIconCards
|
||||
tag="Başarılarımız"
|
||||
title="Rakamlarla Uysal Oto"
|
||||
description="Bizi tercih eden binlerce mutlu müşterimizin güvenini kazandık."
|
||||
metrics={[
|
||||
{ icon: "Users", title: "Mutlu Müşteri", value: "5000+" },
|
||||
{ icon: "Award", title: "Tamamlanan İşlem", value: "12000+" },
|
||||
{ icon: "Wrench", title: "Uzman Teknisyen", value: "15" },
|
||||
{ icon: "Clock", title: "Yıllık Deneyim", value: "20+" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Müşterilerimiz"
|
||||
title="Neler Söylüyorlar?"
|
||||
description="Müşterilerimizin memnuniyeti bizim en büyük gurur kaynağımızdır."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmet Yılmaz",
|
||||
role: "Müşteri",
|
||||
company: "Kurumsal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ayşe Demir",
|
||||
role: "Müşteri",
|
||||
company: "Bireysel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1517.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mehmet Kaya",
|
||||
role: "Müşteri",
|
||||
company: "Bireysel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-by-car_1303-9344.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatma Şahin",
|
||||
role: "Müşteri",
|
||||
company: "Kurumsal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Canan Aydın",
|
||||
role: "Müşteri",
|
||||
company: "Bireysel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Müşterilerimiz"
|
||||
title="Neler Söylüyorlar?"
|
||||
description="Müşterilerimizin memnuniyeti bizim en büyük gurur kaynağımızdır."
|
||||
testimonials={[
|
||||
{ name: "Ahmet Yılmaz", role: "Müşteri", company: "Kurumsal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg" },
|
||||
{ name: "Ayşe Demir", role: "Müşteri", company: "Bireysel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1517.jpg" },
|
||||
{ name: "Mehmet Kaya", role: "Müşteri", company: "Bireysel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-by-car_1303-9344.jpg" },
|
||||
{ name: "Fatma Şahin", role: "Müşteri", company: "Kurumsal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg" },
|
||||
{ name: "Canan Aydın", role: "Müşteri", company: "Bireysel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="SSS"
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Hizmetlerimizle ilgili merak ettiğiniz detaylar."
|
||||
categories={[
|
||||
{
|
||||
name: "Genel Sorular",
|
||||
items: [
|
||||
{
|
||||
question: "Randevu almak gerekiyor mu?",
|
||||
answer: "Evet, daha kaliteli ve hızlı hizmet verebilmek için randevu ile çalışıyoruz.",
|
||||
},
|
||||
{
|
||||
question: "Hangi marka araçlara bakıyorsunuz?",
|
||||
answer: "Tüm marka ve model binek araçlara özel servis hizmeti veriyoruz.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Teknik Konular",
|
||||
items: [
|
||||
{
|
||||
question: "Yedek parça garantisi var mı?",
|
||||
answer: "Tüm kullanılan yedek parçalarımız orijinal veya muadil olarak garantimiz altındadır.",
|
||||
},
|
||||
{
|
||||
question: "Fiyatlandırma nasıl yapılıyor?",
|
||||
answer: "Aracın arıza tespitinden sonra şeffaf bir fiyat listesi ile onayınızı alarak başlıyoruz.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FaqTabbedAccordion
|
||||
tag="SSS"
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Hizmetlerimizle ilgili merak ettiğiniz detaylar."
|
||||
categories={[
|
||||
{ name: "Genel Sorular", items: [{ question: "Randevu almak gerekiyor mu?", answer: "Evet, daha kaliteli ve hızlı hizmet verebilmek için randevu ile çalışıyoruz." }, { question: "Hangi marka araçlara bakıyorsunuz?", answer: "Tüm marka ve model binek araçlara özel servis hizmeti veriyoruz." }] },
|
||||
{ name: "Teknik Konular", items: [{ question: "Yedek parça garantisi var mı?", answer: "Tüm kullanılan yedek parçalarımız orijinal veya muadil olarak garantimiz altındadır." }, { question: "Fiyatlandırma nasıl yapılıyor?", answer: "Aracın arıza tespitinden sonra şeffaf bir fiyat listesi ile onayınızı alarak başlıyoruz." }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="İletişim"
|
||||
text="Aracınızın bakımı için hemen randevu alın veya ücretsiz fiyat teklifi isteyin."
|
||||
primaryButton={{
|
||||
text: "WhatsApp Üzerinden Randevu Al",
|
||||
href: "https://wa.me/905550000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Bizi Arayın",
|
||||
href: "tel:+905550000000",
|
||||
}}
|
||||
/>
|
||||
<ContactCta
|
||||
tag="İletişim"
|
||||
text="Aracınızın bakımı için hemen randevu alın veya ücretsiz fiyat teklifi isteyin."
|
||||
primaryButton={{ text: "WhatsApp Üzerinden Randevu Al", href: "https://wa.me/905550000000" }}
|
||||
secondaryButton={{ text: "Bizi Arayın", href: "tel:+905550000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user