Sharm Bolt

<!DOCTYPE html>
<html lang=”en”><!– SHARM BOLT FINAL WITH YOUR WHATSAPP –><link href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”><script src=”https://cdn.tailwindcss.com”></script><header class=”sticky top-0 z-50 bg-white shadow”><div class=”max-w-7xl mx-auto px-4 h-20 flex items-center justify-between”><div class=”flex items-center gap-2″><i class=”fa-solid fa-bolt text-yellow-500 text-3xl”></i><span class=”text-2xl font-black”>SHARM BOLT<span class=”text-teal-600″> TAXI</span></span></div><a href=”https://wa.me/201012050284″ class=”bg-green-500 text-white px-6 py-3 rounded-xl font-bold”>WhatsApp +20 101 205 0284</a></div></header><section class=”bg-gradient-to-br from-teal-600 to-blue-700 text-white py-20 px-4 text-center”><h1 class=”text-5xl font-black mb-4″>Sharm El Sheikh Taxi & Best Tours</h1><p class=”text-xl mb-8″>Airport Transfers From $15 | Tours From $20 | 24/7 Service</p><a href=”https://wa.me/201012050284?text=Hi%20Sharm%20Bolt,%20I%20want%20to%20book%20a%20tour” class=”bg-amber-500 text-slate-900 px-8 py-4 rounded-xl font-bold text-xl”>Book on WhatsApp Now</a></section><section id=”tours” class=”max-w-7xl mx-auto py-16 px-4″><h2 class=”text-4xl font-black text-center mb-12″>Our Most Popular Tours – Fixed Prices</h2><div class=”grid md:grid-cols-3 gap-8″><div class=”bg-white rounded-2xl shadow-xl overflow-hidden”><img src=”https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=600″ class=”h-56 w-full object-cover”><div class=”p-6″><h3 class=”font-bold text-xl”>Airport Taxi Transfer</h3><p class=”text-sm text-gray-600″>Sharm Airport ↔ Any Hotel | 24/7 | Private Car</p><div class=”flex justify-between items-center mt-4″><span class=”text-2xl font-black text-teal-600″>From $15</span><a href=”https://wa.me/201012050284?text=Hi,%20I%20want%20airport%20taxi%20from%20Sharm%20Airport” class=”bg-green-500 text-white px-4 py-2 rounded-lg font-bold”>Book Now</a></div></div></div><div class=”bg-white rounded-2xl shadow-xl overflow-hidden”><img src=”https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=600″ class=”h-56 w-full object-cover”><div class=”p-6″><h3 class=”font-bold text-xl”>Dahab Blue Hole Tour</h3><p class=”text-sm text-gray-600″>8 Hours | Snorkeling + Canyon + Shopping</p><div class=”flex justify-between items-center mt-4″><span class=”text-2xl font-black text-teal-600″>$25</span><a href=”https://wa.me/201012050284?text=Dahab%20Blue%20Hole%20Tour” class=”bg-green-500 text-white px-4 py-2 rounded-lg font-bold”>Book Now</a></div></div></div><div class=”bg-white rounded-2xl shadow-xl overflow-hidden”><img src=”https://images.unsplash.com/photo-1506929562872-bb421503ef21?w=600″ class=”h-56 w-full object-cover”><div class=”p-6″><h3 class=”font-bold text-xl”>Ras Mohamed National Park</h3><p class=”text-sm text-gray-600″>8 Hours | Boat + Snorkel + White Island</p><div class=”flex justify-between items-center mt-4″><span class=”text-2xl font-black text-teal-600″>$30</span><a href=”https://wa.me/201012050284?text=Ras%20Mohamed%20Tour” class=”bg-green-500 text-white px-4 py-2 rounded-lg font-bold”>Book Now</a></div></div></div><div class=”bg-white rounded-2xl shadow-xl overflow-hidden”><img src=”https://images.unsplash.com/photo-1489493887464-892be6d1daae?w=600″ class=”h-56 w-full object-cover”><div class=”p-6

