diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..0b7098b --- /dev/null +++ b/Dockerfile @@ -0,0 +1,58 @@ +# 1. Base image +FROM node:20-alpine AS base + +# 2. Dependencies +FROM base AS deps +RUN apk add --no-cache libc6-compat +WORKDIR /app + +# Install dependencies based on the preferred package manager +COPY package.json package-lock.json* ./ +RUN npm ci --legacy-peer-deps + + +# 3. Builder +FROM base AS builder +WORKDIR /app +COPY --from=deps /app/node_modules ./node_modules +COPY . . + +# Environment variables must be present at build time for Next.js +# Coolify will provide these, but we can set defaults +ENV NEXT_TELEMETRY_DISABLED=1 + +# Generate Prisma Client +RUN npx prisma generate + +RUN npm run build + +# 4. Runner +FROM base AS runner +WORKDIR /app + +ENV NODE_ENV=production +ENV NEXT_TELEMETRY_DISABLED=1 + +RUN addgroup --system --gid 1001 nodejs +RUN adduser --system --uid 1001 nextjs + +COPY --from=builder /app/public ./public + +# Set the correct permission for prerender cache +RUN mkdir .next +RUN chown nextjs:nodejs .next + +# Automatically leverage output traces to reduce image size +# https://nextjs.org/docs/advanced-features/output-file-tracing +COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./ +COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static + +USER nextjs + +EXPOSE 3000 + +ENV PORT=3000 +# set hostname to localhost +ENV HOSTNAME="0.0.0.0" + +CMD ["node", "server.js"] diff --git a/YONETIM.md b/YONETIM.md new file mode 100644 index 0000000..5daccd6 --- /dev/null +++ b/YONETIM.md @@ -0,0 +1,23 @@ +# 🏗️ Site Yönetim Kılavuzu + +Bu site, bir admin paneline ihtiyaç duymadan, merkezi bir veri dosyası üzerinden yönetilecek şekilde tasarlanmıştır. + +## 📝 İçerik Nasıl Güncellenir? + +Tüm içerik yönetimi **`lib/data.ts`** dosyası üzerinden yapılır. Bu dosyayı herhangi bir metin düzenleyici ile açarak şu bilgileri güncelleyebilirsiniz: + +### 📞 İletişim Bilgileri +`siteConfig` nesnesi altındaki adres, telefon, e-posta ve WhatsApp numaralarını değiştirmeniz yeterlidir. + +### 🏗️ Filo Yönetimi (Araç Ekleme/Çıkarma) +`FLEET_ITEMS` listesine yeni bir araç ekleyebilir veya mevcut olanları düzenleyebilirsiniz. +- **Örnek:** Yeni bir vinç aldığınızda, listedeki bir öğeyi kopyalayıp altına yapıştırın ve bilgilerini güncelleyin. + +### 🛠️ Hizmetler +`SERVICES` listesi altındaki başlıkları ve açıklamaları değiştirerek ana sayfadaki ve hizmetler sayfasındaki kartları güncelleyebilirsiniz. + +--- + +## 🚀 Dikkat Edilmesi Gerekenler +- Bilgileri güncellerken tırnak işaretlerini (`"..."`) ve virgülleri (`,`) silmemeye özen gösterin. +- Yeni bir görsel eklemek isterseniz, görselin internet linkini veya `public/` klasöründeki yolunu yazabilirsiniz. diff --git a/app/filomuz/page.tsx b/app/filomuz/page.tsx new file mode 100644 index 0000000..ab55217 --- /dev/null +++ b/app/filomuz/page.tsx @@ -0,0 +1,123 @@ +import { Navbar } from "@/components/Navbar"; +import { Footer } from "@/components/Footer"; +import { FloatingWhatsApp } from "@/components/FloatingWhatsApp"; +import { CTASection } from "@/components/CTASection"; +import { LoadMeterSection } from "@/components/LoadMeterSection"; +import Image from "next/image"; +import { cn } from "@/lib/utils"; +import { Metadata } from "next"; +import { FLEET_ITEMS } from "@/lib/data"; + +export const metadata: Metadata = { + title: "Geniş Vinç Filosu ve İş Makineleri Parkurumuz", + description: "300 tondan 500 tona kadar mobil vinçler, sepetli platformlar ve hiyap vinçlerden oluşan modern araç filomuzla hizmetinizdeyiz.", +}; + +const FLEET_CATEGORIES = ["Hepsi", "Mobil Vinç", "Sepetli Platform", "Hiyap", "Kule Vinç"]; + +export default function FleetPage() { + return ( +
+ + + {/* Hero Section */} +
+
+ Heavy crane +
+
+
+
+ + PREZİSYONEL GÜÇ + +

+ MAKİNE
PARKURUMUZ +

