<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prime Transfer Orlando |
Luxury Service</title>
<script src="https://cdn.tailwindcss.com"></script>
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap"
rel="stylesheet">
<style>
body { font-family: 'Playfair Display', serif; }
.gold-text { color: #d4af37; }
.gold-bg { background-color: #d4af37; }
.font-sans { font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; }
</style>
</head>
<body class="bg-white text-black antialiased">
<header class="fixed top-0 w-full bg-white/90 backdrop-blur-md border-b border-gray-100 z-50">
<div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
<div class="text-2xl font-bold tracking-tight uppercase">PRIME TRANSFER</div>
<button onclick="window.open('https://wa.me/5519991430400')" class="gold-bg text-white px-6 py-2 font-bold text-sm hover:opacity-90 transition-all
font-sans">CHAT NOW</button>
</div>
</header>
<section class="pt-40 pb-20
px-6 max-w-7xl mx-auto grid grid-cols-1
lg:grid-cols-2 gap-12 items-center">
<div>
<h1 class="text-6xl lg:text-7xl leading-tight
mb-8">Elevate Your Transfer to <span class="gold-text italic">First Class.</span></h1>
<p class="text-gray-500 text-lg
mb-10 font-sans">Orlando's
premier executive transportation.
Absolute punctuality and
VIP treatment.</p>
<div class="bg-white p-8 shadow-2xl rounded-xl
border border-gray-50 font-sans">
<div class="grid grid-cols-2
gap-4 mb-4">
<div>
<label class="text-[10px] uppercase font-bold gold-text tracking-widest">Pickup Date</label>
<input type="date" class="w-full border-gray-200 border
p-3 rounded mt-1">
</div>
<div>
<label class="text-[10px] uppercase font-bold gold-text tracking-widest">Time</label>
<input type="time" class="w-full border-gray-200 border
p-3 rounded mt-1">
</div>
</div>
<div class="mb-6">
<label class="text-[10px] uppercase font-bold gold-text tracking-widest">Destination</label>
<input type="text"
placeholder="Airport,
Hotel, Disney..." class="w-full
border-gray-200 border p-3 rounded
mt-1">
</div>
<button onclick="window.open('https://wa.me/5519991430400')" class="w-full bg-black text-white py-4 font-bold uppercase tracking-widest
hover:bg-gray-800 transition-all">Book Now via WhatsApp</button>
</div>
</div>
<div class="hidden lg:block relative">
<img
src="https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&q=80&w=1000"
class="rounded-2xl shadow-2xl h-[600px] w-full object-cover">
</div>
</section>
<section class="py-24
bg-gray-50 px-6">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-16">
<span class="gold-text uppercase font-bold tracking-[0.3em] text-xs">Our Selection</span>
<h2
class="text-5xl mt-4">Elite
Fleet</h2>
</div>
<div class="grid grid-cols-1
md:grid-cols-3 gap-10 font-sans">
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-xl transition-all border
border-gray-100">
<div class="h-48
flex items-center justify-center">
<img src="image_aab923.png"
alt="Sedan" class="max-h-full">
</div>
<h3 class="text-xl
font-bold mb-4 font-serif">Luxury
Sedan</h3>
<div class="flex gap-4 text-xs text-gray-400 font-bold">
<span>3 PASSENGERS</span>
<span>3 BAGS</span>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-xl transition-all border
border-gray-100">
<div class="h-48
flex items-center justify-center">
<img src="image_aabc70.png"
alt="SUV" class="max-h-full">
</div>
<h3 class="text-xl
font-bold mb-4 font-serif">Premium
SUV</h3>
<div class="flex gap-4 text-xs text-gray-400 font-bold">
<span>4 PASSENGERS</span>
<span>4 BAGS</span>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-xl transition-all border
border-gray-100">
<div class="h-48
flex items-center justify-center">
<img src="image_aabce3.png"
alt="Mini Van" class="max-h-full">
</div>
<h3 class="text-xl
font-bold mb-4 font-serif">Executive MiniVan</h3>
<div class="flex gap-4 text-xs text-gray-400 font-bold">
<span>6 PASSENGERS</span>
<span>6 BAGS</span>
</div>
</div>
</div>
</div>
</section>
<footer class="py-20 text-center bg-white border-t border-gray-100">
<p class="text-[10px]
text-gray-400 tracking-[0.5em] uppercase">©
2026 Prime Transfer Orlando. All
Rights Reserved.</p>
</footer>
<a href="https://wa.me/5519991430400" target="_blank" class="fixed bottom-8 right-8 bg-[#25D366]
text-white p-5 rounded-full
shadow-2xl hover:scale-110 transition-transform
z-50">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round"><path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 1 1-7.6-11.7 8.38 8.38 0 0 1
3.8.9L22 2l-2.1 4.9Z"/></svg>
</a>
</body>
</html>