Merge version_5 into main #1
1367
src/app/layout.tsx
1367
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
107
src/app/page.tsx
107
src/app/page.tsx
@@ -9,7 +9,7 @@ import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Sparkles, Wrench, CheckCircle, Award, MessageCircle, Instagram, MapPin } from "lucide-react";
|
||||
import { Sparkles, Wrench, CheckCircle, Award, MessageCircle, Instagram, MapPin, Server, Package, Settings, Rocket, CheckSquare, AlertCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -73,23 +73,73 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "painting", label: "Boyama", title: "Jant Boyama", items: [
|
||||
"Profesyonel boya sistemleri", "Dayanıklı ve uzun ömürlü sonuç", "İlk günkü görünümü geri kazandırma", "Tüm renk seçenekleri mevcut"],
|
||||
"Profesyonel boya sistemleri", "Dayanıklı ve uzun ömürlü sonuç", "İlk günkü görünümü geri kazandırma", "Tüm renk seçenekleri mevcut"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "cnc", label: "CNC", title: "Jant CNC İşleme", items: [
|
||||
"Diamond cut jantlar için hassas işleme", "Profesyonel CNC makineleri kullanımı", "Yüzey işlemesi ve cilalama", "Mükemmel sonuç garantisi"],
|
||||
"Diamond cut jantlar için hassas işleme", "Profesyonel CNC makineleri kullanımı", "Yüzey işlemesi ve cilalama", "Mükemmel sonuç garantisi"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "polish", label: "Polisaj", title: "Jant Polisaj", items: [
|
||||
"Alüminyum jantların parlatılması", "Ayna görünümü kazandırma", "Profesyonel polisaj işlemi", "Koruyucu kaplama uygulaması"],
|
||||
"Alüminyum jantların parlatılması", "Ayna görünümü kazandırma", "Profesyonel polisaj işlemi", "Koruyucu kaplama uygulaması"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "offset", label: "Ofset", title: "Jant Ofsetleme", items: [
|
||||
"Aracın duruşunu düzenleme", "Jant hizasını ayarlama", "Profesyonel offset ayarları", "Denge ve güvenlik testi"],
|
||||
"Aracın duruşunu düzenleme", "Jant hizasını ayarlama", "Profesyonel offset ayarları", "Denge ve güvenlik testi"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "repair", label: "Tamir", title: "Jant Tamir ve Düzeltme", items: [
|
||||
"Eğilmiş jantların düzeltilmesi", "Hasar görmüş jantların onarılması", "Özel makineler ile işlem", "Güvenli kullanıma hazır hale getirme"],
|
||||
"Eğilmiş jantların düzeltilmesi", "Hasar görmüş jantların onarılması", "Özel makineler ile işlem", "Güvenli kullanıma hazır hale getirme"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="deployment" data-section="deployment">
|
||||
<FeatureCardTwelve
|
||||
title="Dağıtım ve Kurulum Rehberi"
|
||||
description="Kapsamlı dağıtım talimatları, ortam kurulumu, derleme işlemi, barındırma seçenekleri ve dağıtım sonrası doğrulama adımları."
|
||||
tag="Teknik Rehber"
|
||||
tagIcon={Rocket}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "environment", label: "Ortam Kurulumu", title: "Geliştirme Ortamını Ayarla", items: [
|
||||
"Node.js 18+ ve npm/yarn yükleme", ".env dosyasını konfigüre etme", "Bağımlılıkları yükleme: npm install", "Geliştirme sunucusunu başlatma: npm run dev"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "build", label: "Derleme Süreci", title: "Üretim Derlemesi Yapısı", items: [
|
||||
"Optimizasyon: npm run build", "Yapı çıktısını doğrulama", "Yerel olarak test etme: npm run start", "Hata kontrolleri ve performans denetimi"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "hosting", label: "Barındırma Seçenekleri", title: "Barındırma Platformlarını Seç", items: [
|
||||
"Vercel (Next.js için optimize edilmiş)", "Netlify (CI/CD entegrasyonlu)", "AWS, Google Cloud, Azure (ölçeklenebilir)", "Kendi sunucusu (tam kontrol)"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "deployment", label: "Dağıtım Süreci", title: "Uygulamayı Dağıt", items: [
|
||||
"Git deposunu bağla", "Dağıtım yapılandırmasını ayarla", "CI/CD pipeline'ı etkinleştir", "Otomatik dağıtımı başlat"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "verification", label: "Doğrulama", title: "Dağıtım Sonrası Kontrolleri Yap", items: [
|
||||
"Canlı URL'de işlevsellik testi", "Performans metriklerini kontrol et", "SSL sertifikası doğrulaması", "Hata kaydında anomali kontrol et"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "monitoring", label: "İzleme", title: "Devam Eden Süreyi İzle", items: [
|
||||
"Uptime monitörü kurup etkinleştir", "Hata uyarılarını ayarla", "Performans metriklerini takip et", "Düzenli bakım ve güncellemeler yap"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -108,17 +158,23 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Chrome Jant Yenileme", price: "Tamamlandı", imageSrc: "http://img.b2bpic.net/free-photo/gas-burner-with-flame-modern-stove-kitchen-style_169016-69263.jpg", imageAlt: "Chrome jant yenileme örneği"},
|
||||
id: "1", name: "Chrome Jant Yenileme", price: "Tamamlandı", imageSrc: "http://img.b2bpic.net/free-photo/gas-burner-with-flame-modern-stove-kitchen-style_169016-69263.jpg", imageAlt: "Chrome jant yenileme örneği"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Siyah Jant Boyama", price: "Mükemmel Sonuç", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342631.jpg", imageAlt: "Siyah jant boyama örneği"},
|
||||
id: "2", name: "Siyah Jant Boyama", price: "Mükemmel Sonuç", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342631.jpg", imageAlt: "Siyah jant boyama örneği"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Diamond Cut İşleme", price: "Premium Kalite", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "Diamond cut jant işleme örneği"},
|
||||
id: "3", name: "Diamond Cut İşleme", price: "Premium Kalite", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "Diamond cut jant işleme örneği"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Alüminyum Polisaj", price: "Parlak Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/closeup-tail-light-red-vintage-car-parked-outdoors-rain_181624-11787.jpg", imageAlt: "Alüminyum jant polisajı örneği"},
|
||||
id: "4", name: "Alüminyum Polisaj", price: "Parlak Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/closeup-tail-light-red-vintage-car-parked-outdoors-rain_181624-11787.jpg", imageAlt: "Alüminyum jant polisajı örneği"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Tamir ve Düzeltme", price: "İkinci Şans", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1665.jpg", imageAlt: "Hasar görmüş jant tamir örneği"},
|
||||
id: "5", name: "Tamir ve Düzeltme", price: "İkinci Şans", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1665.jpg", imageAlt: "Hasar görmüş jant tamir örneği"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Renkli Tasarım", price: "Kişiselleştirilmiş", imageSrc: "http://img.b2bpic.net/free-vector/neon-lights-fireworks-frame_1017-21124.jpg", imageAlt: "Özel renkli jant tasarımı"},
|
||||
id: "6", name: "Renkli Tasarım", price: "Kişiselleştirilmiş", imageSrc: "http://img.b2bpic.net/free-vector/neon-lights-fireworks-frame_1017-21124.jpg", imageAlt: "Özel renkli jant tasarımı"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,17 +216,23 @@ export default function LandingPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Jant boyama ne kadar sürer?", content: "Jant boyama işleminin süresi jantın boyutuna ve durumuna göre değişiklik gösterir. Genellikle 2-4 gün içinde tamamlanır. İşlem hızı için lütfen WhatsApp üzerinden iletişime geçiniz."},
|
||||
id: "1", title: "Jant boyama ne kadar sürer?", content: "Jant boyama işleminin süresi jantın boyutuna ve durumuna göre değişiklik gösterir. Genellikle 2-4 gün içinde tamamlanır. İşlem hızı için lütfen WhatsApp üzerinden iletişime geçiniz."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Türkiye'nin her yerine hizmet veriyor musunuz?", content: "Evet! İmza Jant olarak Ankara'da bulunan ofisimizden Türkiye'nin her yerine profesyonel jant yenileme hizmetleri sunuyoruz. Kargo ile gönderim veya kişisel teslimat seçenekleri mevcuttur."},
|
||||
id: "2", title: "Türkiye'nin her yerine hizmet veriyor musunuz?", content: "Evet! İmza Jant olarak Ankara'da bulunan ofisimizden Türkiye'nin her yerine profesyonel jant yenileme hizmetleri sunuyoruz. Kargo ile gönderim veya kişisel teslimat seçenekleri mevcuttur."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Jantımı size nasıl gösterebilirim?", content: "En kolay yol WhatsApp üzerinden jantınızın fotoğraflarını göndermektir. +90 507 656 12 63 numarasına net ve açık fotoğraflar gönderin. Ekibimiz hemen size geri dönüş yapacaktır."},
|
||||
id: "3", title: "Jantımı size nasıl gösterebilirim?", content: "En kolay yol WhatsApp üzerinden jantınızın fotoğraflarını göndermektir. +90 507 656 12 63 numarasına net ve açık fotoğraflar gönderin. Ekibimiz hemen size geri dönüş yapacaktır."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Fiyat nasıl belirlenir?", content: "Fiyatlandırma jantın boyutu, durumu, uygulanacak hizmet türü ve renk tercihine göre belirlenir. WhatsApp üzerinden fotoğraf gönderdikten sonra, size anında fiyat tarifesi verilir."},
|
||||
id: "4", title: "Fiyat nasıl belirlenir?", content: "Fiyatlandırma jantın boyutu, durumu, uygulanacak hizmet türü ve renk tercihine göre belirlenir. WhatsApp üzerinden fotoğraf gönderdikten sonra, size anında fiyat tarifesi verilir."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Jant tamiri güvenli midir?", content: "Evet, tamamen güvenlidir. Profesyonel CNC makineleriyle ve deneyimli teknisyenlerimizle yapılan tamirler 100% güvenli kullanım sağlar. Her jant, proses tamamlandıktan sonra denge ve güvenlik testlerinden geçer."},
|
||||
id: "5", title: "Jant tamiri güvenli midir?", content: "Evet, tamamen güvenlidir. Profesyonel CNC makineleriyle ve deneyimli teknisyenlerimizle yapılan tamirler 100% güvenli kullanım sağlar. Her jant, proses tamamlandıktan sonra denge ve güvenlik testlerinden geçer."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Ödeme şekilleri nelerdir?", content: "Nakit, banka transferi, kredi kartı ve mobil ödeme yöntemi kabul edilir. WhatsApp üzerinden yapılan fiyat tarifesinde ödeme tercihleri hakkında detaylı bilgi alabilirsiniz."},
|
||||
id: "6", title: "Ödeme şekilleri nelerdir?", content: "Nakit, banka transferi, kredi kartı ve mobil ödeme yöntemi kabul edilir. WhatsApp üzerinden yapılan fiyat tarifesinde ödeme tercihleri hakkında detaylı bilgi alabilirsiniz."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -199,13 +261,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://www.instagram.com/imzajant06", ariaLabel: "Instagram"},
|
||||
href: "https://www.instagram.com/imzajant06", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/905076561263", ariaLabel: "WhatsApp"},
|
||||
href: "https://wa.me/905076561263", ariaLabel: "WhatsApp"
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "#", ariaLabel: "Konum"},
|
||||
href: "#", ariaLabel: "Konum"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user