<!-- Header & Navbar -->
<header class="sticky top-0 z-50 bg-white/95 backdrop-blur shadow-sm">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
        <div class="flex items-center space-x-2">
            <i class="fa-solid fa-bolt text-yellow-500 text-3xl"></i>
            <span class="text-2xl font-black tracking-tight text-slate-900">SHARM BOLT<span class="text-teal-600"> TAXI</span></span>
        </div>
        <nav class="hidden md:flex space-x-8 font-medium text-slate-600">
            <a href="#home" class="hover:text-teal-600 transition">Home</a>
            <a href="#tours" class="hover:text-teal-600 transition">Tours & Transfers</a>
            <a href="#why-us" class="hover:text-teal-600 transition">Why Us</a>
            <a href="#contact" class="hover:text-teal-600 transition">Contact</a>
        </nav>
        <div>
            <a href="https://wa.me/201000000000?text=Hello,%20I%20want%20to%20book%20a%20service" target="_blank" class="bg-green-600 hover:bg-green-700 text-white font-semibold px-5 py-2.5 rounded-full shadow-md transition flex items-center gap-2">
                <i class="fa-brands fa-whatsapp text-lg"></i> WhatsApp Us
            </a>
        </div>
    </div>
</header>

<!-- Hero Section -->
<section id="home" class="relative bg-slate-900 text-white py-24 lg:py-32 overflow-hidden">
    <div class="absolute inset-0 opacity-40 bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1544644181-1484b3fdfc62?auto=format&fit=crop&w=1920&q=80');"></div>
    <div class="absolute inset-0 bg-gradient-to-r from-slate-950 via-slate-950/70 to-transparent"></div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="max-w-2xl">
            <span class="bg-teal-500/20 text-teal-300 text-sm font-semibold px-3 py-1 rounded-full uppercase tracking-wider">Sharm El Sheikh #1 Transport & Tours</span><h1 class="text-4xl sm:text-6xl font-black mt-4 mb-6 leading-tight">Your Fast & Reliable Ride in Sharm El Sheikh</h1>
            <p class="text-lg sm:text-xl text-slate-300 mb-8">Experience the best of the Red Sea and Sinai desert with comfortable airport taxis and unforgettable guided excursions at unbeatable prices.</p>
            <div class="flex flex-col sm:flex-row gap-4">
                <a href="#tours" class="bg-teal-600 hover:bg-teal-700 text-white text-center font-bold px-8 py-4 rounded-xl shadow-lg transition">Explore Tours & Prices</a>
                <a href="https://wa.me/201000000000?text=Hello,%20I%20need%20a%20taxi%20or%20tour%20in%20Sharm" target="_blank" class="bg-white/10 hover:bg-white/20 border border-white/30 text-white text-center font-bold px-8 py-4 rounded-xl backdrop-blur transition flex items-center justify-center gap-2">
                    <i class="fa-brands fa-whatsapp text-green-400 text-xl"></i> Instant Booking
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Tours & Taxi Services Section (Replaces Gallery) -->
<section id="tours" class="py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center max-w-3xl mx-auto mb-16">
        <h2 class="text-3xl sm:text-4xl font-extrabold text-slate-900 mb-4">Popular Tours & Transfers</h2>
        <p class="text-slate-600 text-lg">Choose your next adventure or dependable airport transfer. Book instantly via WhatsApp with zero hassle.</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        
        <!-- Tour 1 -->
        <div class="bg-white rounded-2xl overflow-hidden shadow-md hover:shadow-xl transition border border-slate-100 flex flex-col">

Sharm Bolt Taxi and Tours | Best Tours & Transfers in Sharm El Sheikh

SHARM BOLTHomeTours & TransfersAbout UsContact

WhatsApp Us

