38701-vm/index.php

<?php
$title = "Home";
require_once __DIR__ . '/includes/header.php';

// Fetch a few featured cars
$stmt = db()->prepare("SELECT c.*, ci.image_path FROM cars c LEFT JOIN car_images ci ON c.id = ci.car_id GROUP BY c.id ORDER BY c.id DESC LIMIT 3");
$stmt->execute();
$featuredCars = $stmt->fetchAll();
?>

<!-- Hero Section -->
<section class="hero hero-home">
    <div class="container">
        <div class="hero-content">
            <h1 class="text-gradient">Car Sells in Afghanistan</h1>
            <p>Discover the most exclusive collection of luxury vehicles in the region. From rugged Land Cruisers to sophisticated sedans, we bring you the pinnacle of automotive excellence.</p>
            <div class="hero-actions" style="display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap;">
                <a href="cars.php" class="btn btn-primary" style="padding: 1.25rem 3rem; font-size: 1.1rem;">Explore Marketplace</a>
                <a href="register.php" class="btn btn-outline" style="padding: 1.25rem 3rem; font-size: 1.1rem;">List Your Vehicle</a>
            </div>
        </div>
    </div>
</section>

<!-- Features Section -->
<section id="features">
    <div class="container">
        <div class="section-header">
            <h2 class="text-gradient">Why Choose AFG CARS?</h2>
            <p>We provide a seamless experience for both buyers and sellers of luxury vehicles.</p>
        </div>
        
        <div class="features-grid">
            <div class="glass-card feature-card">
                <div class="feature-icon">🛡️</div>
                <h3>Verified Sellers</h3>
                <p>Every seller on our platform undergoes a verification process to ensure transparency and trust in every transaction.</p>
            </div>
            
            <div class="glass-card feature-card">
                <div class="feature-icon">💎</div>
                <h3>Premium Selection</h3>
                <p>We specialize in high-end vehicles, including the latest models of Toyota, Lexus, Mercedes, and more.</p>
            </div>
            
            <div class="glass-card feature-card">
                <div class="feature-icon">⚡</div>
                <h3>Quick Listing</h3>
                <p>List your car in minutes with our intuitive seller dashboard and reach thousands of potential buyers instantly.</p>
            </div>
        </div>
    </div>
</section>

<!-- Featured Cars -->
<section style="background: rgba(15, 23, 42, 0.3);">
    <div class="container">
        <div class="section-header">
            <h2 class="text-gradient">Featured Collections</h2>
            <p>Hand-picked luxury vehicles currently available in our marketplace.</p>
        </div>
        
        <div class="cars-grid">
            <?php foreach ($featuredCars as $car): ?>
            <div class="glass-card car-card">
                <div class="car-image">
                    <img src="<?php echo htmlspecialchars($car['image_path'] ?? 'assets/images/pexels/car_1.jpg'); ?>" alt="<?php echo htmlspecialchars($car['make'] . ' ' . $car['model']); ?>">
                    <div class="car-badge" style="position: absolute; top: 1rem; right: 1rem; background: var(--primary); color: white; padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.75rem; font-weight: 700;"><?php echo htmlspecialchars($car['year']); ?></div>
                </div>
                <div class="car-info">
                    <div class="car-price">$<?php echo number_format($car['price']); ?></div>
                    <h3><?php echo htmlspecialchars($car['make'] . ' ' . $car['model']); ?></h3>
                    <p style="color: var(--text-muted); font-size: 0.9rem;"><?php echo htmlspecialchars(substr($car['description'], 0, 80)) . '...'; ?></p>
                    
                    <div class="car-meta">
                        <span>📍 Kabul</span>
                        <span>🛣️ <?php echo number_format($car['mileage']); ?> km</span>
                    </div>
                    
                    <a href="car_detail.php?id=<?php echo $car['id']; ?>" class="btn btn-outline" style="width: 100%; margin-top: 2rem;">View Details</a>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
        
        <div style="text-align: center; margin-top: 4rem;">
            <a href="cars.php" class="btn btn-primary">View All Vehicles</a>
        </div>
    </div>
</section>

<!-- Testimonials Section -->
<section>
    <div class="container">
        <div class="section-header">
            <h2 class="text-gradient">What Our Clients Say</h2>
            <p>Read reviews from real buyers and sellers who have used AFG CARS.</p>
        </div>
        
        <div class="testimonials-grid">
            <div class="glass-card testimonial-card">
                <p class="testimonial-text">"I sold my Land Cruiser in just three days. The process was incredibly smooth, and the platform attracted serious buyers immediately."</p>
                <div class="testimonial-author">
                    <div class="author-avatar" style="background: linear-gradient(135deg, #38bdf8, #6366f1);"></div>
                    <div class="author-info">
                        <h4>Ahmad Rahimi</h4>
                        <p>Kabul, Afghanistan</p>
                    </div>
                </div>
            </div>
            
            <div class="glass-card testimonial-card">
                <p class="testimonial-text">"Finding a well-maintained Mercedes G-Class in Mazar was tough until I found this site. Highly recommend for luxury car seekers."</p>
                <div class="testimonial-author">
                    <div class="author-avatar" style="background: linear-gradient(135deg, #10b981, #3b82f6);"></div>
                    <div class="author-info">
                        <h4>Zubair Khan</h4>
                        <p>Mazar-i-Sharif</p>
                    </div>
                </div>
            </div>
            
            <div class="glass-card testimonial-card">
                <p class="testimonial-text">"Professional support and a very modern interface. It's the best car marketplace I've used in the region by far."</p>
                <div class="testimonial-author">
                    <div class="author-avatar" style="background: linear-gradient(135deg, #f59e0b, #ef4444);"></div>
                    <div class="author-info">
                        <h4>Mustafa Buneri</h4>
                        <p>Buner, Pakistan</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Call to Action -->
<section style="margin-bottom: 0;">
    <div class="container">
        <div class="glass-card" style="padding: 5rem; text-align: center; background: linear-gradient(135deg, rgba(56, 189, 248, 0.1), rgba(99, 102, 241, 0.1));">
            <h2 style="font-size: 3rem; margin-bottom: 1.5rem;">Ready to find your next ride?</h2>
            <p style="font-size: 1.2rem; color: var(--text-muted); margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto;">Join thousands of car enthusiasts in Afghanistan's most premium marketplace.</p>
            <div style="display: flex; gap: 1.5rem; justify-content: center;">
                <a href="register.php" class="btn btn-primary" style="padding: 1rem 3rem;">Get Started Now</a>
                <a href="contact.php" class="btn btn-outline" style="padding: 1rem 3rem;">Contact Support</a>
            </div>
        </div>
    </div>
</section>

<?php require_once __DIR__ . '/includes/footer.php'; ?>