Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
453
src/app/page.tsx
453
src/app/page.tsx
@@ -19,333 +19,154 @@ export default function LandingPage() {
|
|||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="shift-hover"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="glass-elevated"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Anasayfa", id: "hero" },
|
||||||
name: "Anasayfa",
|
{ name: "Hakkımızda", id: "about" },
|
||||||
id: "hero",
|
{ name: "Parçalar", id: "products" },
|
||||||
},
|
{ name: "İletişim", id: "contact" },
|
||||||
{
|
]}
|
||||||
name: "Hakkımızda",
|
brandName="Uzman Otomotiv"
|
||||||
id: "about",
|
button={{ text: "İletişime Geç", href: "#contact" }}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Parçalar",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "İletişim",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Uzman Otomotiv"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
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."
|
||||||
logoText="Uzman Otomotiv"
|
buttons={[
|
||||||
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."
|
{ text: "Ürünleri İncele", href: "#products" },
|
||||||
buttons={[
|
{ text: "Bize Ulaşın", href: "#contact" },
|
||||||
{
|
]}
|
||||||
text: "Ürünleri İncele",
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-colorful-delicious-cookies-different-formed-inside-can-with-flowers-cups-tea_140725-19201.jpg"
|
||||||
href: "#products",
|
imageAlt="Uzman Otomotiv Yedek Parça"
|
||||||
},
|
mediaAnimation="slide-up"
|
||||||
{
|
/>
|
||||||
text: "Bize Ulaşın",
|
</div>
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-colorful-delicious-cookies-different-formed-inside-can-with-flowers-cups-tea_140725-19201.jpg"
|
|
||||||
imageAlt="Uzman Otomotiv Yedek Parça"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "Konya'nın Klasik Araç " },
|
||||||
type: "text",
|
{ type: "image", src: "http://img.b2bpic.net/free-vector/vintage-garage-badge_23-2147502660.jpg", alt: "Fiat" },
|
||||||
content: "Konya'nın Klasik Araç ",
|
{ type: "text", content: " ve " },
|
||||||
},
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118316.jpg", alt: "Tofaş" },
|
||||||
{
|
{ type: "text", content: " Uzmanı" },
|
||||||
type: "image",
|
]}
|
||||||
src: "http://img.b2bpic.net/free-vector/vintage-garage-badge_23-2147502660.jpg",
|
/>
|
||||||
alt: "Fiat",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: " ve ",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118316.jpg",
|
|
||||||
alt: "Tofaş",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: " Uzmanı",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", brand: "Fiat", name: "Motor Conta Takımı", price: "450 TL", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/vintage-car-with-reflections_1203-1983.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", brand: "Tofaş", name: "Fren Balata Seti", price: "380 TL", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg" },
|
||||||
brand: "Fiat",
|
{ id: "p3", brand: "Fiat", name: "Stop Lambası", price: "290 TL", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4284.jpg" },
|
||||||
name: "Motor Conta Takımı",
|
{ id: "p4", brand: "Tofaş", name: "Hava Filtresi", price: "120 TL", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-420.jpg" },
|
||||||
price: "450 TL",
|
{ id: "p5", brand: "Fiat", name: "Debriyaj Baskı Balata", price: "1200 TL", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg" },
|
||||||
rating: 5,
|
{ id: "p6", brand: "Tofaş", name: "Egzoz Manifoldu", price: "850 TL", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/colorful-stick-candles-arranged-shelves-sorted-by-color-candle-shop_169016-20588.jpg" },
|
||||||
reviewCount: "12",
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-car-with-reflections_1203-1983.jpg",
|
title="Öne Çıkan Yedek Parçalar"
|
||||||
},
|
description="Her model Tofaş ve Fiat için garantili ve uzun ömürlü mekanik parçalar."
|
||||||
{
|
/>
|
||||||
id: "p2",
|
</div>
|
||||||
brand: "Tofaş",
|
|
||||||
name: "Fren Balata Seti",
|
|
||||||
price: "380 TL",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "8",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
brand: "Fiat",
|
|
||||||
name: "Stop Lambası",
|
|
||||||
price: "290 TL",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "15",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4284.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
brand: "Tofaş",
|
|
||||||
name: "Hava Filtresi",
|
|
||||||
price: "120 TL",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "22",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-420.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
brand: "Fiat",
|
|
||||||
name: "Debriyaj Baskı Balata",
|
|
||||||
price: "1200 TL",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
brand: "Tofaş",
|
|
||||||
name: "Egzoz Manifoldu",
|
|
||||||
price: "850 TL",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "9",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-stick-candles-arranged-shelves-sorted-by-color-candle-shop_169016-20588.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Öne Çıkan Yedek Parçalar"
|
|
||||||
description="Her model Tofaş ve Fiat için garantili ve uzun ömürlü mekanik parçalar."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentySeven
|
<FeatureCardTwentySeven
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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: "f1",
|
{ 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/cool-motorcycle-outdoors_23-2150849465.jpg" },
|
||||||
title: "Uzman Kadro",
|
{ 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" },
|
||||||
descriptions: [
|
]}
|
||||||
"Klasik araçlar konusunda 20 yıllık deneyim.",
|
title="Neden Uzman Otomotiv?"
|
||||||
"Aracınıza en uygun parça tespiti.",
|
description="Klasik araçlarınız için sunduğumuz ayrıcalıklı hizmetler."
|
||||||
],
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1612.jpg",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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/cool-motorcycle-outdoors_23-2150849465.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">
|
<div id="social" data-section="social">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["Fiat", "Tofaş", "Uzmanlık", "Konya Sanayi", "Kalite Güvencesi", "Orijinal Parça", "Klasik Araç"]}
|
||||||
"Fiat",
|
title="İş Ortaklarımız ve Kalite Standartlarımız"
|
||||||
"Tofaş",
|
description="Yüksek kalite ve orijinal parça tedariğinde tercih edilen marka."
|
||||||
"Uzmanlık",
|
/>
|
||||||
"Konya Sanayi",
|
</div>
|
||||||
"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">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Ahmet Yılmaz", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-talking-smartphone_23-2147841923.jpg" },
|
||||||
id: "t1",
|
{ id: "t2", name: "Mehmet Demir", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg" },
|
||||||
name: "Ahmet Yılmaz",
|
{ id: "t3", name: "Selim Kaya", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-traveling-by-red-car_23-2149204046.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-talking-smartphone_23-2147841923.jpg",
|
{ id: "t4", name: "Zeynep Şahin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-nut-key-mechanic-s-arm_613910-13714.jpg" },
|
||||||
},
|
{ id: "t5", name: "Murat Aydın", imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130099.jpg" },
|
||||||
{
|
]}
|
||||||
id: "t2",
|
cardTitle="Müşterilerimiz Ne Diyor?"
|
||||||
name: "Mehmet Demir",
|
cardTag="Güvenilir Tedarik"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg",
|
cardAnimation="slide-up"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "t3",
|
|
||||||
name: "Selim Kaya",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-traveling-by-red-car_23-2149204046.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Zeynep Şahin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-nut-key-mechanic-s-arm_613910-13714.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Murat Aydın",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130099.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="Müşterilerimiz Ne Diyor?"
|
|
||||||
cardTag="Güvenilir Tedarik"
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "Stokta olmayan parçayı getiriyor musunuz?", content: "Evet, özel siparişlerle bulunması zor klasik parçaları en kısa sürede tedarik ediyoruz." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Parçalarınız garantili mi?", content: "Tüm orijinal yedek parçalarımız işletmemiz güvencesi altındadır." },
|
||||||
title: "Stokta olmayan parçayı getiriyor musunuz?",
|
{ id: "q3", title: "Konya dışına gönderim yapıyor musunuz?", content: "Türkiye'nin dört bir yanına kargo ile hızlı gönderim sağlıyoruz." },
|
||||||
content: "Evet, özel siparişlerle bulunması zor klasik parçaları en kısa sürede tedarik ediyoruz.",
|
]}
|
||||||
},
|
imageSrc="http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030436.jpg"
|
||||||
{
|
mediaAnimation="slide-up"
|
||||||
id: "q2",
|
title="Sıkça Sorulan Sorular"
|
||||||
title: "Parçalarınız garantili mi?",
|
description="Klasik Fiat ve Tofaş yedek parçaları hakkında merak ettikleriniz."
|
||||||
content: "Tüm orijinal yedek parçalarımız işletmemiz güvencesi altındadır.",
|
faqsAnimation="slide-up"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "q3",
|
|
||||||
title: "Konya dışına gönderim yapıyor musunuz?",
|
|
||||||
content: "Türkiye'nin dört bir yanına kargo ile hızlı gönderim sağlıyoruz.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030436.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
title="Sıkça Sorulan Sorular"
|
|
||||||
description="Klasik Fiat ve Tofaş yedek parçaları hakkında merak ettikleriniz."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
tag="İletişim"
|
||||||
}}
|
title="Bize Ulaşın"
|
||||||
tag="İletişim"
|
description="Klasik aracınız için parça desteği almak için hemen iletişime geçin."
|
||||||
title="Bize Ulaşın"
|
/>
|
||||||
description="Klasik aracınız için parça desteği almak için hemen iletişime geçin."
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Uzman Otomotiv", items: [{ label: "Konya Sanayi Sitesi", href: "#" }, { label: "İletişim", href: "#contact" }] },
|
||||||
title: "Uzman Otomotiv",
|
{ title: "Parçalar", items: [{ label: "Fiat Yedek Parça", href: "#products" }, { label: "Tofaş Yedek Parça", href: "#products" }] },
|
||||||
items: [
|
{ title: "Hakkımızda", items: [{ label: "Biz Kimiz", href: "#about" }, { label: "KVKK Politikası", href: "#" }] },
|
||||||
{
|
]}
|
||||||
label: "Konya Sanayi Sitesi",
|
bottomLeftText="© 2024 Uzman Otomotiv"
|
||||||
href: "#",
|
bottomRightText="Konya, Türkiye"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
label: "İletişim",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Parçalar",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Fiat Yedek Parça",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Tofaş Yedek Parça",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Hakkımızda",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Biz Kimiz",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "KVKK Politikası",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 Uzman Otomotiv"
|
|
||||||
bottomRightText="Konya, Türkiye"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user