<!-- Hero Section -->
<section id="home" class="relative bg-slate-900 text-white py-24 lg:py-32 bg-cover bg-center" style="background-image: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), url('https://images.unsplash.com/photo-1544644181-1484b3fdfc62?auto=format&fit=crop&q=80&w=1920');">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
        <span class="bg-amber-500 text-slate-900 font-bold px-4 py-1.5 rounded-full text-sm uppercase tracking-wider inline-block mb-4">Sharm El Sheikh Premier Transport</span>
        <h1 class="text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight mb-6">Reliable Taxis & Unforgettable Tours</h1>
        <p class="text-lg sm:text-xl text-slate-300 max-w-2xl mx-auto mb-10">Experience the beauty of Sharm El Sheikh with safe airport transfers, thrilling desert safaris, and crystal-clear diving adventures at unbeatable prices.</p>
        <div class="flex flex-col sm:flex-row justify-center gap-4">
            <a href="#tours" class="bg-amber-500 hover:bg-amber-600 text-slate-900 font-bold px-8 py-4 rounded-xl text-lg shadow-xl transition">Explore Tours & Prices</a>
            <a href="https://wa.me/201000000000" target="_blank" class="bg-slate-800 hover:bg-slate-700 border border-slate-700 text-white font-bold px-8 py-4 rounded-xl text-lg transition flex items-center justify-center space-x-2">
                <i class="fa-brands fa-whatsapp text-green-400 text-xl"></i>
                <span>Instant Booking</span>
            </a>
        </div>
    </div>
</section>

<!-- Tours & Transfers Grid -->
<section id="tours" class="py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="text-center mb-16">
        <h2 class="text-3xl sm:text-4xl font-black text-slate-900 mb-4">Popular Tours & Transfers</h2>
        <p class="text-slate-600 max-w-xl mx-auto">Choose from our top-rated excursions and reliable transfers. Book instantly via WhatsApp with zero hassle.</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- 1. Airport Taxi -->
        <div class="bg-white rounded-2xl shadow-md overflow-hidden border border-slate-100 flex flex-col justify-between hover:shadow-xl transition">
            <div>
                <div class="h-48 overflow-hidden relative">
                    <img src="https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&q=80&w=600" alt="Airport Taxi" class="w-full h-full object-cover hover:scale-105 transition duration-500">
                    <span class="absolute top-4 right-4 bg-slate-900/80 backdrop-blur-md text-white font-black px-4 py-1.5 rounded-full text-lg">$15</span>
                </div>
                <div class="p-6">
                    <h3 class="text-xl font-bold text-slate-900 mb-2">Airport Taxi Transfer</h3>
                    <p class="text-slate-600 text-sm mb-4">Safe, comfortable, and punctual pickup/drop-off between Sharm Airport and your hotel. Meet & greet included.</p>
                </div>
            </div>
            <div class="p-6 pt-0">
                <a href="https://wa.me/201000000000?text=Hi,%20I%20would%20like%20to%20book%20the%20Airport%20Taxi%20Transfer%20for%20$15" target="_blank" class="w-full bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-4 rounded-xl flex items-center justify-center space-x-2 transition shadow-md">
                    <i class="fa-brands fa-whatsapp text-xl"></i>
                    <span>Book via WhatsApp</span>
                </a>
            </div>
        </div>

        <!-- 2. Dahab Blue Hole -->
        <div class="bg-white rounded-2xl shadow-md overflow-hidden border border-slate-100 flex flex-col justify-between hover:shadow-xl transition">
            <div>
                <div class="h-48 overflow-hidden relative">
                    <img src="https://images.unsplash.com/photo-1544551763-46a013bb70d5?auto=format&fit=crop&q=80&w=600" alt="Dahab Blue Hole" class="w-full h-full object-cover hover:scale-105 transition duration-500">
                    <span class="absolute top-4 right-4 bg-slate-900/80 backdrop-blur-md text-white font-black px-4 py-1.5 rounded-full text-lg">$25</span>
                </div>
                <div class="p-6">
                    <h3 class="text-xl font-bold text-slate-900 mb-2">Dahab Blue