+
+
+
+
+ + {/* Filter System */} +
+
+
+ Filtrele: + {FLEET_CATEGORIES.map((category, index) => ( + + ))} +
+
+
+ + {/* Fleet Grid */} +
+
+ {FLEET_ITEMS.map((item, index) => ( +
+
+ {item.name} +
+ {item.status} +
+
+
+

+ {item.name} +

+

+ {item.description} +

+
+
+ Kapasite + {item.capacity} +
+
+ Erişim + {item.reach} +
+
+ +
+
+ ))} +
+
+ + + +
+ ); +} diff --git a/app/globals.css b/app/globals.css index a2dc41e..a5e2c17 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,26 +1,98 @@ @import "tailwindcss"; :root { - --background: #ffffff; - --foreground: #171717; + --background: #131313; + --foreground: #E5E2E1; + --primary: #FFD700; /* Industrial Yellow */ + --primary-container: #FFD700; + --on-primary: #3A3000; + --surface: #131313; + --surface-container: #20201F; + --surface-container-low: #1C1B1B; + --surface-container-high: #2A2A2A; + --surface-container-highest: #353535; + --surface-container-lowest: #0E0E0E; + --on-surface-variant: #D0C6AB; + --outline-variant: #4D4732; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); + --color-primary: var(--primary); + --color-primary-container: var(--primary-container); + --color-on-primary: var(--on-primary); + --color-surface: var(--surface); + --color-surface-container: var(--surface-container); + --color-surface-container-low: var(--surface-container-low); + --color-surface-container-high: var(--surface-container-high); + --color-surface-container-highest: var(--surface-container-highest); + --color-surface-container-lowest: var(--surface-container-lowest); + --color-on-surface-variant: var(--on-surface-variant); + --color-outline-variant: var(--outline-variant); + + --font-headline: var(--font-space-grotesk), sans-serif; + --font-body: var(--font-inter), sans-serif; + --font-label: var(--font-inter), sans-serif; + + --radius-none: 0px; + --radius-sm: 0px; + --radius-md: 0px; + --radius-lg: 0px; + --radius-xl: 0px; + --radius-2xl: 0px; + --radius-3xl: 0px; } @media (prefers-color-scheme: dark) { :root { - --background: #0a0a0a; - --foreground: #ededed; + --background: #131313; + --foreground: #E5E2E1; } } +html { + scroll-behavior: smooth; +} + body { background: var(--background); color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--font-body), Arial, Helvetica, sans-serif; + overflow-x: hidden; +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-headline); +} + +.text-stroke { + -webkit-text-stroke: 1px rgba(255, 215, 0, 0.3); + color: transparent; +} + +.no-scrollbar::-webkit-scrollbar { + display: none; +} +.no-scrollbar { + -ms-overflow-style: none; + scrollbar-width: none; +} + +@layer utilities { + .noise-overlay { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + z-index: 9999; + pointer-events: none; + opacity: 0.05; + background-image: url("https://grainy-gradients.vercel.app/noise.svg"); + } + + .text-balance { + text-wrap: balance; + } } diff --git a/app/hakkimizda/page.tsx b/app/hakkimizda/page.tsx new file mode 100644 index 0000000..1e2b291 --- /dev/null +++ b/app/hakkimizda/page.tsx @@ -0,0 +1,177 @@ +import { Navbar } from "@/components/Navbar"; +import { Footer } from "@/components/Footer"; +import { FloatingWhatsApp } from "@/components/FloatingWhatsApp"; +import { CTASection } from "@/components/CTASection"; +import Image from "next/image"; +import { Shield, Zap, Target, Users, Rocket, Eye } from "lucide-react"; +import { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Hakkımızda | Aydoğan Nakliyat Vinç Kurumsal", + description: "20 yılı aşkın tecrübemizle Dalaman ve Muğla bölgesinin lider vinç ve nakliyat firmasıyız. Vizyonumuz, misyonumuz ve profesyonel ekibimiz hakkında bilgi alın.", +}; + +const VALUES = [ + { + title: "Güvenlik", + description: "Sıfır kaza politikasıyla, tüm operasyonlarımızda uluslararası güvenlik standartlarını uyguluyoruz.", + icon: + }, + { + title: "Hız", + description: "Zamanın değerini biliyoruz. En karmaşık projeleri bile belirlenen takvim dahilinde tamamlıyoruz.", + icon: + }, + { + title: "Hassasiyet", + description: "Milimetrik hesaplamalarla, en değerli yüklerinizi en ufak bir zarar görmeden taşıyoruz.", + icon: + }, + { + title: "Müşteri Odaklılık", + description: "Her projenin kendine has ihtiyaçları vardır. Size özel esnek ve akılcı çözümler üretiyoruz.", + icon: + } +]; + +const STATS = [ + { label: "Yıllık Tecrübe", value: "20+" }, + { label: "Tamamlanan Proje", value: "1500+" }, + { label: "Modern Araç Filosu", value: "25+" }, + { label: "Maksimum Kapasite", value: "500t" } +]; + +export default function AboutPage() { + return ( +
+ + + {/* Hero Section */} +
+
+ Crane at sunset +
+
+
+

+ Hakkımızda +

+
+

+ Dalaman'ın güvenilir çözüm ortağı: Tecrübe, güç ve hassasiyetle yükseliyoruz. +

+
+
+ + {/* Our Story */} +
+
+
+
+
+ Crane operation +
+
+

20+

+

Yıllık Tecrübe

+
+
+
+ Kurumsal Kimliğimiz +

+ Dalaman'ın Gücü, Sizin Güveniniz. +

+

+ Aydoğan Nakliyat Vinç olarak, Dalaman ve çevresinde uzun yıllardır güvenilirlik ve tecrübeyle hizmet vermekteyiz. Sektördeki köklü geçmişimizle, her projede en yüksek standartları hedefliyoruz. +

+

+ Ağır yük nakliyatından hassas vinç operasyonlarına kadar, modern filomuz ve uzman kadromuzla projelerinizin her aşamasında yanınızdayız. Mühendislik odaklı yaklaşımımızla, en zorlu coğrafi koşullarda bile kusursuz hizmet sağlıyoruz. +

+
+
+
+ + {/* Core Values */} +
+
+
+

Temel Değerlerimiz

+
+
+
+ {VALUES.map((value, index) => ( +
+
+ {value.icon} +
+

+ {value.title} +

+

+ {value.description} +

+
+ ))} +
+
+
+ + {/* Mission & Vision */} +
+
+
+
+
+ +
+

Misyonumuz

+
+

+ "Modern teknolojiyi geleneksel iş ahlakıyla birleştirerek, Dalaman bölgesindeki altyapı ve inşaat projelerine en güvenilir, en hızlı ve en profesyonel lojistik ve vinç desteğini sağlamak." +

+
+
+
+
+ +
+

Vizyonumuz

+
+

+ "Sektörde yenilikçi çözümlerimiz ve sarsılmaz güvenilirliğimizle, sadece Dalaman'da değil, tüm Ege ve Akdeniz bölgesinde ağır nakliyat ve vinç hizmetlerinde lider marka olmak." +

+
+
+
+ + {/* Stats */} +
+
+ {STATS.map((stat, index) => ( +
+ {stat.value} + {stat.label} +
+ ))} +
+
+ + +
+ +
+ ); +} diff --git a/app/hizmetler/page.tsx b/app/hizmetler/page.tsx new file mode 100644 index 0000000..4e7286e --- /dev/null +++ b/app/hizmetler/page.tsx @@ -0,0 +1,170 @@ +import { Navbar } from "@/components/Navbar"; +import { Footer } from "@/components/Footer"; +import { FloatingWhatsApp } from "@/components/FloatingWhatsApp"; +import { CTASection } from "@/components/CTASection"; +import { Settings, ArrowUp, Truck, Compass, ArrowRight, Shield, Zap, Clock } from "lucide-react"; +import Image from "next/image"; +import { cn } from "@/lib/utils"; +import { Metadata } from "next"; +import { SERVICES } from "@/lib/data"; + +export const metadata: Metadata = { + title: "Muğla Vinç Kiralama ve Ağır Nakliyat Hizmetleri", + description: "Dalaman merkezli 500 tona kadar mobil vinç kiralama, sepetli platform, ağır nakliyat ve proje taşımacılığı. Ege Bölgesi ve Türkiye geneli profesyonel çözümler.", + keywords: ["muğla vinç kiralama", "dalaman vinç kiralama", "sepetli platform", "ağır nakliyat muğla", "proje taşımacılığı", "fethiye vinç", "ortaca vinç"], +}; + +const FEATURES = [ + { + id: "01", + title: "Hassas Mühendislik", + description: "Her kaldırma operasyonu için detaylı simülasyon ve planlama.", + icon: + }, + { + id: "02", + title: "Sertifikalı Operatörler", + description: "Uluslararası standartlarda eğitim almış uzman teknik ekip.", + icon: + }, + { + id: "03", + title: "7/24 Teknik Destek", + description: "Kesintisiz operasyon için anında müdahale ve destek hizmeti.", + icon: + } +]; + +const STATS = [ + { label: "Max Kapasite", value: "500T", highlighted: true }, + { label: "Yıllık Deneyim", value: "15+", highlighted: false }, + { label: "İş Güvenliği", value: "100%", highlighted: false }, + { label: "Aktif Operasyon", value: "24/7", highlighted: true } +]; + +export default function ServicesPage() { + return ( +
+ + + {/* Hero Section */} +
+
+ Cranes at sunset +
+
+
+

+ Endüstriyel Güç ve Mühendislik Çözümleri +

+

+ Hizmetlerimiz +

+
+
+
+
+
+ + {/* Services Grid */} +
+
+ {SERVICES.map((service, index) => ( +
+
+
+
+ {index === 0 && } + {index === 1 && } + {index === 2 && } + {index === 3 && } +
+

+ {service.title} +

+

+ {service.description} +

+
+
+ +
+
+ {/* Subtle Background Image for Card */} +
+ {service.title} +
+
+ ))} +
+
+ + {/* Why Choose Us */} +
+
+
+

+ Neden AYDOĞAN NAKLİYAT? +

+

+ Endüstriyel operasyonlarda güvenlik bir seçenek değil, zorunluluktur. Mühendislik odaklı yaklaşımımızla riskleri minimize ediyoruz. +

+
+ {FEATURES.map((feature) => ( +
+
{feature.id}
+
+

{feature.title}

+

{feature.description}

+
+
+ ))} +
+
+ +
+ {STATS.map((stat, index) => ( +
+ + {stat.value} + + + {stat.label} + +
+ ))} +
+
+
+ + +
+ +
+ ); +} diff --git a/app/iletisim/page.tsx b/app/iletisim/page.tsx new file mode 100644 index 0000000..63815e8 --- /dev/null +++ b/app/iletisim/page.tsx @@ -0,0 +1,175 @@ +import { Navbar } from "@/components/Navbar"; +import { Footer } from "@/components/Footer"; +import { FloatingWhatsApp } from "@/components/FloatingWhatsApp"; +import Image from "next/image"; +import { MapPin, Phone, Mail, ArrowRight, Navigation } from "lucide-react"; +import { Metadata } from "next"; + +export const metadata: Metadata = { + title: "İletişim | Dalaman, Muğla Vinç ve Nakliyat", + description: "Aydoğan Nakliyat operasyon merkezine ulaşın. Dalaman Sanayi Sitesi'nde 7/24 hizmet veriyoruz. Teklif almak için bizi arayın.", +}; + +export default function ContactPage() { + return ( +
+ + + {/* Hero Section */} +
+
+ Industrial machinery +
+
+
+

+ İletişim +

+
+
+
+ + {/* Main Content */} +
+ {/* Left Column: Contact Details */} +
+

Operasyon Merkezi

+
+ {/* Address */} +
+
+ +
+
+

Adres

+

+ Merkez Mah. Sanayi Sitesi No: 42
Dalaman / Muğla +

+
+
+ {/* Phone */} +
+
+ +
+
+

Telefon

+

+ +90 252 692 00 00 +

+
+
+ {/* Email */} +
+
+ +
+
+

E-Posta

+

+ info@aydogannakliyat.com +

+
+
+
+ + {/* Social/Status Indicators */} +
+
+ + 7/24 Aktif Operasyon +
+
+ + Muğla & Çevresi +
+
+
+ + {/* Right Column: Contact Form */} +
+

Teklif Talebi & Mesaj

+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+ +
+
+
+ + {/* Map Section */} +
+
+ Dalaman map mockup +
+
+
+
+ +

Lokasyonumuz

+

+ Dalaman Sanayi Sitesi'nin kalbinde, tüm Ege ve Akdeniz bölgesine hızlı erişim noktasındayız. +

+ + Yol Tarifi Al + +
+
+
+ +
+ +
+ ); +} diff --git a/app/layout.tsx b/app/layout.tsx index 976eb90..801d20c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,20 +1,58 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import { Space_Grotesk, Inter } from "next/font/google"; import "./globals.css"; +import { JsonLd } from "@/components/JsonLd"; -const geistSans = Geist({ - variable: "--font-geist-sans", +const spaceGrotesk = Space_Grotesk({ + variable: "--font-space-grotesk", subsets: ["latin"], }); -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", +const inter = Inter({ + variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + metadataBase: new URL("https://aydogannakliyatvinc.com"), // Gerçek domain ile değiştirilmeli + title: { + default: "Aydoğan Nakliyat Vinç | Dalaman, Muğla, Ege Bölgesi", + template: "%s | Aydoğan Nakliyat Vinç" + }, + description: "Muğla Dalaman merkezli profesyonel vinç kiralama ve ağır nakliyat hizmetleri. 7/24 tekne taşıma, konteyner nakliyesi ve tüm Türkiye geneli ağır yük çözümleri.", + keywords: ["vinç kiralama", "nakliyat", "muğla vinç", "dalaman vinç", "ağır nakliyat", "tekne taşıma", "konteyner taşıma", "ege bölgesi vinç", "türkiye geneli nakliyat"], + authors: [{ name: "Aydoğan Nakliyat" }], + creator: "Aydoğan Nakliyat", + publisher: "Aydoğan Nakliyat", + formatDetection: { + email: false, + address: true, + telephone: true, + }, + openGraph: { + title: "Aydoğan Nakliyat Vinç | Dalaman, Muğla, Ege Bölgesi", + description: "Profesyonel vinç kiralama ve ağır nakliyat hizmetleri. 7/24 güvenilir çözümler.", + url: "https://aydogannakliyatvinc.com", + siteName: "Aydoğan Nakliyat Vinç", + locale: "tr_TR", + type: "website", + }, + twitter: { + card: "summary_large_image", + title: "Aydoğan Nakliyat Vinç | Dalaman, Muğla, Ege Bölgesi", + description: "Profesyonel vinç kiralama ve ağır nakliyat hizmetleri.", + }, + robots: { + index: true, + follow: true, + googleBot: { + index: true, + follow: true, + 'max-video-preview': -1, + 'max-image-preview': 'large', + 'max-snippet': -1, + }, + }, }; export default function RootLayout({ @@ -24,10 +62,14 @@ export default function RootLayout({ }>) { return ( - {children} + + +
+ {children} + ); } diff --git a/app/page.tsx b/app/page.tsx index 3f36f7c..0ec3433 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,65 +1,31 @@ -import Image from "next/image"; +import { Navbar } from "@/components/Navbar"; +import { Hero } from "@/components/Hero"; +import { StatsGrid } from "@/components/StatsGrid"; +import { ServicesPreview } from "@/components/ServicesPreview"; +import { FleetSection } from "@/components/FleetSection"; +import { LoadMeterSection } from "@/components/LoadMeterSection"; +import { CTASection } from "@/components/CTASection"; +import { Footer } from "@/components/Footer"; +import { FloatingWhatsApp } from "@/components/FloatingWhatsApp"; +import { Metadata } from "next"; + +export const metadata: Metadata = { + title: "Aydoğan Nakliyat Vinç | Dalaman, Muğla Vinç Kiralama", + description: "Dalaman ve Muğla genelinde 7/24 vinç kiralama, ağır nakliyat, tekne taşıma ve konteyner nakliyesi. Güçlü filo, uzman kadro ve uygun fiyatlı çözümler.", +}; export default function Home() { return ( -
-
- Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -

-
- -
-
+
+ + + + + + + +
+ +
); } diff --git a/app/robots.ts b/app/robots.ts new file mode 100644 index 0000000..42027a7 --- /dev/null +++ b/app/robots.ts @@ -0,0 +1,12 @@ +import { MetadataRoute } from 'next'; + +export default function robots(): MetadataRoute.Robots { + return { + rules: { + userAgent: '*', + allow: '/', + disallow: '/private/', + }, + sitemap: 'https://aydogannakliyatvinc.com/sitemap.xml', + }; +} diff --git a/app/sitemap.ts b/app/sitemap.ts new file mode 100644 index 0000000..2457313 --- /dev/null +++ b/app/sitemap.ts @@ -0,0 +1,38 @@ +import { MetadataRoute } from 'next'; + +export default function sitemap(): MetadataRoute.Sitemap { + const baseUrl = 'https://aydogannakliyatvinc.com'; + + return [ + { + url: baseUrl, + lastModified: new Date(), + changeFrequency: 'monthly', + priority: 1, + }, + { + url: `${baseUrl}/hizmetler`, + lastModified: new Date(), + changeFrequency: 'monthly', + priority: 0.8, + }, + { + url: `${baseUrl}/filomuz`, + lastModified: new Date(), + changeFrequency: 'monthly', + priority: 0.7, + }, + { + url: `${baseUrl}/hakkimizda`, + lastModified: new Date(), + changeFrequency: 'monthly', + priority: 0.5, + }, + { + url: `${baseUrl}/iletisim`, + lastModified: new Date(), + changeFrequency: 'monthly', + priority: 0.6, + }, + ]; +} diff --git a/components/CTASection.tsx b/components/CTASection.tsx new file mode 100644 index 0000000..dd69dbb --- /dev/null +++ b/components/CTASection.tsx @@ -0,0 +1,67 @@ +"use client"; + +import { motion } from "framer-motion"; + +export function CTASection() { + return ( +
+ {/* Background Image & Overlay */} +
+ Construction site at night +
+
+ +
+ + + 7/24 Acil Müdahale + + + + Sıradaki Büyük Projeniz İçin Hazır mısınız? + + + Dalaman ve çevresinde profesyonel vinç ve nakliyat çözümleri için hemen fiyat teklifi alın. + + + + + + +
+
+ ); +} diff --git a/components/FleetSection.tsx b/components/FleetSection.tsx new file mode 100644 index 0000000..0eca0f2 --- /dev/null +++ b/components/FleetSection.tsx @@ -0,0 +1,111 @@ +"use client"; + +import { motion } from "framer-motion"; +import { cn } from "@/lib/utils"; + +const VEHICLES = [ + { + title: "Liebherr LTM 1100", + category: "Mobil Teleskopik Vinç", + specs: [ + { label: "Kapasite", value: "100 TON" }, + { label: "Bom Uzunluğu", value: "60 METRE" }, + ], + status: "Mevcut", + statusColor: "bg-primary text-on-primary", + image: "https://lh3.googleusercontent.com/aida-public/AB6AXuDz5b4r2KouL9upv0olAupqoFkF2Irw10VTeLh8XSl4F94ujjrHJ6keKViHybvoJlR3RgL-WrvsCYDjKNuVYUdALEH7KEjvZmZm40mxJWzQGN_aFUEllY41CpcYxAmHjiyrkgTKgEh9qZuDQ62Pzi-sffDKM9dv8bNg3YWH-ypFworfKyQiaXgLS0wucMj9LpVlzzl2zXrKv6WTv8hJr986CWoKM8b1mTI8ajgq_2oF9vltwrfrZDT8LYEKtgGSmIM84AAlzqZXwMU", + }, + { + title: "Hiyap 75 Ton", + category: "Kamyon Üstü Vinç", + specs: [ + { label: "Kapasite", value: "75 TON" }, + { label: "Erişim", value: "35 METRE" }, + ], + status: "Mevcut", + statusColor: "bg-primary text-on-primary", + image: "https://lh3.googleusercontent.com/aida-public/AB6AXuCTUgbJ7VOHrnV2PY8AX4lAxBfdbp3hP7HdMRv4RJsWYQv6_coiWlqlodtyBjta-2PoSZnOXc1pKQHpbZGS9_6VLIUPyZ-sUH15ENiBjf466dq7GpPBHpS1uqFXm44tK_ZJ0okneK2mtHwo5h459sPzZ5iXakBitbs70sI0X86VQm2dePia2r1weEXW6Znhn8pOcB_hwLybrmfyEhr-b47X20UbQrbSFp2WCIGZUv4IsAlgn775KDuQH96BvaSLC56kOZG8Q5S9Tu0", + }, + { + title: "Teleskopik Platform", + category: "Yüksek İrtifa Erişimi", + specs: [ + { label: "Yükseklik", value: "45 METRE" }, + { label: "Sepet Kapasitesi", value: "300 KG" }, + ], + status: "Bakımda", + statusColor: "bg-error-container text-white", + image: "https://lh3.googleusercontent.com/aida-public/AB6AXuBfXE8_qXbdFXu-5NJjxR_il3lZOkzp6NaLTMMtNr_1_dO0ohKzutRHZLm3Rs3xuwheOE_PUWTDxIavnRfKcdCpASPX9AlxSuZFWaZKax5RWmgLnIBk-ojo_XghFLjC1ES1ACDK-PdB901GE3AxkMj-lWSFkbU8PaUhJ9XxizBHb4BVtvej64-5uXmm9e99Cax1_Xs8_Hm9L7uR8PRX5teGng9Q1gxbGbFCAQw5WG3cZrPESDEbj4osSFEwW8lokMlO0uB9xsaGZxw", + }, +]; + +export function FleetSection() { + return ( +
+
+
+

Makine Parkuru

+

Modern ve Güçlü Filo

+
+
+
+
+
+
+
+ +
+ {VEHICLES.map((v, idx) => ( + +
+ {v.title} +
+ {v.status} +
+
+
+
+
+
+

{v.title}

+ {v.category} +
+
+
+ {v.specs.map(spec => ( +
+ {spec.label} + {spec.value} +
+ ))} +
+ +
+ + ))} + {/* Visual cue for more items */} +
+ NEXT +
+
+ +
+ Kaydırarak inceleyin +
+
+
+ ); +} diff --git a/components/FloatingWhatsApp.tsx b/components/FloatingWhatsApp.tsx new file mode 100644 index 0000000..2efe718 --- /dev/null +++ b/components/FloatingWhatsApp.tsx @@ -0,0 +1,24 @@ +"use client"; + +import { MessageCircle } from "lucide-react"; +import { motion } from "framer-motion"; + +export function FloatingWhatsApp() { + return ( +
+ + + + Hemen Whatsapp'tan Yazın + + +
+ ); +} diff --git a/components/Footer.tsx b/components/Footer.tsx new file mode 100644 index 0000000..1e5efc2 --- /dev/null +++ b/components/Footer.tsx @@ -0,0 +1,68 @@ +import Link from "next/link"; + +export function Footer() { + return ( +
+
+ +
+
+ AYDOĞAN VINÇ +
+

+ Ağır sanayi ve inşaat sektöründe güvenin simgesi. Modern ekipmanlarımız ve uzman kadromuzla Dalaman'ın en güçlü ortağıyız. +

+
+ +
+

Merkez Ofis

+
    +
  • Merkez Mah. Sanayi Sitesi No: 42 Dalaman / Muğla
    • +
  • T: +90 252 692 XX XX
    • +
+
+ +
+

Hizmetler

+
    + {[ + { name: "Mobil Vinç Kiralama", href: "/hizmetler" }, + { name: "Sepetli Platform", href: "/hizmetler" }, + { name: "Lojistik Çözümleri", href: "/hizmetler" } + ].map(item => ( +
  • {item.name}
    • + ))} +
+
+ +
+

Hızlı Menü

+
    + {[ + { name: "Hakkımızda", href: "/hakkimizda" }, + { name: "Makine Parkuru", href: "/filomuz" }, + { name: "İletişim", href: "/iletisim" }, + { name: "KVKK", href: "#" } + ].map(item => ( +
  • {item.name}
    • + ))} +
+
+ +
+ © 2024 Aydoğan Nakliyat Vinç. Tüm Hakları Saklıdır. + +
+
+ ); +} diff --git a/components/Hero.tsx b/components/Hero.tsx new file mode 100644 index 0000000..7bb1934 --- /dev/null +++ b/components/Hero.tsx @@ -0,0 +1,74 @@ +"use client"; + +import { motion } from "framer-motion"; + +export function Hero() { + return ( +
+ {/* Background Image & Overlay */} +
+ Heavy duty crane in Dalaman +
+
+ +
+ + + Dalaman / Muğla + + + + Dalaman’ın Güçlü
+ Çözüm Ortağı: Aydoğan Vinç + + + + {["Ağır Nakliyat", "Sepetli Platform", "Mobil Vinç Kiralama"].map((item, idx) => ( +
  • + + + {item} + +
    • + ))} +     + + + + + +
    + + {/* Bottom Gradient Texture */} +
    +
    + ); +} diff --git a/components/JsonLd.tsx b/components/JsonLd.tsx new file mode 100644 index 0000000..a672728 --- /dev/null +++ b/components/JsonLd.tsx @@ -0,0 +1,69 @@ +import React from 'react'; + +export const JsonLd = () => { + const businessSchema = { + "@context": "https://schema.org", + "@type": "LocalBusiness", + "name": "Aydoğan Nakliyat Vinç", + "image": "https://aydogannakliyatvinc.com/logo.png", // Varsa gerçek logo URL'si + "@id": "https://aydogannakliyatvinc.com", + "url": "https://aydogannakliyatvinc.com", + "telephone": "+902526920000", + "address": { + "@type": "PostalAddress", + "streetAddress": "Merkez Mah. Sanayi Sitesi No: 42", + "addressLocality": "Dalaman", + "addressRegion": "Muğla", + "postalCode": "48770", + "addressCountry": "TR" + }, + "geo": { + "@type": "GeoCoordinates", + "latitude": 36.7644, + "longitude": 28.8028 + }, + "openingHoursSpecification": { + "@type": "OpeningHoursSpecification", + "dayOfWeek": [ + "Monday", + "Tuesday", + "Wednesday", + "Thursday", + "Friday", + "Saturday", + "Sunday" + ], + "opens": "00:00", + "closes": "23:59" + }, + "sameAs": [ + "https://www.facebook.com/aydogannakliyatvinc", // Örnek sosyal medya linkleri + "https://www.instagram.com/aydogannakliyatvinc" + ], + "areaServed": [ + { + "@type": "City", + "name": "Dalaman" + }, + { + "@type": "City", + "name": "Muğla" + }, + { + "@type": "State", + "name": "Ege Bölgesi" + }, + { + "@type": "Country", + "name": "Türkiye" + } + ] + }; + + return ( + + + + + + + + + + + +
    +
    + +
    +
    +
    +
    +PRESIZONEL GÜÇ +

    + MAKİNE
    PARKURUMUZ +

    +
    +
    +
    +
    +
    + +
    +
    +
    +Filtrele: + + + + + +
    +
    +
    + +
    +
    + +
    +
    + +
    Müsait
    +
    +
    +

    Liebherr LTM 1300

    +

    Endüstriyel ağır kaldırma operasyonları için maksimum stabilite ve erişim gücü.

    +
    +
    +Kapasite +300 Ton +
    +
    +Bom Boyu +78 Metre +
    +
    + +
    +
    + +
    +
    + +
    Bakımda
    +
    +
    +

    Hiyap 75 Ton

    +

    Şehir içi dar alanlarda yüksek manevra kabiliyeti ve pratik yükleme çözümü.

    +
    +
    +Kapasite +75 Ton +
    +
    +Bom Boyu +32 Metre +
    +
    + +
    +
    + +
    +
    + +
    Müsait
    +
    +
    +

    Sepetli Platform 45M

    +

    Yüksek irtifa montaj ve bakım çalışmaları için güvenli çalışma sahası.

    +
    +
    +Kapasite +450 Kg +
    +
    +Yükseklik +45 Metre +
    +
    + +
    +
    + +
    +
    + +
    +
    +

    Groove GMK 6300

    +

    Zorlu arazi koşullarında üstün performans sunan ağır sınıf mobil vinç.

    +
    +
    +Kapasite +300 Ton +
    +
    +Bom Boyu +80 Metre +
    +
    + +
    +
    + +
    +
    + +
    +
    +

    Manitou MT 1840

    +

    Teleskopik yükleyici ile şantiye içi malzeme taşıma ve yükleme çözümleri.

    +
    +
    +Kapasite +4 Ton +
    +
    +Yükseklik +18 Metre +
    +
    + +
    +
    + +
    +
    + +
    +
    +

    Kule Vinç T-Serisi

    +

    Geniş kapsama alanı ve yüksek kaldırma performansı ile uzun vadeli projeler.

    +
    +
    +Kapasite +12 Ton +
    +
    +Yarıçap +60 Metre +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +

    HAFTALIK PARKUR DOLULUK ORANI

    +

    Şu anki aktif çalışma kapasitemiz ve müsaitlik durumu.

    +
    +
    +
    +
    +Ağır Sınıf Mobil Vinçler +85% Dolu +
    +
    +
    +
    +
    +
    +
    +Sepetli Platformlar +40% Dolu +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +

    PROJENİZ İÇİN
    EN GÜÇLÜ ÇÖZÜM

    +

    Uzman operatör kadromuz ve teknolojik makine parkurumuzla 7/24 hizmetinizdeyiz.

    +
    + + +
    +
    +
    + + + + + + + + + \ No newline at end of file diff --git a/design/filo_aydo_an_nakliyat_vin/screen.png b/design/filo_aydo_an_nakliyat_vin/screen.png new file mode 100644 index 0000000..8ab33e3 Binary files /dev/null and b/design/filo_aydo_an_nakliyat_vin/screen.png differ diff --git a/design/hakk_m_zda_aydo_an_nakliyat_vin/code.html b/design/hakk_m_zda_aydo_an_nakliyat_vin/code.html new file mode 100644 index 0000000..8e06b06 --- /dev/null +++ b/design/hakk_m_zda_aydo_an_nakliyat_vin/code.html @@ -0,0 +1,297 @@ + + + + + +Hakkımızda | Aydoğan Nakliyat + + + + + + + + + +
    +
    +
    + + + +
    +

    Aydoğan Nakliyat

    +
    + +
    + +
    +
    +
    +
    +

    + Hakkımızda +

    +
    +

    + Dalaman'ın güvenilir çözüm ortağı: Tecrübe, güç ve hassasiyetle yükseliyoruz. +

    +
    +
    + +
    +
    +
    +
    +Our Story + +
    +
    +Kurumsal Kimliğimiz +

    Dalaman'ın Gücü, Sizin Güveniniz.

    +

    + Aydoğan Nakliyat Vinç olarak, Dalaman ve çevresinde uzun yıllardır güvenilirlik ve tecrübeyle hizmet vermekteyiz. Sektördeki köklü geçmişimizle, her projede en yüksek standartları hedefliyoruz. +

    +

    + Ağır yük nakliyatından hassas vinç operasyonlarına kadar, modern filomuz ve uzman kadromuzla projelerinizin her aşamasında yanınızdayız. Mühendislik odaklı yaklaşımımızla, en zorlu coğrafi koşullarda bile kusursuz hizmet sağlıyoruz. +

    +
    +
    +
    + +
    +
    +
    +

    Temel Değerlerimiz

    +
    +
    +
    + +
    +security +

    Güvenlik

    +

    Sıfır kaza politikasıyla, tüm operasyonlarımızda uluslararası güvenlik standartlarını uyguluyoruz.

    +
    + +
    +speed +

    Hız

    +

    Zamanın değerini biliyoruz. En karmaşık projeleri bile belirlenen takvim dahilinde tamamlıyoruz.

    +
    + +
    +precision_manufacturing +

    Hassasiyet

    +

    Milimetrik hesaplamalarla, en değerli yüklerinizi en ufak bir zarar görmeden taşıyoruz.

    +
    + +
    +group +

    Müşteri Odaklılık

    +

    Her projenin kendine has ihtiyaçları vardır. Size özel esnek ve akılcı çözümler üretiyoruz.

    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +rocket_launch +
    +

    Misyonumuz

    +
    +

    + "Modern teknolojiyi geleneksel iş ahlakıyla birleştirerek, Dalaman bölgesindeki altyapı ve inşaat projelerine en güvenilir, en hızlı ve en profesyonel lojistik ve vinç desteğini sağlamak." +

    +
    +
    +
    +
    +visibility +
    +

    Vizyonumuz

    +
    +

    + "Sektörde yenilikçi çözümlerimiz ve sarsılmaz güvenilirliğimizle, sadece Dalaman'da değil, tüm Ege ve Akdeniz bölgesinde ağır nakliyat ve vinç hizmetlerinde lider marka olmak." +

    +
    +
    +
    + +
    +
    +
    +20+ +Yıllık Tecrübe +
    +
    +1500+ +Tamamlanan Proje +
    +
    +25+ +Modern Araç Filosu +
    +
    +500t +Maksimum Kaldırma Kapasitesi +
    +
    +
    + +
    + +
    +
    +

    + BÜYÜK PROJELER, GÜÇLÜ ÇÖZÜMLER İSTER. +

    +

    + Sizin için en uygun vinç ve nakliyat çözümünü birlikte planlayalım. Projenizin detaylarını paylaşın, profesyonel teklifimizi sunalım. +

    +
    + + +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + + +
    +Aydoğan Nakliyat +
    +

    + Dalaman ve çevresinde profesyonel vinç ve nakliyat çözümleri sunuyoruz. Tecrübemizle yükünüzü hafifletiyoruz. +

    +
    +
    +

    Hızlı Bağlantılar

    + +
    +
    +

    İletişim Bilgileri

    +
      +
    • +location_on +Dalaman, Muğla, Türkiye +
      • +
    • +call ++90 (5XX) XXX XX XX +
      • +
    • +mail +info@aydogannakliyat.com +
      • +
    +
    +
    +

    Çalışma Saatleri

    +
      +
    • Pazartesi - Cumartesi: 08:00 - 19:00
      • +
    • Pazar: Acil Durum
      • +
    +
    +
    +
    +

    © 2024 Aydoğan Nakliyat Vinç. Tüm Hakları Saklıdır.

    +
    +Gizlilik Politikası +KVKK +
    +
    +
    + + + + + + + \ No newline at end of file diff --git a/design/hakk_m_zda_aydo_an_nakliyat_vin/screen.png b/design/hakk_m_zda_aydo_an_nakliyat_vin/screen.png new file mode 100644 index 0000000..e5aa241 Binary files /dev/null and b/design/hakk_m_zda_aydo_an_nakliyat_vin/screen.png differ diff --git a/design/hizmetlerimiz_aydo_an_nakliyat_vin/code.html b/design/hizmetlerimiz_aydo_an_nakliyat_vin/code.html new file mode 100644 index 0000000..0606b7d --- /dev/null +++ b/design/hizmetlerimiz_aydo_an_nakliyat_vin/code.html @@ -0,0 +1,291 @@ + + + + + + + + + + + + + + +
    + +
    +
    + +
    +
    + +
    +
    +
    +

    Endüstriyel Güç ve Mühendislik Çözümleri

    +

    + Hizmetlerimiz +

    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +precision_manufacturing +

    Mobil Vinç Kiralama

    +

    + 500 tona kadar kaldırma kapasitesine sahip geniş filomuzla, en zorlu şantiye koşullarında yüksek hassasiyetli operasyonlar. +

    +
    +
    + +
    +
    + +
    + +
    +
    + +
    +
    +
    +height +

    Sepetli Platform

    +

    + 75 metreye kadar erişim sağlayan modern platform filomuzla yüksek irtifa montaj ve bakım işlerinizde maksimum güvenlik. +

    +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    +
    +conveyor_belt +

    Ağır Nakliyat

    +

    + Gabari dışı ve ağır tonajlı yüklerin özel ekipmanlar ve low-bed araçlarla emniyetli bir şekilde taşınması ve konumlandırılması. +

    +
    +
    + +
    +
    +
    + +
    +
    + +
    +
    +
    +architecture +

    Proje Taşımacılığı

    +

    + Anahtar teslim endüstriyel tesis taşıma ve kurulum projeleri için mühendislik temelli uçtan uca lojistik planlama. +

    +
    +
    + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +

    + Neden IRON & AMBER? +

    +

    + Endüstriyel operasyonlarda güvenlik bir seçenek değil, zorunluluktur. Mühendislik odaklı yaklaşımımızla riskleri minimize ediyoruz. +

    +
    +
    +
    01
    +
    +

    Hassas Mühendislik

    +

    Her kaldırma operasyonu için detaylı simülasyon ve planlama.

    +
    +
    +
    +
    02
    +
    +

    Sertifikalı Operatörler

    +

    Uluslararası standartlarda eğitim almış uzman teknik ekip.

    +
    +
    +
    +
    03
    +
    +

    7/24 Teknik Destek

    +

    Kesintisiz operasyon için anında müdahale ve destek hizmeti.

    +
    +
    +
    +
    +
    +
    +500T +Max Kapasite +
    +
    +15+ +Yıllık Deneyim +
    +
    +100% +İş Güvenliği +
    +
    +24/7 +Aktif Operasyon +
    +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/design/hizmetlerimiz_aydo_an_nakliyat_vin/screen.png b/design/hizmetlerimiz_aydo_an_nakliyat_vin/screen.png new file mode 100644 index 0000000..0729009 Binary files /dev/null and b/design/hizmetlerimiz_aydo_an_nakliyat_vin/screen.png differ diff --git a/design/homepage.html b/design/homepage.html new file mode 100644 index 0000000..0abae64 --- /dev/null +++ b/design/homepage.html @@ -0,0 +1,395 @@ + + + + + + + + + + + + + + + + +
    + +chat + +
    +
    + +
    +
    + +
    +
    +
    +
    + +Dalaman / Muğla +
    +

    + Dalaman’ın Güçlü Çözüm Ortağı: Aydoğan Vinç +

    +
      +
    • + +Ağır Nakliyat +
      • +
    • + +Sepetli Platform +
      • +
    • + +Mobil Vinç Kiralama +
      • +
    +
    + + +
    +
    + +
    +
    + +
    +
    +150T +Maksimum Kapasite +
    +
    +24/7 +Teknik Destek +
    +
    +15+ +Modern Filo +
    +
    +100% +Güvenlik Kaydı +
    +
    + +
    +
    +
    +Hizmetlerimiz +

    Yükünüz Ne Olursa Olsun, Güç Bizim İşimiz.

    +
    +
    +

    Mühendislik temelli yaklaşımımızla en zorlu projelerinizde profesyonel destek sağlıyoruz.

    +
    +
    +
    + +
    +
    +precision_manufacturing +
    +

    Mobil Vinç

    +

    Hızlı kurulum ve yüksek hareket kabiliyeti ile şantiye alanlarında esnek çözümler.

    +
    +
    +
    +01 +
    +
    + +
    +
    + +
    +
    +local_shipping +
    +

    Ağır Nakliyat

    +

    Standart dışı ölçülere sahip yüklerin özel ekipmanlarla güvenli taşımacılığı.

    +
    +
    +
    +02 +
    +
    + +
    +
    + +
    +
    +elevator +
    +

    Sepetli Platform

    +

    Yüksek irtifa çalışmalarında personel güvenliğini ön plana çıkaran ekipmanlar.

    +
    +
    +
    +03 +
    +
    + +
    +
    +
    +
    + +
    +
    +

    Makine Parkuru

    +

    Modern ve Güçlü Filo

    +
    +
    + +
    +
    + +
    Mevcut
    +
    +
    +
    +
    +

    Liebherr LTM 1100

    +Mobil Teleskopik Vinç +
    +
    +
    +
    +Kapasite +100 TON +
    +
    +Bom Uzunluğu +60 METRE +
    +
    +
    +
    + +
    +
    + +
    Mevcut
    +
    +
    +
    +
    +

    Hiyap 75 Ton

    +Kamyon Üstü Vinç +
    +
    +
    +
    +Kapasite +75 TON +
    +
    +Erişim +35 METRE +
    +
    +
    +
    + +
    +
    + +
    Bakımda
    +
    +
    +
    +
    +

    Teleskopik Platform

    +Yüksek İrtifa Erişimi +
    +
    +
    +
    +Yükseklik +45 METRE +
    +
    +Sepet Kapasitesi +300 KG +
    +
    +
    +
    +
    +
    + +
    +
    +

    Projeleriniz İçin Optimum Güç Hesabı

    +
    +
    +
    +Ağır Yük Transferi +85% Verimlilik +
    +
    +
    +
    +
    +
    +
    +Mobil Vinç Operasyonları +95% Başarı +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +

    Sıradaki Büyük Projeniz İçin Hazır mısınız?

    +

    Dalaman ve çevresinde profesyonel vinç ve nakliyat çözümleri için hemen fiyat teklifi alın.

    +
    + + +
    +
    +
    +
    + + + \ No newline at end of file diff --git a/design/homepage.png b/design/homepage.png new file mode 100644 index 0000000..76d7d97 Binary files /dev/null and b/design/homepage.png differ diff --git a/design/iron_amber/DESIGN.md b/design/iron_amber/DESIGN.md new file mode 100644 index 0000000..c81b1f6 --- /dev/null +++ b/design/iron_amber/DESIGN.md @@ -0,0 +1,64 @@ +# Design System Strategy: Industrial Precision + +## 1. Overview & Creative North Star: "The Kinetic Monolith" +The heavy lifting industry is defined by the intersection of massive scale and surgical precision. This design system moves away from the "cluttered construction" aesthetic, opting instead for **The Kinetic Monolith**. This North Star envisions the UI as a series of heavy, interlocking structural slabs—imposing, stable, and powerful—yet animated with a modern, high-tech fluidity. + +To break the "standard corporate template" look, we utilize **Hard-Edge Brutalism** mixed with **Editorial Sophistication**. We embrace zero-radius corners (0px) to mimic the sharp cut of steel beams, and we leverage extreme typographic scales to command authority. This is not just a rental service; it is an engineering power-house. + +--- + +## 2. Colors: High-Contrast Industrialism +Our palette is rooted in the high-visibility world of heavy machinery. We use contrast not just for accessibility, but as a structural tool. + +* **Primary (Industrial Yellow - #FFD700):** This is our "Action Signal." Use `primary_container` (#FFD700) for high-priority CTAs and `primary_fixed_dim` (#E9C400) for interactive states. It represents the crane, the caution, and the energy. +* **Surface Foundation (Deep Charcoal - #131313):** We avoid pure pitch black in favor of `surface` (#131313) to allow for depth. +* **The "No-Line" Rule:** Direct intervention: **No 1px solid borders.** To separate a fleet category from a service description, shift the background from `surface` to `surface_container_low`. Boundaries are felt through tonal shifts, not drawn with lines. +* **Surface Hierarchy & Nesting:** Treat the layout as an assembly line. + * Main Page: `surface` + * Structural Sections: `surface_container` + * Interactive Cards: `surface_container_high` +* **Signature Textures:** For hero sections, apply a subtle 10% opacity noise grain or a linear gradient from `surface` to `surface_container_highest` to mimic the matte finish of powder-coated steel. + +--- + +## 3. Typography: The Engineering Scale +We use typography to convey weight. Our choices reflect the blueprint and the brand’s industrial backbone. + +* **Display & Headlines (Space Grotesk):** A geometric sans-serif with a mechanical soul. The wide apertures and "tech" feel of Space Grotesk suggest precision. Use `display-lg` (3.5rem) with tight letter-spacing (-0.02em) for hero headlines to create a "wall of text" effect that feels immovable. +* **Body & Labels (Inter):** The "Workhorse." Inter provides a neutral, highly legible contrast to the aggressive display type. Use `body-lg` for technical specifications and `label-sm` (uppercase with 0.05em tracking) for metadata like "Crane Capacity" or "Job Site Location." +* **Visual Hierarchy:** Headlines should always be `on_surface` or `primary`. Body text should utilize `on_surface_variant` (#D0C6AB) to reduce visual noise in long technical descriptions. + +--- + +## 4. Elevation & Depth: Tonal Layering +In a world of 0px border radii, traditional shadows feel out of place. We achieve depth through **Structural Stacking**. + +* **The Layering Principle:** Instead of lifting an object off the page, we "carve" it into the interface. A "Heavy Lift" service card should be `surface_container_lowest` (#0E0E0E) nested within a `surface_container` (#20201F) section. This creates a recessed, high-end "machined" look. +* **The "Ghost Border" Fallback:** Where separation is critical for accessibility, use `outline_variant` at 15% opacity. It should be felt as a subtle change in light, not a hard edge. +* **Glassmorphism & Depth:** For navigation bars or floating action menus, use `surface_bright` at 70% opacity with a `40px` backdrop blur. This keeps the "Industrial Yellow" of the primary content visible as it scrolls beneath, maintaining brand energy throughout the journey. + +--- + +## 5. Components: The Machined Toolkit + +* **Buttons:** + * **Primary:** `primary_container` (#FFD700) background, `on_primary` (#3A3000) text. **0px border radius.** Hover state: `primary_fixed_dim`. + * **Secondary:** `surface_container_highest` background, `primary` text. This looks like a dark steel plate with yellow engraving. +* **Heavy Duty Cards:** No dividers. Separate the "Header" of the card from the "Body" by using a `surface_container_high` top section and a `surface_container` bottom section. +* **Input Fields:** Use `surface_container_lowest` for the field background with a `primary` 2px bottom-only border on focus. This mimics the "underlined" look of technical architectural drawings. +* **Fleet Status Chips:** Use `tertiary_container` (Cyan/Teal) for "Available" and `error_container` for "In Maintenance." These should be rectangular, sharp, and high-contrast. +* **The "Load Meter":** A custom component for this industry. A thick horizontal bar using `primary_container` to show crane capacity usage, set against a `surface_container_highest` track. + +--- + +## 6. Do's and Don'ts + +### Do: +* **Do** use intentional asymmetry. Align heavy text blocks to the left and allow large "crane-arm" imagery to break the grid and bleed off the right edge of the screen. +* **Do** use "Extreme Contrast." Pair a `display-lg` headline with a `label-sm` sub-headline for an editorial, high-end feel. +* **Do** use `primary` (Yellow) sparingly as a spotlight. If everything is yellow, nothing is important. + +### Don't: +* **Don't** use rounded corners. Everything must be 0px. Softness contradicts the brand’s "Robust and Reliable" personality. +* **Don't** use standard 1px grey dividers. Use white space or a background color shift of 2–3% to define sections. +* **Don't** use generic stock photography. Use high-contrast, desaturated imagery of machinery with "Industrial Yellow" accents highlighted. \ No newline at end of file diff --git a/design/u0130leti_u015fim_aydo_u011fan_nakliyat_vin_u00e7/code.html b/design/u0130leti_u015fim_aydo_u011fan_nakliyat_vin_u00e7/code.html new file mode 100644 index 0000000..313e683 --- /dev/null +++ b/design/u0130leti_u015fim_aydo_u011fan_nakliyat_vin_u00e7/code.html @@ -0,0 +1,249 @@ + + + + + +İletişim | Aydoğan Nakliyat Vinç + + + + + + + + + + + +
    +
    + +
    +
    +
    +

    + İletişim +

    +
    +
    +
    + +
    + +
    +

    Operasyon Merkezi

    +
    + +
    +
    +foundation +
    +
    +

    Adres

    +

    + Merkez Mah. Sanayi Sitesi No: 42
    Dalaman / Muğla +

    +
    +
    + +
    +
    +distance +
    +
    +

    Telefon

    +

    + +90 252 692 XX XX +

    +
    +
    + +
    +
    +contact_support +
    +
    +

    E-Posta

    +

    + info@aydogannakliyat.com +

    +
    +
    +
    + +
    +
    + + 7/24 Aktif Operasyon +
    +
    + + Muğla & Çevresi +
    +
    +
    + +
    +

    Teklif Talebi & Mesaj

    +
    +
    +
    + + +
    +
    + + +
    +
    +
    + + +
    +
    + + +
    + +
    +
    +
    + +
    +
    + +Map Location +
    +
    +
    +
    +distance +

    Lokasyonumuz

    +

    + Dalaman Sanayi Sitesi'nin kalbinde, tüm Ege ve Akdeniz bölgesine hızlı erişim noktasındayız. +

    + + Yol Tarifi Al arrow_forward + +
    +
    +
    + + + +
    + +
    +Direct Line +WHATSAPP +
    +contact_support +     +
    + \ No newline at end of file diff --git a/design/u0130leti_u015fim_aydo_u011fan_nakliyat_vin_u00e7/screen.png b/design/u0130leti_u015fim_aydo_u011fan_nakliyat_vin_u00e7/screen.png new file mode 100644 index 0000000..8ec99e3 Binary files /dev/null and b/design/u0130leti_u015fim_aydo_u011fan_nakliyat_vin_u00e7/screen.png differ diff --git a/docs/prd.md b/docs/prd.md new file mode 100644 index 0000000..53a21b7 --- /dev/null +++ b/docs/prd.md @@ -0,0 +1,63 @@ +PRD 2.0: Aydoğan Nakliyat Vinç - Modern & Lead Odaklı Web Projesi +1. Proje Özeti (Güncellendi) +Müşteri: Aydoğan Nakliyat Vinç (Dalaman) + +Temel Hedef: Doğrudan İş Getirmek (Leads). Sitenin temel amacı, kullanıcının "Teklif Al" veya "Ara" butonuna basmasını sağlamaktır. + +Görsel Vizyon: Geleneksel vinç firmalarından sıyrılan; modern, hareketli (animasyonlu), güven veren ve operasyonel gücü hissettiren birinci sınıf bir web sitesi. + +2. Tasarım ve Kullanıcı Deneyimi (UI/UX) - [Yeni Odak] +Bu kısım müşterinin "modernlik" isteğini karşılayacak. + +A. Animasyon ve Hareket Stratejisi +Smooth Scrolling: Sayfa kaydırması pürüzsüz ve akışkan olmalı. + +Scroll-Triggered Animations: Kullanıcı sayfada aşağı indikçe vinç resimleri, teknik özellikler veya referans sayıları animasyonlu bir şekilde ekrana gelmeli. (Örn: Vinç kolu yukarı kalkıyor gibi bir efekt). + +Parallax Efektleri: Arka plan görselleri (şantiye manzaraları) ve ön plan içerikleri farklı hızlarda hareket ederek derinlik hissi vermeli. + +Lottie Animations: "Hızlı Servis" gibi ikonlar statik değil, hafif hareketli Lottie animasyonları olabilir. + +Geçiş Efektleri: Sayfalar arası geçişler veya galeri görsellerine tıklama anları yumuşak olmalı. + +B. Görsel Dil (Visual Identity) +Renk Paleti: Sektörün standardı olan Güç/Enerji (Sarı/Turuncu) + Profesyonellik (Koyu Gri/Siyah) + Güven (Beyaz). + +Tipografi: Modern, güçlü, sans-serif fontlar. (Örn: Inter, Poiret One, Oswald veya Montserrat). + +3. Lead Generation (Müşteri Kazanımı) Odaklı Özellikler +Sitenin her santimetrekaresi iş getirmek için tasarlanmalı. + +Sticky "Hemen Teklif Al" Header: Sayfa ne kadar aşağı kaysa da, üstte "05XX XXX XX XX" telefonu ve "Hızlı Teklif Al" butonu sabit kalacak. + +Floating WhatsApp Business: Sağ altta. "Operatörle Konuşun" veya "Fotoğraf Gönder, Teklif Al" metniyle. (Müşteri şantiyedeki sorunun fotoğrafını atabilir). + +Hizmet Odaklı Kısa Formlar: Sadece "Bize Yazın" formu değil. "Vinç Kiralama" sayfasının sonunda "Kaç Tonluk Vinç Lazım?" diye başlayan 2 soruluk bir form olmalı. + +Acil Durum Vurgusu: Gece çalışan veya kaza yapanlar için "7/24 Acil Müdahale" ibaresi her yerde göze çarpmalı. + +4. Teknik Gereksinimler & Performans +"Animasyonlu ve Modern" demek "Yavaş" demek olmamalı. SEO için hız çok önemli. + +Altyapı: Mükemmel performans ve SEO için Next.js (React) veya Nuxt.js (Vue.js). Bu frameworkler animasyon kütüphaneleriyle (GSAP, Framer Motion) harika çalışır. + +Görsel Optimizasyon: Tüm görseller WebP/AVIF formatında ve lazy-load (kaydırdıkça yüklenme) özelliğiyle gelmeli. + +SEO Temeli (Özet): + +Muğla ilçeleri odaklı (Dalaman, Ortaca, Fethiye, Göcek) URL yapısı. + +Hızlı yükleme süreleri (PageSpeed Score > 90). + +Kusursuz Mobil UI (Telefonda "tıklanamayacak kadar küçük buton" olmayacak). + +5. İçerik Haritası (Taslak) +Ana Sayfa (Hero: Hareketli Vinç Videosu/Görseli + Hızlı Teklif Al Butonu) + +Hizmetlerimiz (Niş Alt Sayfalar: Tekne Taşıma, Çelik Montaj, Konteyner vb.) + +Filomuz (Animasyonlu Kartlarla Araçlar) + +Galeri/Referanslar (Zorlu Operasyonların Videoları) + +İletişim (Harita, Adres, Tıkla Ara) \ No newline at end of file diff --git a/lib/data.ts b/lib/data.ts new file mode 100644 index 0000000..c299c94 --- /dev/null +++ b/lib/data.ts @@ -0,0 +1,78 @@ +import { Settings, ArrowUp, Truck, Compass, Shield, Zap, Clock, MapPin, Phone, Mail } from "lucide-react"; + +export const siteConfig = { + name: "Aydoğan Nakliyat Vinç", + url: "https://aydogannakliyatvinc.com", + description: "Muğla Dalaman merkezli profesyonel vinç kiralama ve ağır nakliyat hizmetleri.", + contact: { + address: "Merkez Mah. Sanayi Sitesi No: 42 Dalaman / Muğla", + phone: "+90 252 692 00 00", + email: "info@aydogannakliyat.com", + whatsapp: "902526920000", + maps: "https://maps.google.com" + }, + social: { + facebook: "https://facebook.com/aydogannakliyatvinc", + instagram: "https://instagram.com/aydogannakliyatvinc" + } +}; + +export const SERVICES = [ + { + title: "Mobil Vinç Kiralama", + description: "500 tona kadar kaldırma kapasitesine sahip geniş filomuzla, en zorlu şantiye koşullarında yüksek hassasiyetli operasyonlar.", + image: "https://images.unsplash.com/photo-1541625602330-2277a4c4b282?q=80&w=2070&auto=format&fit=crop" + }, + { + title: "Sepetli Platform", + description: "75 metreye kadar erişim sağlayan modern platform filomuzla yüksek irtifa montaj ve bakım işlerinizde maksimum güvenlik.", + image: "https://images.unsplash.com/photo-1578319439584-104c94d37305?q=80&w=2070&auto=format&fit=crop" + }, + { + title: "Ağır Nakliyat", + description: "Gabari dışı ve ağır tonajlı yüklerin özel ekipmanlar ve low-bed araçlarla emniyetli bir şekilde taşınması ve konumlandırılması.", + image: "https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?q=80&w=2070&auto=format&fit=crop" + }, + { + title: "Proje Taşımacılığı", + description: "Anahtar teslim endüstriyel tesis taşıma ve kurulum projeleri için mühendislik temelli uçtan uca lojistik planlama.", + image: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=2070&auto=format&fit=crop" + } +]; + +export const FLEET_ITEMS = [ + { + name: "Liebherr LTM 1300", + description: "Endüstriyel ağır kaldırma operasyonları için maksimum stabilite ve erişim gücü.", + capacity: "300 Ton", + reach: "78 Metre", + image: "https://images.unsplash.com/photo-1541625602330-2277a4c4b282?q=80&w=2070&auto=format&fit=crop", + status: "Müsait", + category: "Mobil Vinç" + }, + { + name: "Hiyap 75 Ton", + description: "Şehir içi dar alanlarda yüksek manevra kabiliyeti ve pratik yükleme çözümü.", + capacity: "75 Ton", + reach: "32 Metre", + image: "https://images.unsplash.com/photo-1578319439584-104c94d37305?q=80&w=2070&auto=format&fit=crop", + status: "Bakımda", + category: "Hiyap" + }, + { + name: "Sepetli Platform 45M", + description: "Yüksek irtifa montaj ve bakım çalışmaları için güvenli çalışma sahası.", + capacity: "450 Kg", + reach: "45 Metre", + image: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?q=80&w=2070&auto=format&fit=crop", + status: "Müsait", + category: "Sepetli Platform" + } +]; + +export const ABOUT_STATS = [ + { label: "Yıllık Tecrübe", value: "20+" }, + { label: "Tamamlanan Proje", value: "1500+" }, + { label: "Modern Araç Filosu", value: "25+" }, + { label: "Maksimum Kapasite", value: "500t" } +]; diff --git a/lib/utils.ts b/lib/utils.ts new file mode 100644 index 0000000..365058c --- /dev/null +++ b/lib/utils.ts @@ -0,0 +1,6 @@ +import { type ClassValue, clsx } from "clsx"; +import { twMerge } from "tailwind-merge"; + +export function cn(...inputs: ClassValue[]) { + return twMerge(clsx(inputs)); +} diff --git a/next.config.ts b/next.config.ts index e9ffa30..ff2301d 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,7 +1,18 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { - /* config options here */ + images: { + remotePatterns: [ + { + protocol: 'https', + hostname: 'images.unsplash.com', + }, + { + protocol: 'https', + hostname: 'lh3.googleusercontent.com', + }, + ], + }, }; export default nextConfig; diff --git a/package-lock.json b/package-lock.json index 511ec6c..70b8d17 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,9 +8,13 @@ "name": "aydogan", "version": "0.1.0", "dependencies": { + "clsx": "^2.1.1", + "framer-motion": "^12.38.0", + "lucide-react": "^1.8.0", "next": "16.2.3", "react": "19.2.4", - "react-dom": "19.2.4" + "react-dom": "19.2.4", + "tailwind-merge": "^3.5.0" }, "devDependencies": { "@tailwindcss/postcss": "^4", @@ -2701,6 +2705,15 @@ "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==", "license": "MIT" }, + "node_modules/clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/color-convert": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", @@ -3692,6 +3705,33 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/framer-motion": { + "version": "12.38.0", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz", + "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==", + "license": "MIT", + "dependencies": { + "motion-dom": "^12.38.0", + "motion-utils": "^12.36.0", + "tslib": "^2.4.0" + }, + "peerDependencies": { + "@emotion/is-prop-valid": "*", + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/is-prop-valid": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, "node_modules/function-bind": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", @@ -4952,6 +4992,15 @@ "yallist": "^3.0.2" } }, + "node_modules/lucide-react": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.8.0.tgz", + "integrity": "sha512-WuvlsjngSk7TnTBJ1hsCy3ql9V9VOdcPkd3PKcSmM34vJD8KG6molxz7m7zbYFgICwsanQWmJ13JlYs4Zp7Arw==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/magic-string": { "version": "0.30.21", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", @@ -5019,6 +5068,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/motion-dom": { + "version": "12.38.0", + "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz", + "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==", + "license": "MIT", + "dependencies": { + "motion-utils": "^12.36.0" + } + }, + "node_modules/motion-utils": { + "version": "12.36.0", + "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz", + "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==", + "license": "MIT" + }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", @@ -6159,6 +6223,16 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/tailwind-merge": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz", + "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/dcastil" + } + }, "node_modules/tailwindcss": { "version": "4.2.2", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz", diff --git a/package.json b/package.json index 8482c06..0c25ecc 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,13 @@ "lint": "eslint" }, "dependencies": { + "clsx": "^2.1.1", + "framer-motion": "^12.38.0", + "lucide-react": "^1.8.0", "next": "16.2.3", "react": "19.2.4", - "react-dom": "19.2.4" + "react-dom": "19.2.4", + "tailwind-merge": "^3.5.0" }, "devDependencies": { "@tailwindcss/postcss": "^4", diff --git a/public/hizmetler.md b/public/hizmetler.md new file mode 100644 index 0000000..481ed5e --- /dev/null +++ b/public/hizmetler.md @@ -0,0 +1,24 @@ +# Hizmetler ve Fiyatlandırma — Aydoğan Nakliyat Vinç + +Aydoğan Nakliyat Vinç, Muğla ve Ege bölgesinde mühendislik temelli ağır kaldırma ve taşıma çözümleri sunar. + +## Vinç Kiralama Hizmetleri +- **Mobil Vinç (300-500 Ton):** Büyük ölçekli inşaat ve endüstriyel montaj projeleri. +- **Hiyap Vinç (75 Ton):** Şehir içi yükleme ve boşaltma operasyonları. +- **Sepetli Platform (45-75 Metre):** Yüksek irtifa bakım ve montaj işleri. + +## Nakliyat Çözümleri +- **Ağır Nakliyat:** Low-bed araçlar ile gabari dışı yük taşıma. +- **Tekne/Yat Taşıma:** Marina ve tersane arası profesyonel transfer. +- **Konteyner Taşıma:** 20' ve 40' konteyner nakliyesi. + +## Bölgesel Kapsam +1. **Birincil Bölge:** Dalaman, Muğla, Ortaca, Fethiye, Göcek, Köyceğiz. +2. **İkincil Bölge:** Aydın, Denizli, İzmir, Antalya (Ege ve Akdeniz). +3. **Genel Kapsam:** Tüm Türkiye geneli ağır yük projeleri. + +## Teklif ve İletişim +Fiyatlandırma işin süresine, kullanılacak makine kapasitesine ve mesafeye göre değişkenlik gösterir. +- **Telefon:** +90 252 692 00 00 +- **E-posta:** info@aydogannakliyat.com +- **Web:** https://aydogannakliyatvinc.com/iletisim diff --git a/public/llms.txt b/public/llms.txt new file mode 100644 index 0000000..39f20b3 --- /dev/null +++ b/public/llms.txt @@ -0,0 +1,22 @@ +# Aydoğan Nakliyat Vinç + +Muğla Dalaman merkezli profesyonel vinç kiralama ve ağır nakliyat hizmetleri. + +## Temel Bilgiler +- **Konum:** Dalaman, Muğla (Merkez Mah. Sanayi Sitesi No: 42) +- **Hizmet Alanı:** Dalaman, Ortaca, Fethiye, Göcek başta olmak üzere tüm Ege Bölgesi ve Türkiye geneli. +- **Operasyon:** 7/24 kesintisiz hizmet. +- **İletişim:** +90 252 692 00 00 | info@aydogannakliyat.com + +## Ana Hizmetler +- Mobil Vinç Kiralama (500 tona kadar) +- Sepetli Platform Hizmetleri (75 metreye kadar) +- Ağır Nakliyat ve Low-bed Taşımacılığı +- Tekne ve Yat Taşıma +- Konteyner Nakliyesi +- Proje Taşımacılığı ve Montaj + +## Makine Parkuru +Geniş filomuzda Liebherr, Groove gibi dünya markalarının 300-500 tonluk mobil vinçleri, 45-75 metrelik sepetli platformlar ve ağır sınıf hiyaplar bulunmaktadır. + +Daha fazla bilgi için: https://aydogannakliyatvinc.com