Yükleniyor...
Yükleniyor...
İzgeTour component kütüphanesi — her bileşenin açıklaması, props tablosu ve canlı önizlemesi
Hero banner altında veya sayfa içinde tam boyutlu arama formu. Uçuş, tur ve otel sekmelerini barındırır.
src/components/SmartSearchContainer.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| (yok) | - | - | Props almaz, kendi state'ini yönetir |
import SmartSearchContainer from '@/components/SmartSearchContainer';Mobil sidebar veya filter bar için kompakt arama formu. Tab bar + mini inputlardan oluşur.
src/components/search/SearchBarCompact.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| (yok) | - | - | Props almaz, kendi state'ini yönetir |
import SearchBarCompact from '@/components/search/SearchBarCompact';Header/Navbar için ikon olarak görünen, tıklandığında modal olarak açılan mini arama.
src/components/search/SearchBarMini.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| (yok) | - | - | Props almaz, kendi state'ini yönetir |
import SearchBarMini from '@/components/search/SearchBarMini';Tur listeleme kartı. Görsel, rating, süre, fiyat ve wishlist butonu.
src/components/TourCard.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| tour | Tour | - | Tur verisi (id, slug, title, price, image vb.) |
| locale | 'tr' | 'en' | - | Dil: "tr" veya "en" |
import TourCard from '@/components/TourCard';Otel listeleme kartı. Görsel, rating, sürdürülebilirlik skoru, olanaklar ve fiyat.
src/components/HotelCard.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| hotel | Hotel | - | Otel verisi (id, slug, title, rooms, amenities vb.) |
| locale | 'tr' | 'en' | - | Dil: "tr" veya "en" |
import HotelCard from '@/components/HotelCard';Uçuş listeleme kartı. Havayolu, gidiş/dönüş, aktarma noktaları, fiyat takibi.
src/components/FlightCard.tsx (legacy) / src/components/flights/FlightCard.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| flight | Flight | FlightResult | - | Uçuş verisi |
| isFollowed | boolean | - | Takip ediliyor mu? |
| onToggleFollow | (id: string) => void | - | Takip durumunu değiştir |
| locale | 'tr' | 'en' | - | Dil |
import FlightCard from '@/components/FlightCard (legacy) / src/components/flights/FlightCard.tsx';Sticky navigasyon başlığı. Logo, bağlantılar, tema değiştirici, dil seçici ve mobil menü.
src/components/Header.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| (yok) | - | - | Props almaz, kendi state'ini ve i18n'i yönetir |
import Header from '@/components/Header';Güven, destek ve kalite vurgusu yapan 3 kartlı özellik bölümü.
src/components/Features.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| (yok) | - | - | Props almaz, next-intl ile çevirileri alır |
Kısa açıklama metni buraya gelir.
Kısa açıklama metni buraya gelir.
Kısa açıklama metni buraya gelir.
import Features from '@/components/Features';Ruh haline göre destinasyon keşfi. Kullanıcı hissine göre öneri sunar.
src/components/MoodDestinationPicker.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| locale | 'tr' | 'en' | - | Dil |
import MoodDestinationPicker from '@/components/MoodDestinationPicker';Sağ alt köşede canlı destek butonu. ChatWindow modal açar.
src/components/Support/SupportBubble.tsx| Name | Type | Varsayılan | Açıklama |
|---|---|---|---|
| (yok) | - | - | Props almaz, useChatStore kullanır |
import SupportBubble from '@/components/Support/SupportBubble';