173 lines
8.8 KiB
TypeScript
173 lines
8.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import { MessageCircle } from "lucide-react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="medium"
|
||
background="circleGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Anasayfa", id: "hero" },
|
||
{ name: "Hakkımızda", id: "about" },
|
||
{ name: "Parçalar", id: "products" },
|
||
{ name: "İletişim", id: "contact" },
|
||
]}
|
||
brandName="Uzman Otomotiv"
|
||
button={{ text: "İletişime Geç", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{ variant: "plain" }}
|
||
logoText="Uzman Otomotiv"
|
||
description="Konya'da klasik Fiat ve Tofaş araçlarınız için ihtiyaç duyduğunuz tüm orijinal yedek parçalar, yılların tecrübesiyle Uzman Otomotiv'de."
|
||
buttons={[
|
||
{ text: "Ürünleri İncele", href: "#products" },
|
||
{ text: "Bize Ulaşın", href: "#contact" },
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dc4n1Zl9PUaOCqL7S5IdGfs8zu/uploaded-1778569231422-whcnr4fa.jpg"
|
||
imageAlt="Klasik Tofaş"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{ type: "text", content: "Konya'nın Klasik Araç " },
|
||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dc4n1Zl9PUaOCqL7S5IdGfs8zu/uploaded-1778569231422-ijnjec20.jpg", alt: "Tofaş" },
|
||
{ type: "text", content: " Uzmanı" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", brand: "Tofaş", name: "Tofaş Şahin", price: "Detaylı Bilgi", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/tofas-sahin-classic_23-2148888888.jpg" },
|
||
{ id: "p2", brand: "Tofaş", name: "Tofaş Doğan SLX", price: "Detaylı Bilgi", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/tofas-dogan-slx_23-2149999999.jpg" },
|
||
{ id: "p3", brand: "Tofaş", name: "Tofaş Şahin Ön Tampon", price: "490 TL", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/car-bumper-spare-part_23-2150000000.jpg" },
|
||
{ id: "p4", brand: "Fiat", name: "Fiat Egea", price: "Detaylı Bilgi", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/fiat-egea-modern_23-2147777777.jpg" },
|
||
]}
|
||
title="Araç Modelleri ve Yedek Parçalar"
|
||
description="Tofaş ve Fiat model araçlarınız için geniş ürün yelpazesi."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySeven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: "f1", title: "Uzman Kadro", descriptions: ["Klasik araçlar konusunda 20 yıllık deneyim.", "Aracınıza en uygun parça tespiti."], imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1612.jpg" },
|
||
{ id: "f2", title: "Geniş Stok", descriptions: ["Aradığınız tüm parçalar stoklarımızda mevcut.", "Hızlı temin garantisi."], imageSrc: "http://img.b2bpic.net/free-photo/auto-parts-shelf_23-2151000000.jpg" },
|
||
{ id: "f3", title: "Orijinal Kalite", descriptions: ["Tüm ürünlerimiz yüksek kalite standartlarına sahiptir.", "Uzun ömürlü kullanım."], imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg" },
|
||
]}
|
||
title="Neden Uzman Otomotiv?"
|
||
description="Klasik araçlarınız için sunduğumuz ayrıcalıklı hizmetler."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={["Fiat", "Tofaş", "Uzmanlık", "Konya Sanayi", "Kalite Güvencesi", "Orijinal Parça", "Klasik Araç"]}
|
||
title="İş Ortaklarımız ve Kalite Standartlarımız"
|
||
description="Yüksek kalite ve orijinal parça tedariğinde tercih edilen marka."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Müşterilerimiz Ne Diyor?"
|
||
description="Uzman Otomotiv kalitesinden memnun kalan değerli müşterilerimizin yorumları."
|
||
testimonials={[
|
||
{ id: "t1", name: "Ahmet Yılmaz", handle: "@ayilmaz", testimonial: "Tofaş parçalarımı her zaman buradan alırım, çok ilgililer." },
|
||
{ id: "t2", name: "Mehmet Demir", handle: "@mdemir", testimonial: "Aradığım nadir parçayı kısa sürede buldular, teşekkürler.", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
title="Sıkça Sorulan Sorular"
|
||
description="Tofaş yedek parça süreçlerimiz hakkında bilmeniz gerekenler."
|
||
faqs={[
|
||
{ id: "q1", title: "Parça garantisi veriyor musunuz?", content: "Evet, tüm orijinal parçalarımız faturalı ve garantilidir." },
|
||
{ id: "q2", title: "Kargo ile parça gönderimi yapıyor musunuz?", content: "Tüm Türkiye'ye aynı gün kargo avantajımız bulunmaktadır." },
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Bize Ulaşın"
|
||
description="Parça sorgulama için formu doldurun veya doğrudan WhatsApp üzerinden bize ulaşın."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Adınız Soyadınız" },
|
||
{ name: "email", type: "email", placeholder: "E-posta Adresiniz" }
|
||
]}
|
||
useInvertedBackground={true}
|
||
buttonText="Gönder"
|
||
/>
|
||
<div className="flex justify-center mt-6">
|
||
<a href="https://wa.me/905550000000" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 text-green-600">
|
||
<MessageCircle size={32} />
|
||
<span className="font-semibold">WhatsApp ile İletişime Geçin</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Uzman Otomotiv"
|
||
columns={[
|
||
{ title: "Kurumsal", items: [{ label: "Hakkımızda", href: "#about" }, { label: "İletişim", href: "#contact" }] },
|
||
{ title: "Yedek Parça", items: [{ label: "Fiat Parçaları", href: "#products" }, { label: "Tofaş Parçaları", href: "#products" }] }
|
||
]}
|
||
copyrightText="© 2025 Uzman Otomotiv"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |