Update src/app/page.tsx

This commit is contained in:
2026-05-12 06:57:33 +00:00
parent 48abf5a965
commit 13abb1f7d2

View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { MessageCircle } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
@@ -50,8 +51,8 @@ export default function LandingPage() {
{ text: "Ürünleri İncele", href: "#products" }, { text: "Ürünleri İncele", href: "#products" },
{ text: "Bize Ulaşın", href: "#contact" }, { text: "Bize Ulaşın", 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" imageSrc="http://img.b2bpic.net/free-photo/classic-cars-exhibition_23-2148416634.jpg"
imageAlt="Uzman Otomotiv Yedek Parça" imageAlt="Klasik Otomobiller"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -63,7 +64,7 @@ export default function LandingPage() {
{ type: "text", content: "Konya'nın Klasik Araç " }, { type: "text", content: "Konya'nın Klasik Araç " },
{ type: "image", src: "http://img.b2bpic.net/free-vector/vintage-garage-badge_23-2147502660.jpg", alt: "Fiat" }, { type: "image", src: "http://img.b2bpic.net/free-vector/vintage-garage-badge_23-2147502660.jpg", alt: "Fiat" },
{ type: "text", content: " ve " }, { 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: "image", src: "http://img.b2bpic.net/free-vector/tofas-logo-vintage_23-2147820000.jpg", alt: "Tofaş" },
{ type: "text", content: " Uzmanı" }, { type: "text", content: " Uzmanı" },
]} ]}
/> />
@@ -76,15 +77,13 @@ export default function LandingPage() {
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", 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: "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: "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: "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: "p3", 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" },
{ 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: "p4", 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: "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" title="Araç Modelleri ve Yedek Parçalar"
description="Her model Tofaş ve Fiat için garantili ve uzun ömürlü mekanik parçalar." description="Tofaş ve Fiat model araçlarınız için geniş ürün yelpazesi."
/> />
</div> </div>
@@ -95,7 +94,7 @@ export default function LandingPage() {
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", 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/cool-motorcycle-outdoors_23-2150849465.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" }, { 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?" title="Neden Uzman Otomotiv?"
@@ -136,7 +135,6 @@ export default function LandingPage() {
faqs={[ faqs={[
{ id: "q1", title: "Parça garantisi veriyor musunuz?", content: "Evet, tüm orijinal parçalarımız faturalı ve garantilidir." }, { 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." }, { 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." },
{ id: "q3", title: "Klasik araçlar için yedek parça temini zor mudur?", content: "Uzman Otomotiv geniş ağıyla zor bulunan tüm parçaları tedarik edebilmektedir." },
]} ]}
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
@@ -145,15 +143,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Bize Ulaşın" title="Bize Ulaşın"
description="Parça sorgulama veya detaylı bilgi için formu doldurarak bize ulaşın." description="Parça sorgulama için formu doldurun veya doğrudan WhatsApp üzerinden bize ulaşın."
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Adınız Soyadınız" }, { name: "name", type: "text", placeholder: "Adınız Soyadınız" },
{ name: "email", type: "email", placeholder: "E-posta Adresiniz" }, { name: "email", type: "email", placeholder: "E-posta Adresiniz" }
{ name: "phone", type: "tel", placeholder: "Telefon Numaranız" }
]} ]}
useInvertedBackground={true} useInvertedBackground={true}
buttonText="Gönder" 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>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">