FlotaPartner - Taksi & Ride-Sharing Filo Ortaklığı Web Sitesi

Modern ve profesyonel bir pazarlama web sitesi. Türki```javascript this.rates = { istanbul: { economy: 35, comfort: 45, premium: 60 }, ankara: { economy: 30, comfort: 40, premium: 55 }, // ... };


## 🎯 Proje Amacı

Bu web sitesi, potansiyel sürücülerden başvuru (lead) toplamak ve şirketin profesyonel imajını güçlendirmek amacıyla geliştirilmiştir. Minimum formalite, maksimum kazanç vaadi ile sürücü kazanımına odaklanır.

## 🚀 Özellikler

### Ana Bileşenler
- **Modern Hero Section**: Dikkat çekici başlık ve değer önerisi
- **İnteraktif Kazanç Hesaplayıcısı**: Sürücülerin potansiyel kazançlarını hesaplayabilmesi
- **Lead Generation Formu**: Sürücü başvuru formu
- **Responsive Tasarım**: Mobile-first yaklaşım
- **SEO Optimize**: Arama motorları için optimize edilmiş

### Teknik Özellikler
- **Vanilla JavaScript**: Framework bağımlılığı yok
- **Modern CSS**: CSS Grid, Flexbox, CSS Variables
- **Performance Optimized**: Lazy loading, debouncing, throttling
- **Accessibility**: WCAG uyumlu erişilebilirlik özellikleri
- **Analytics Ready**: Google Analytics ve Facebook Pixel entegrasyonu hazır

## 📁 Proje Yapısı

├── index.html # Ana sayfa ├── css/ │ └── style.css # Ana stil dosyası ├── js/ │ └── main.js # Ana JavaScript dosyası ├── images/ # Görsel dosyaları (placeholder) │ ├── logo.png │ ├── hero-driver.jpg │ ├── uber-logo.png │ ├── bolt-logo.png │ └── ... ├── pages/ # Ek sayfalar için ├── .github/ │ └── copilot-instructions.md └── README.md


## 🛠️ Kurulum ve Çalıştırma

### Gereksinimler
- Modern web tarayıcısı
- Local web server (geliştirme için)

### Çalıştırma
1. Projeyi klonlayın veya indirin
2. Web sunucusu başlatın:
   ```bash
   # Python ile
   python -m http.server 8000
   
   # Node.js ile (http-server)
   npx http-server
   
   # VS Code Live Server extension ile
   # index.html'e sağ tıklayıp "Open with Live Server"

Tarayıcıda http://localhost:8000 adresini açın

🎨 Tasarım Sistemi

Renkler

Primary: #2563eb (Mavi)
Secondary: #f59e0b (Turuncu)
Success: #10b981 (Yeşil)
Gray Scale: #f9fafb → #111827

Typography

Font: Inter (Google Fonts)
Weights: 300, 400, 500, 600, 700

Spacing

CSS Variables kullanılarak tutarlı spacing sistemi
4px grid sistemi

💻 Geliştirme

CSS Mimarisi

CSS Variables: Tutarlı theming
BEM Metodolojisi: Scss-like class naming
Mobile-First: Responsive tasarım
Modern Features: CSS Grid, Flexbox, Custom Properties

JavaScript Özellikleri

ES6+ Syntax: Modern JavaScript
Class-based Architecture: Maintainable kod yapısı
Event Delegation: Performance optimizasyonu
Error Handling: Robust error management

Ana JavaScript Sınıfları

EarningsCalculator

// Kazanç hesaplayıcısı
const calculator = new EarningsCalculator();

LeadFormHandler

// Form yönetimi ve lead tracking
const formHandler = new LeadFormHandler();

ScrollAnimations

// Scroll-based animasyonlar
const animations = new ScrollAnimations();

🔧 Özelleştirme

Kazanç Oranları

js/main.js dosyasındaki rates objesini düzenleyerek şehir ve araç tipine göre saatlik oranları güncelleyebilirsiniz:

this.rates = {
    warsaw: { economy: 25, comfort: 30, premium: 40 },
    krakow: { economy: 22, comfort: 27, premium: 35 },
    // ...
};

Form Entegrasyonu

LeadFormHandler.simulateAPICall() metodunu gerçek API endpoint'iniz ile değiştirin:

async simulateAPICall(data) {
    const response = await fetch('/api/leads', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(data)
    });
    return response.json();
}

Analytics Entegrasyonu

Google Analytics ve Facebook Pixel kodlarını <head> bölümüne ekleyin.

📱 Responsive Breakpoints

Mobile: < 768px
Tablet: 768px - 1024px
Desktop: > 1024px

🎯 Lead Generation

Form Alanları

Ad/Soyad
Telefon
E-posta
Şehir
Deneyim seviyesi
Araç sahipliği
Ek notlar

Tracking Events

Form submission
Calculator usage
Button clicks
Section views

🔐 Güvenlik ve Gizlilik

KVKK uyumlu veri toplama
Form validation
XSS koruması
Güvenli form handling

📈 SEO Optimizasyonu

On-Page SEO

Semantic HTML5
Meta tags
Open Graph tags
Structured data ready
Fast loading
Mobile-friendly

Content Strategy

Polish keyword targeting
Local SEO optimization
Blog section for content marketing

🚀 Performance

Optimization Teknikleri

Image lazy loading
CSS/JS minification ready
Critical CSS inlining ready
Web font optimization
Debounced/throttled event handlers

Loading Performance

Preload critical resources
Async/defer JavaScript
Optimized images
Minimal third-party scripts

🧪 Test Edilecek Özellikler

Functional Testing

Performance Testing

Page load speed
Mobile performance
Core Web Vitals

🌐 Deployment

Production Checklist

Hosting Önerileri

Netlify (JAMstack)
Vercel
GitHub Pages
Traditional hosting (cPanel)

📞 Support

Web sitesi ile ilgili teknik sorularınız için:

Code review ve optimizasyon
Ek özellik geliştirme
Bakım ve güncelleme
Performance monitoring

📄 License

Bu proje FlotaPartner için özel olarak geliştirilmiştir.

🚗 FlotaPartner - Direksiyon başında gereksiz formaliteler olmadan kazan!

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
.github		.github
.vscode		.vscode
public		public
src		src
videos		videos
.gitignore		.gitignore
README.md		README.md
favicon.ico		favicon.ico
package.json		package.json
webpack.config.js		webpack.config.js

nadas17/gdanskpartnersite

Folders and files

Latest commit

History

Repository files navigation