Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f046243dc1 | |||
| def835fa40 | |||
| 5f063ecae0 | |||
| 8c871dc055 | |||
| a6e3b2df1f | |||
| 6486c19289 | |||
| 49e0260f8c | |||
| cc5dbdd799 | |||
| 805e811220 | |||
| b4bedff8cd | |||
| 365f017427 | |||
| ed2503268e | |||
| c43d90b888 | |||
| d222fea8f8 | |||
| 882b3632a3 | |||
| 7bfd26febf |
251
src/app/elektrikli-forklift/[modelName]/page.tsx
Normal file
251
src/app/elektrikli-forklift/[modelName]/page.tsx
Normal file
@@ -0,0 +1,251 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState } from "react";
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||||
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
|
import { Phone, MessageCircle, ChevronRight } from "lucide-react";
|
||||||
|
import Image from "next/image";
|
||||||
|
|
||||||
|
interface ProductDetailPageProps {
|
||||||
|
params: {
|
||||||
|
modelName: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function ProductDetailPage({ params }: ProductDetailPageProps) {
|
||||||
|
const modelName = decodeURIComponent(params.modelName);
|
||||||
|
const [selectedImage, setSelectedImage] = useState(0);
|
||||||
|
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Hizmetler", id: "services" },
|
||||||
|
{ name: "Araçlarımız", id: "products" },
|
||||||
|
{ name: "Neden Biz", id: "metrics" },
|
||||||
|
{ name: "SSS", id: "faq" },
|
||||||
|
{ name: "İletişim", id: "contact" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const footerColumns = [
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Ana Sayfa", href: "/" },
|
||||||
|
{ label: "Hakkımızda", href: "/hakkimizda" },
|
||||||
|
{ label: "Hizmetler", href: "/hizmetler" },
|
||||||
|
{ label: "Ürünler", href: "/urunler" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Kiralama", href: "/hizmetler" },
|
||||||
|
{ label: "Satış", href: "/urunler" },
|
||||||
|
{ label: "Servis", href: "/hizmetler" },
|
||||||
|
{ label: "Bakım", href: "/hizmetler" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Sık Sorulan Sorular", href: "#faq" },
|
||||||
|
{ label: "İletişim", href: "/iletisim" },
|
||||||
|
{ label: "Gizlilik Politikası", href: "#" },
|
||||||
|
{ label: "Kullanım Şartları", href: "#" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Bize Yazın", href: "mailto:info@timforklift.com.tr" },
|
||||||
|
{ label: "Çağrı Merkezi: 0532 402 1146", href: "tel:+905324021146" },
|
||||||
|
{ label: "Tel: 0216 537 1439", href: "tel:+902165371439" },
|
||||||
|
{ label: "WhatsApp Destek", href: "https://wa.me/905324021146" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const productImages = [
|
||||||
|
"http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg", "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg", "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg"];
|
||||||
|
|
||||||
|
const specifications = [
|
||||||
|
{ label: "Model Adı", value: modelName },
|
||||||
|
{ label: "Seri", value: "E-Pro 3000 Series" },
|
||||||
|
{ label: "Taşıma Kapasitesi", value: "3.000 kg" },
|
||||||
|
{ label: "Kaldırma Yüksekliği", value: "4.800 mm" },
|
||||||
|
{ label: "Çatal Uzunluğu", value: "1.200 mm" },
|
||||||
|
{ label: "Motor Türü", value: "AC Elektrik Motor" },
|
||||||
|
{ label: "Motor Gücü", value: "48 kW" },
|
||||||
|
{ label: "Batarya Türü", value: "Lityum-İon (LiFePO4)" },
|
||||||
|
{ label: "Batarya Voltajı", value: "48V / 100Ah" },
|
||||||
|
{ label: "Dönüş Yarıçapı", value: "2.200 mm" },
|
||||||
|
{ label: "Makine Ağırlığı", value: "4.500 kg" },
|
||||||
|
{ label: "Lastik Türü", value: "Pneumatik", value2: "Rulmanlı" },
|
||||||
|
{ label: "Direksiyon Sistemi", value: "Hidrolik Elektrik Geçişli" },
|
||||||
|
{ label: "Hidrolik Sistem", value: "Kuvvetlendirilmiş Körüklü Sistem" },
|
||||||
|
{ label: "Fren Sistemi", value: "Elektrik Rejeneratif + Mekanik" },
|
||||||
|
{ label: "Güvenlik Sensörleri", value: "Çarpışma + Kötü Kullanım Algılama" },
|
||||||
|
{ label: "Kabin Özellikleri", value: "Işıklandırmalı LCD Ekran" },
|
||||||
|
{ label: "Operatör Konfor Özellikleri", value: "Ergonomik Koltuk + Titreşim Damping" },
|
||||||
|
{ label: "Eğimlilik Yüzdesi", value: "%15" },
|
||||||
|
{ label: "Enerji Tüketimi", value: "8 kWh / 100 saat çalışma" },
|
||||||
|
{ label: "Çalışma Süresi", value: "8 saat sürekli" },
|
||||||
|
{ label: "Şarj Süresi", value: "4 saat (80% kapasiteye)" },
|
||||||
|
{ label: "İsteğe Bağlı Ataşmanlar", value: "Klasör, Fınca, Döner Kopya, Kova" },
|
||||||
|
{ label: "CE Sertifikasyonu", value: "Evet - 2006/42/EC Direktifi" },
|
||||||
|
{ label: "Garanti Süresi", value: "2 yıl veya 2.000 çalışma saati" },
|
||||||
|
{ label: "Bakım Planı", value: "Her 250 saat veya 3 ay" },
|
||||||
|
{ label: "Satış Sonrası Hizmet", value: "Türkiye Geneli 2 Saat Müdahale" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const otherModels = [
|
||||||
|
{ name: "E-Pro 2000", image: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg" },
|
||||||
|
{ name: "E-Pro 2500", image: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg" },
|
||||||
|
{ name: "E-Pro 3500", image: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg" },
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="icon-arrow"
|
||||||
|
defaultTextAnimation="reveal-blur"
|
||||||
|
borderRadius="pill"
|
||||||
|
contentWidth="compact"
|
||||||
|
sizing="medium"
|
||||||
|
background="blurBottom"
|
||||||
|
cardStyle="glass-depth"
|
||||||
|
primaryButtonStyle="double-inset"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="extrabold"
|
||||||
|
>
|
||||||
|
<div className="min-h-screen flex flex-col">
|
||||||
|
{/* Navbar */}
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarStyleApple brandName="Tim Forklift" navItems={navItems} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Main Content */}
|
||||||
|
<div className="flex-1 w-full py-12 px-4 md:px-8 lg:px-16">
|
||||||
|
<div className="max-w-6xl mx-auto">
|
||||||
|
{/* Breadcrumb */}
|
||||||
|
<div className="flex items-center gap-2 text-sm text-gray-600 mb-8">
|
||||||
|
<a href="/" className="hover:text-red-600">
|
||||||
|
Ana Sayfa
|
||||||
|
</a>
|
||||||
|
<ChevronRight size={16} />
|
||||||
|
<a href="/#products" className="hover:text-red-600">
|
||||||
|
Ürünler
|
||||||
|
</a>
|
||||||
|
<ChevronRight size={16} />
|
||||||
|
<span className="text-red-600 font-semibold">{modelName}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
|
||||||
|
{/* Product Image Section */}
|
||||||
|
<div className="lg:col-span-2">
|
||||||
|
<div className="bg-white rounded-lg p-6 mb-6 flex items-center justify-center">
|
||||||
|
<img
|
||||||
|
src={productImages[selectedImage]}
|
||||||
|
alt={modelName}
|
||||||
|
className="w-full h-auto max-h-96 object-contain"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex gap-4 overflow-x-auto">
|
||||||
|
{productImages.map((img, idx) => (
|
||||||
|
<button
|
||||||
|
key={idx}
|
||||||
|
onClick={() => setSelectedImage(idx)}
|
||||||
|
className={`flex-shrink-0 w-24 h-24 rounded-lg border-2 overflow-hidden ${
|
||||||
|
selectedImage === idx ? "border-red-600" : "border-gray-300"
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<img src={img} alt="thumbnail" className="w-full h-full object-cover" />
|
||||||
|
</button>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* CTA Box */}
|
||||||
|
<div className="bg-red-600 text-white rounded-lg p-6 h-fit">
|
||||||
|
<h3 className="text-2xl font-bold mb-6">Detaylı Bilgi</h3>
|
||||||
|
<p className="text-sm mb-6 text-red-100">
|
||||||
|
Bu model hakkında detaylı fiyat ve kiralama seçenekleri için bize ulaşın. Türkiye genelinde hızlı teslimat ve kurulum hizmeti sağlarız.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="space-y-4 mb-6">
|
||||||
|
<a
|
||||||
|
href="tel:+902165371439"
|
||||||
|
className="flex items-center justify-center gap-2 bg-white text-red-600 font-semibold py-3 px-4 rounded-lg hover:bg-red-50 transition-colors"
|
||||||
|
>
|
||||||
|
<Phone size={20} />
|
||||||
|
0216 537 14 39
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="https://wa.me/905324021146"
|
||||||
|
className="flex items-center justify-center gap-2 bg-white text-red-600 font-semibold py-3 px-4 rounded-lg hover:bg-red-50 transition-colors"
|
||||||
|
>
|
||||||
|
<MessageCircle size={20} />
|
||||||
|
WhatsApp Temas
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="border-t border-red-500 pt-4">
|
||||||
|
<p className="text-xs text-red-100 mb-2">📍 Türkiye Geneli Servis</p>
|
||||||
|
<p className="text-xs text-red-100">⏱️ 2 Saat Müdahale Garantisi</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Specifications Table */}
|
||||||
|
<div className="mb-12">
|
||||||
|
<h2 className="text-3xl font-bold mb-6 text-gray-800">Teknik Özellikleri</h2>
|
||||||
|
<div className="overflow-x-auto">
|
||||||
|
<table className="w-full border-collapse">
|
||||||
|
<tbody>
|
||||||
|
{specifications.map((spec, idx) => (
|
||||||
|
<tr key={idx} className={idx % 2 === 0 ? "bg-gray-50" : "bg-white"}>
|
||||||
|
<td className="border border-gray-200 px-4 py-3 font-semibold text-gray-700 w-1/3">
|
||||||
|
{spec.label}
|
||||||
|
</td>
|
||||||
|
<td className="border border-gray-200 px-4 py-3 text-gray-600">
|
||||||
|
{spec.value}
|
||||||
|
</td>
|
||||||
|
{spec.value2 && (
|
||||||
|
<td className="border border-gray-200 px-4 py-3 text-gray-600">
|
||||||
|
{spec.value2}
|
||||||
|
</td>
|
||||||
|
)}
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Other Models Carousel */}
|
||||||
|
<div className="mb-12">
|
||||||
|
<h2 className="text-3xl font-bold mb-6 text-gray-800">Diğer Elektrikli Forklift Modelleri</h2>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||||
|
{otherModels.map((model, idx) => (
|
||||||
|
<a
|
||||||
|
key={idx}
|
||||||
|
href={`/elektrikli-forklift/${encodeURIComponent(model.name)}`}
|
||||||
|
className="bg-white rounded-lg overflow-hidden hover:shadow-lg transition-shadow"
|
||||||
|
>
|
||||||
|
<img src={model.image} alt={model.name} className="w-full h-48 object-cover" />
|
||||||
|
<div className="p-4">
|
||||||
|
<h3 className="font-semibold text-gray-800 mb-2">{model.name}</h3>
|
||||||
|
<div className="flex items-center text-red-600 hover:text-red-700">
|
||||||
|
Detaylı Bilgi
|
||||||
|
<ChevronRight size={16} className="ml-1" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoEmphasis logoText="Tim Forklift A.Ş." columns={footerColumns} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,11 +1,12 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Public_Sans } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const publicSans = Public_Sans({
|
const poppins = Poppins({
|
||||||
variable: "--font-public-sans", subsets: ["latin"],
|
variable: "--font-poppins", subsets: ["latin"],
|
||||||
|
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
@@ -33,7 +34,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="tr" suppressHydrationWarning>
|
<html lang="tr" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${publicSans.variable} antialiased`}>
|
<body className={`${poppins.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|
||||||
|
|||||||
@@ -77,8 +77,8 @@ export default function HomePage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
title="Türkiye'nin Her Yerinde, Sizin Yanınızda"
|
title="Türkiye'nin Her Yerinde, Sizin Yanınızda."
|
||||||
description="27 yıllık sektör tecrübesi ve güçlü servis ağımız ile kesintisiz forklift çözümleri sunuyoruz. Kiralama, satış, bakım ve revizyon hizmetlerinde lider konumdayız."
|
description="27 yıllık sektör tecrübesi ile forklift satış, kiralama ve servis çözümleri sunuyoruz. 2.800+ aktif makine filosu ile kesintisiz destek."
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
tag="Sektöre Yön Veren Çözüm Ortağı"
|
tag="Sektöre Yön Veren Çözüm Ortağı"
|
||||||
tagIcon={Zap}
|
tagIcon={Zap}
|
||||||
@@ -87,10 +87,10 @@ export default function HomePage() {
|
|||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-asian-woman-business-owner-using-digital-tablet-checking-amount-stock-product-inventory-shelf-distribution-warehouse-factorylogistic-business-shipping-delivery-service_609648-2011.jpg", alt: "Müşteri 2" },
|
{ src: "http://img.b2bpic.net/free-photo/portrait-asian-woman-business-owner-using-digital-tablet-checking-amount-stock-product-inventory-shelf-distribution-warehouse-factorylogistic-business-shipping-delivery-service_609648-2011.jpg", alt: "Müşteri 2" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/man-working-warehouse-driving-forklift_1303-26625.jpg", alt: "Müşteri 3" },
|
{ src: "http://img.b2bpic.net/free-photo/man-working-warehouse-driving-forklift_1303-26625.jpg", alt: "Müşteri 3" },
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ companies"
|
avatarText="Güvenilen 500+ İşletme"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Ücretsiz Teklif Al", href: "contact" },
|
{ text: "Ürünleri İncele", href: "products" },
|
||||||
{ text: "Hizmetlerimizi Keşfedin", href: "services" },
|
{ text: "Hemen WhatsApp", href: "https://wa.me/905324021146" },
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/positive-male-logistic-worker-hardhat-driving-forklift-warehouse-smiling-looking-away_74855-16431.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/positive-male-logistic-worker-hardhat-driving-forklift-warehouse-smiling-looking-away_74855-16431.jpg"
|
||||||
imageAlt="Tim Forklift - Profesyonel Forklift Hizmetleri"
|
imageAlt="Tim Forklift - Profesyonel Forklift Hizmetleri"
|
||||||
@@ -103,7 +103,10 @@ export default function HomePage() {
|
|||||||
{ type: "text", content: "27 Yıl Tecrübe," },
|
{ type: "text", content: "27 Yıl Tecrübe," },
|
||||||
{ type: "text", content: "Sektöre Yön Veren Duruş" },
|
{ type: "text", content: "Sektöre Yön Veren Duruş" },
|
||||||
]}
|
]}
|
||||||
buttons={[{ text: "Detaylı Bilgi", href: "/hakkimizda" }]}
|
buttons={[
|
||||||
|
{ text: "Detaylı Bilgi", href: "/hakkimizda" },
|
||||||
|
{ text: "Servis Ağını Keşfet", href: "services" },
|
||||||
|
]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -117,21 +120,21 @@ export default function HomePage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Satış ve Kiralama", description: "Tüm markalardan forklift satış ve aylık/yıllık esnek kiralama seçenekleri. Her ihtiyaca uygun çözümler.", phoneOne: {
|
title: "Kiralık Forklift", description: "Tüm markalardan forklift satış ve aylık/yıllık esnek kiralama seçenekleri. Her ihtiyaca uygun çözümler.", phoneOne: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=1"},
|
imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=1"},
|
||||||
phoneTwo: {
|
phoneTwo: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=1"},
|
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=1"},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Satış Sonrası Güçlü Servis", description: "Sattığımız her ürünün arkasında duruyoruz. Periyodik bakım, revizyon ve 2. el hizmetleri Türkiye genelinde.", phoneOne: {
|
title: "Forklift Servisi", description: "Sattığımız her ürünün arkasında duruyoruz. Periyodik bakım, revizyon ve 2. el hizmetleri Türkiye genelinde.", phoneOne: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg?_wi=1"},
|
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg?_wi=1"},
|
||||||
phoneTwo: {
|
phoneTwo: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=1"},
|
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=1"},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "Gezici Servis Ağı", description: "2.800+ aktif makineye hizmet veren Türkiye geneli gezici servis ağımız. Acil durumlarda hızlı müdahale.", phoneOne: {
|
title: "Gezici Servis", description: "2.800+ aktif makineye hizmet veren Türkiye geneli gezici servis ağımız. Acil durumlarda hızlı müdahale.", phoneOne: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg?_wi=2"},
|
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg?_wi=2"},
|
||||||
phoneTwo: {
|
phoneTwo: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=2"},
|
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=2"},
|
||||||
@@ -152,19 +155,19 @@ export default function HomePage() {
|
|||||||
tagIcon={Award}
|
tagIcon={Award}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1", value: "27+", title: "Yıl Sektör Tecrübesi ile Kesintisiz Hizmet", items: [
|
id: "1", value: "27+", title: "Yıl Sektör Tecrübesi", items: [
|
||||||
"Ortalama 2 saat müdahale süresi garantili", "Türkiye'nin 15 şehrinde hizmet merkezi", "Kesintisiz 24/7 destek sağlama"],
|
"Ortalama 2 saat müdahale süresi garantili", "Türkiye'nin 15 şehrinde hizmet merkezi", "Kesintisiz 24/7 destek sağlama"],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2", value: "2.800+", title: "Aktif Makine Parkı ile Maksimum Verimlilik", items: [
|
id: "2", value: "2.800+", title: "Aktif Makine Parkı", items: [
|
||||||
"%65 akülü ve lityum teknoloji ile çevre dostu operasyon", "Yıllık %40 maliyeti tasarruf sağlama", "Çevre dostu sertifikasyon (ISO 45001) uyumlu"],
|
"%65 akülü ve lityum teknoloji ile çevre dostu operasyon", "Yıllık %40 maliyeti tasarruf sağlama", "Çevre dostu sertifikasyon (ISO 45001) uyumlu"],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3", value: "ISO 9001 & 45001", title: "Kalite Sertifikalarıyla Güvenilir Operasyon", items: [
|
id: "3", value: "65%", title: "Akülü & Lityum Makineler", items: [
|
||||||
"IAS Akreditasyon Kurumu tarafından onaylı kalite yönetimi", "%98 müşteri memnuniyeti oranı ile başarılı hizmet", "Sıfır kaza kaydı ile operasyon güvenliği"],
|
"IAS Akreditasyon Kurumu tarafından onaylı kalite yönetimi", "%98 müşteri memnuniyeti oranı ile başarılı hizmet", "Sıfır kaza kaydı ile operasyon güvenliği"],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4", value: "Türkiye Geneli", title: "Servis Ağı ile Hızlı Erişim", items: [
|
id: "4", value: "Türkiye Geneli", title: "Servis Ağı", items: [
|
||||||
"10.000+ stok yedek parça envanteri ile hazır destek", "Tüm marka ve model desteği (Toyota, Hyster, Yale, Linde)", "Hızlı müdahale garantisi (2 saat içinde)"],
|
"10.000+ stok yedek parça envanteri ile hazır destek", "Tüm marka ve model desteği (Toyota, Hyster, Yale, Linde)", "Hızlı müdahale garantisi (2 saat içinde)"],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -182,25 +185,35 @@ export default function HomePage() {
|
|||||||
tagIcon={Leaf}
|
tagIcon={Leaf}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Transpalet Modelleri", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=2", imageAlt: "Transpalet Modelleri"},
|
id: "1", name: "Transpalet Modelleri", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=2", imageAlt: "Transpalet Modelleri", onProductClick: () => (window.location.href = "/transpalet-modelleri"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", name: "İstif Makinesi", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=3", imageAlt: "İstif Makinesi"},
|
id: "2", name: "İstif Makineleri", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=3", imageAlt: "İstif Makineleri", onProductClick: () => (window.location.href = "/istif-makineleri"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", name: "Elektrikli Forklift", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=4", imageAlt: "Elektrikli Forklift"},
|
id: "3", name: "Elektrikli Forklift", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=4", imageAlt: "Elektrikli Forklift", onProductClick: () => (window.location.href = "/elektrikli-forklift"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", name: "Dizel Forklift", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=5", imageAlt: "Dizel Forklift"},
|
id: "4", name: "Dizel Forklift", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=5", imageAlt: "Dizel Forklift", onProductClick: () => (window.location.href = "/dizel-forklift"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "5", name: "Reach Truck", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=6", imageAlt: "Reach Truck"},
|
id: "5", name: "Reach Truck", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=6", imageAlt: "Reach Truck", onProductClick: () => (window.location.href = "/reach-truck"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "6", name: "Sipariş Toplayıcılar", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=7", imageAlt: "Sipariş Toplayıcılar"},
|
id: "6", name: "Sipariş Toplayıcılar", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=7", imageAlt: "Sipariş Toplayıcılar", onProductClick: () => (window.location.href = "/siparis-toplayicilari"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "7", name: "Elektrikli Çekiciler", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=8", imageAlt: "Elektrikli Çekiciler"},
|
id: "7", name: "Elektrikli Çekiciler", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=8", imageAlt: "Elektrikli Çekiciler", onProductClick: () => (window.location.href = "/elektrikli-cekiciler"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "8", name: "Dar Koridor Makinesi", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=9", imageAlt: "Dar Koridor Makinesi"},
|
id: "8", name: "Dar Koridor Makineleri", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=9", imageAlt: "Dar Koridor Makineleri", onProductClick: () => (window.location.href = "/dar-koridor-makineleri"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "9", name: "Forklift Aksamları", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=10", imageAlt: "Forklift Aksamları"},
|
id: "9", name: "Forklift Ataşmanları", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=10", imageAlt: "Forklift Ataşmanları", onProductClick: () => (window.location.href = "/forklift-atashmanları"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "10", name: "Makas Platform", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=11", imageAlt: "Makas Platform"},
|
id: "10", name: "Makaslı Platform", price: "Detaylı Bilgi İçin: 0216 537 14 39", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=11", imageAlt: "Makaslı Platform", onProductClick: () => (window.location.href = "/makasli-platform"),
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -275,7 +288,7 @@ export default function HomePage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
inputPlaceholder="E-posta adresinizi giriniz"
|
inputPlaceholder="E-posta adresinizi giriniz"
|
||||||
buttonText="Bilgi Al"
|
buttonText="Bilgi Al"
|
||||||
termsText="Tarafınızdan sağlanan bilgiler sadece Tim Forklift tarafından iletişim amacıyla kullanılacaktır. Gizlilik politikamızı inceleyiniz."
|
termsText="Tarafınızdan sağlanan bilgiler sadece Tim Forklift tarafından iletişim amacıyla kullanılacaktır. Hemen Ara: 0532 402 1146 numarasını arayarak da hemen destek alabilirsiniz. Gizlilik politikamızı inceleyiniz."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-public-sans), sans-serif;
|
font-family: var(--font-poppins), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-public-sans), sans-serif;
|
font-family: var(--font-poppins), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
--background: #ffffff;;
|
--background: #ffffff;;
|
||||||
--card: #f9f9f9;;
|
--card: #f9f9f9;;
|
||||||
--foreground: #000612e6;;
|
--foreground: #000612e6;;
|
||||||
--primary-cta: #15479c;;
|
--primary-cta: #e63946;;
|
||||||
--primary-cta-text: #ffffff;;
|
--primary-cta-text: #ffffff;;
|
||||||
--secondary-cta: #f9f9f9;;
|
--secondary-cta: #f9f9f9;;
|
||||||
--secondary-cta-text: #000612e6;;
|
--secondary-cta-text: #000612e6;;
|
||||||
|
|||||||
Reference in New Issue
Block a user