// Home page — API'den veri çeker, fallback static data kullanır // ──────────────────────────────────────────────────────── // Araç görseli yönetimi // Yerel dosya: /img/vehicles/{key}.jpg (öncelikli) // Fallback: /img/vehicles/{key}.webp → sonra CDN // Dosyalar buraya konulmalı: // wwwroot/img/vehicles/shuttle.jpg (Mercedes Sprinter 3/4 ön) // wwwroot/img/vehicles/taxi.jpg (Toyota Corolla / Renault Talisman 3/4 ön) // wwwroot/img/vehicles/vip.jpg (Mercedes E-Class W213 3/4 ön) // wwwroot/img/vehicles/minivan.jpg (Mercedes Vito / V-Class 3/4 ön) // ──────────────────────────────────────────────────────── // VehicleType enum → görsel anahtar const vtToKey = (vt, name) => { if (vt === 0) return "shuttle"; if (vt === 1) return "taxi"; if (vt === 2) return "vip"; if (vt === 3) return "minivan"; // isim bazlı fallback const n = (name || "").toLowerCase(); if (n.includes("shuttle") || n.includes("sprinter")) return "shuttle"; if (n.includes("vip")) return "vip"; if (n.includes("minivan") || n.includes("vito") || n.includes("v-class")) return "minivan"; return "taxi"; }; // Placeholder SVG car silhouetteleri — gerçek resim yoksa gösterilir const CAR_SVG = { shuttle: ( ), taxi: ( ), vip: ( ), minivan: ( ), }; // Araç görsel komponenti — yerel → CDN → SVG fallback const VehicleImg = ({ vt, name, tag, accent = "var(--blue)" }) => { const key = vtToKey(vt, name); // Önce yerel dosya dene, sonra SVG göster const [src, setSrc] = React.useState(`img/vehicles/${key}.jpg`); const [failed, setFailed] = React.useState(false); const handleError = () => { if (src.endsWith(".jpg")) { setSrc(`img/vehicles/${key}.webp`); return; } if (src.endsWith(".webp")) { setSrc(`img/vehicles/${key}.png`); return; } setFailed(true); }; return (
{tag &&
{tag}
} {failed ? ( /* SVG silhouette */
{CAR_SVG[key]} {name}
) : ( {name} )}
); }; // Statik fallback verisi const VEHICLES_FALLBACK = [ { id: "shuttle", vehicleType: 0, name: "Paylaşımlı Shuttle", model: "Mercedes Sprinter / VW Crafter", maxPassengers: 16, maxBaggage: 16, priceInTRY: 280, isFeatured: false, features: ["A/C Klimalı","Wi-Fi","Paylaşımlı"] }, { id: "taxi", vehicleType: 1, name: "Özel Taksi Transfer", model: "Toyota Corolla / Renault Talisman", maxPassengers: 3, maxBaggage: 3, priceInTRY: 1200, isFeatured: false, features: ["A/C Klimalı","Özel Transfer","Wi-Fi"] }, { id: "vip", vehicleType: 2, name: "VIP Premium Transfer", model: "Mercedes E-Class W213", maxPassengers: 3, maxBaggage: 3, priceInTRY: 2400, isFeatured: true, features: ["Premium Deri","Wi-Fi","Su & Atıştırmalık","Karşılama"] }, { id: "minivan", vehicleType: 3, name: "Aile / Grup Minivan", model: "Mercedes Vito Tourer", maxPassengers: 7, maxBaggage: 7, priceInTRY: 1800, isFeatured: false, features: ["A/C Klimalı","Wi-Fi","Geniş Bagaj"] }, ]; const ROUTES_FALLBACK = [ { fromLocationName: "AYT Havalimanı", toLocationName: "Lara Otelleri", durationMinutes: 20, distanceKm: 12, basePriceInTRY: 950 }, { fromLocationName: "AYT Havalimanı", toLocationName: "Belek", durationMinutes: 35, distanceKm: 35, basePriceInTRY: 1450 }, { fromLocationName: "AYT Havalimanı", toLocationName: "Kemer", durationMinutes: 55, distanceKm: 55, basePriceInTRY: 1850 }, { fromLocationName: "AYT Havalimanı", toLocationName: "Side / Manavgat", durationMinutes: 65, distanceKm: 65, basePriceInTRY: 2150 }, { fromLocationName: "AYT Havalimanı", toLocationName: "Alanya", durationMinutes: 105, distanceKm: 125, basePriceInTRY: 3200 }, { fromLocationName: "AYT Havalimanı", toLocationName: "Kalkan / Kaş", durationMinutes: 165, distanceKm: 200, basePriceInTRY: 5800 }, ]; const REVIEWS_FALLBACK = [ { authorName: "Marcus W.", country: "🇩🇪 Berlin", text: "Excellent service from start to finish. Driver was waiting at the airport with a sign, the Mercedes was spotless, and the price was exactly as quoted.", stars: 5, createdAt: "2026-03-15" }, { authorName: "Elena K.", country: "🇷🇺 Moscow", text: "Очень удобный и быстрый трансфер до отеля в Белеке. Водитель встретил нас сразу после паспортного контроля. Машина просторная и чистая.", stars: 5, createdAt: "2026-02-10" }, { authorName: "Ayşe T.", country: "🇹🇷 İstanbul", text: "Tatilimizin başında stresli bir zaman yaşamadık. Şoför çok kibardı, araç temiz ve klimalıydı. Fiyat değişmedi, web siteden gördüğüm rakam neyse onu ödedik.", stars: 5, createdAt: "2026-01-20" }, ]; // API'den veri çeken hook — hata olursa fallback function useApiData(path, fallback) { const [data, setData] = React.useState(fallback); React.useEffect(() => { engApi.get(path) .then(d => setData(d)) .catch(() => {}); }, []); return data; } function fmtDuration(mins) { if (!mins) return "—"; const h = Math.floor(mins / 60), m = mins % 60; return h > 0 ? `${h}s ${m > 0 ? m + "dk" : ""}`.trim() : `${m} dk`; } const HomePage = ({ lang, ccy, query, setQuery, onSearch, heroVariant, onNav }) => { const t = TRANSLATIONS[lang]; const vehicles = useApiData("/api/vehicle", VEHICLES_FALLBACK); const routes = useApiData("/api/route", ROUTES_FALLBACK); const reviews = useApiData("/api/review", REVIEWS_FALLBACK); // Hero section'ı overflow:hidden'dan çıkarmak için search widget ayrı render edilir const SearchBar = () => (
); const HeroSplit = () => ( <>
{t.hero.eyebrow}

{t.hero.title} {t.hero.titleEm}
{t.hero.titleRest}

{t.hero.sub}

{t.hero.trustFree}
{t.hero.trustWait}
{t.hero.trustFlight}
VIP Transfer { e.target.style.display="none"; }}/>
4.9/5
2,847 Yorum
200K+
Mutlu Yolcu
{/* Search widget HERO DIŞINDA — overflow:hidden sorununu çözer */}
); const HeroFull = () => ( <>
{t.hero.eyebrow}

{t.hero.title}
{t.hero.titleEm} {t.hero.titleRest}

{t.hero.sub}

); const HeroPhoto = () => ( <>
{t.hero.eyebrow}

{t.hero.title} {t.hero.titleEm}{" "}{t.hero.titleRest}

{t.hero.sub}

{t.hero.trustFree}
{t.hero.trustWait}
{t.hero.trustFlight}
); const Hero = heroVariant === "full" ? HeroFull : heroVariant === "photo" ? HeroPhoto : HeroSplit; return (
{/* Araçlar */}
{t.vehicles.eyebrow}

{t.vehicles.title}

{t.vehicles.sub}

{vehicles.slice(0, 4).map((v, i) => { const p = fmtPrice(v.priceInTRY || v.priceTry, ccy); const catLabels = ["SHUTTLE","TAXİ","VIP CAR","MİNİVAN"]; const catLabel = catLabels[v.vehicleType] || "ARAÇ"; return (

{v.name}

{v.model}

{v.maxPassengers || v.pax}
{v.maxBaggage || v.bag}
A/C
{t.vehicles.from}
{p.symbol}{p.value}
); })}
{/* İstatistikler */}
200K+
Tamamlanan transfer
4.9★
Müşteri puanı (2,847 yorum)
12yıl
Sektör tecrübesi
24/7
Operasyon ve destek
{/* Popüler Güzergahlar */}
{t.routes.eyebrow}

{t.routes.title}

{routes.slice(0, 6).map((r, i) => { const p = fmtPrice(r.basePriceInTRY || r.priceTry, ccy); const dur = r.durationMinutes ? fmtDuration(r.durationMinutes) : r.duration; const dist = r.distanceKm ? `${r.distanceKm} km` : r.distance; const from = r.fromLocationName || r.from; const to = r.toLocationName || r.to; return (
{from} {to}
{dur} {dist}
{t.vehicles.from} {p.symbol}{p.value}
); })}
{/* Neden ENG Transfer */}
{t.features.eyebrow}

{t.features.title}

{t.features.f1t}

{t.features.f1d}

{t.features.f2t}

{t.features.f2d}

{t.features.f3t}

{t.features.f3d}

{t.features.f4t}

{t.features.f4d}

{/* Müşteri Yorumları */}
{t.reviews.eyebrow}

{t.reviews.title}

{reviews.slice(0, 3).map((r, i) => { const name = r.authorName || r.name; const country = r.country; const text = r.text; const stars = r.stars; return (
{[...Array(stars)].map((_, j) => )}

"{text}"

{name?.charAt(0)}
{name}
{country}
); })}
{/* CTA */}

{t.cta.title}

{t.cta.sub}

); }; window.HomePage = HomePage; window.VEHICLES = VEHICLES_FALLBACK; window.VehicleImg = VehicleImg; window.fmtDuration = fmtDuration;