<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tiki Tide Boat Rentals | Florida Keys Boat Rentals & Sandbar Charters</title>
<meta
name="description"
content="Tiki Tide Boat Rentals offers tropical boat rentals across the Florida Keys including Key Largo, Islamorada, Tavernier, Marathon, Big Pine Key, and Key West. Cruise sandbars, snorkel reefs, fish, and explore paradise."
/>
<meta
name="keywords"
content="Florida Keys boat rentals, Key West boat rentals, Islamorada boat rentals, Marathon boat rentals, Upper Keys boat rentals, Big Pine Key boat rentals, Tavernier boat rentals, sandbar rentals Florida Keys, tiki boat rental, Florida Keys charter boat, Key Largo boat rental, Lower Keys boat rentals"
/>
<meta name="theme-color" content="#ff4fd8" />
<meta property="og:title" content="Tiki Tide Boat Rentals" />
<meta
property="og:description"
content="Tropical boat rentals across the Florida Keys. Explore sandbars, reefs, sunsets, and island life with Tiki Tide Boat Rentals."
/>
<meta property="og:type" content="website" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<style>
:root {
--bg: #08131f;
--bg2: #0d1d2f;
--text: #f6fbff;
--muted: #b8d2e5;
--pink: #ff4fd8;
--cyan: #30f2ff;
--lime: #b7ff5f;
--orange: #ffb366;
--card: rgba(255,255,255,.06);
--border: rgba(255,255,255,.12);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: "Outfit", sans-serif;
background:
radial-gradient(circle at top left, rgba(255,79,216,.25), transparent 30%),
radial-gradient(circle at top right, rgba(48,242,255,.22), transparent 30%),
linear-gradient(180deg, var(--bg), #050b12 100%);
color: var(--text);
}
a {
text-decoration: none;
color: inherit;
}
.container {
width: min(1180px, calc(100% - 2rem));
margin: auto;
}
nav {
position: sticky;
top: 0;
z-index: 100;
backdrop-filter: blur(16px);
background: rgba(5, 10, 18, .7);
border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-inner {
height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
display: flex;
align-items: center;
gap: .75rem;
font-weight: 800;
font-size: 1.15rem;
letter-spacing: .03em;
}
.logo-badge {
width: 42px;
height: 42px;
border-radius: 14px;
background:
linear-gradient(135deg, var(--pink), var(--cyan));
display: grid;
place-items: center;
font-size: 1.2rem;
box-shadow:
0 0 24px rgba(255,79,216,.4),
0 0 24px rgba(48,242,255,.25);
}
.nav-links {
display: flex;
align-items: center;
gap: 1.5rem;
}
.nav-links a {
color: var(--muted);
font-weight: 500;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 52px;
padding: 0 1.4rem;
border-radius: 999px;
font-weight: 700;
transition: .2s ease;
}
.btn-primary {
background: linear-gradient(135deg, var(--pink), #ff7fbe);
color: white;
box-shadow: 0 10px 40px rgba(255,79,216,.35);
}
.btn-secondary {
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
color: white;
}
.btn:hover {
transform: translateY(-2px);
}
.hero {
position: relative;
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.5)),
url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=2000&auto=format&fit=crop")
center/cover;
transform: scale(1.05);
}
.hero-inner {
position: relative;
min-height: 92vh;
display: flex;
align-items: center;
}
.hero-content {
max-width: 720px;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .55rem 1rem;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
color: var(--lime);
margin-bottom: 1.5rem;
font-weight: 600;
}
h1 {
margin: 0;
font-size: clamp(3rem, 8vw, 6rem);
line-height: .95;
letter-spacing: -.04em;
}
.gradient {
background: linear-gradient(135deg, var(--cyan), var(--pink));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero p {
margin-top: 1.5rem;
color: #d9e9f5;
font-size: 1.2rem;
line-height: 1.7;
max-width: 650px;
}
.hero-actions {
display: flex;
gap: 1rem;
flex-wrap: wrap;
margin-top: 2rem;
}
section {
padding: 6rem 0;
}
.section-title {
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
margin-bottom: 1rem;
}
.section-copy {
color: var(--muted);
max-width: 760px;
line-height: 1.7;
margin-bottom: 3rem;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
}
.card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 28px;
padding: 1.5rem;
backdrop-filter: blur(12px);
transition: .2s ease;
}
.card:hover {
transform: translateY(-4px);
border-color: rgba(48,242,255,.4);
}
.card-icon {
width: 58px;
height: 58px;
border-radius: 18px;
display: grid;
place-items: center;
font-size: 1.5rem;
margin-bottom: 1rem;
background: linear-gradient(135deg, rgba(48,242,255,.25), rgba(255,79,216,.25));
}
.card h3 {
margin: 0 0 .75rem;
font-size: 1.3rem;
}
.card p {
margin: 0;
color: var(--muted);
line-height: 1.7;
}
.locations {
display: flex;
flex-wrap: wrap;
gap: .9rem;
}
.pill {
padding: .8rem 1.1rem;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
color: #e8f6ff;
font-weight: 600;
}
.cta {
border-radius: 36px;
overflow: hidden;
background:
linear-gradient(135deg,
rgba(255,79,216,.2),
rgba(48,242,255,.18));
border: 1px solid rgba(255,255,255,.12);
}
.cta-inner {
padding: 4rem 2rem;
text-align: center;
}
.cta h2 {
margin-top: 0;
font-size: clamp(2.2rem, 5vw, 4rem);
}
.footer {
padding: 3rem 0;
border-top: 1px solid rgba(255,255,255,.08);
}
.footer-inner {
display: flex;
justify-content: space-between;
gap: 2rem;
flex-wrap: wrap;
}
.footer p {
color: var(--muted);
margin: 0;
}
@media (max-width: 768px) {
.nav-links {
display: none;
}
.hero-inner {
min-height: 85vh;
}
section {
padding: 4.5rem 0;
}
}
</style>
</head>
<body>
<nav>
<div class="container nav-inner">
<a href="#" class="logo">
<div class="logo-badge">🌴</div>
<span>Tiki Tide Boat Rentals</span>
</a>
<div class="nav-links">
<a href="#adventures">Adventures</a>
<a href="#locations">Locations</a>
<a href="#about">About</a>
<a href="#contact" class="btn btn-primary">Book Now</a>
</div>
</div>
</nav>
<header class="hero">
<div class="container hero-inner">
<div class="hero-content">
<div class="eyebrow">
☀️ Florida Keys Boat Rentals
</div>
<h1>
Cruise the
<span class="gradient">Florida Keys</span>
in Style
</h1>
<p>
Tiki Tide Boat Rentals delivers unforgettable tropical adventures
across the Florida Keys. From Islamorada sandbars and Marathon
sunsets to Key West island hopping, experience turquoise water,
hidden beaches, snorkeling reefs, and the ultimate Miami Vice vibe.
</p>
<div class="hero-actions">
<a href="#contact" class="btn btn-primary">
Reserve Your Boat
</a>
<a href="#locations" class="btn btn-secondary">
Explore the Keys
</a>
</div>
</div>
</div>
</header>
<section id="adventures">
<div class="container">
<h2 class="section-title">
Tropical Adventures Await
</h2>
<p class="section-copy">
Whether you're planning a sandbar party, sunset cruise, snorkeling trip,
fishing day, or relaxing family vacation, Tiki Tide Boat Rentals makes
exploring the Florida Keys effortless and unforgettable.
</p>
<div class="cards">
<div class="card">
<div class="card-icon">🌊</div>
<h3>Sandbar Cruises</h3>
<p>
Anchor in crystal-clear turquoise water and enjoy the famous
Florida Keys sandbars with friends and family.
</p>
</div>
<div class="card">
<div class="card-icon">🐠</div>
<h3>Snorkeling Trips</h3>
<p>
Explore coral reefs, tropical fish, and hidden spots throughout
Islamorada, Marathon, and Key West.
</p>
</div>
<div class="card">
<div class="card-icon">🌅</div>
<h3>Sunset Charters</h3>
<p>
Experience iconic Keys sunsets with neon skies, calm waters,
and unforgettable island views.
</p>
</div>
<div class="card">
<div class="card-icon">🏝️</div>
<h3>Island Hopping</h3>
<p>
Cruise through the Upper Keys, Middle Keys, and Lower Keys
discovering hidden beaches and tropical escapes.
</p>
</div>
</div>
</div>
</section>
<section id="locations">
<div class="container">
<h2 class="section-title">
Serving the Entire Florida Keys
</h2>
<p class="section-copy">
We proudly provide Florida Keys boat rentals throughout the Upper Keys,
Middle Keys, and Lower Keys including Key Largo, Tavernier,
Islamorada, Marathon, Big Pine Key, and Key West.
</p>
<div class="locations">
<div class="pill">Key Largo Boat Rentals</div>
<div class="pill">Islamorada Boat Rentals</div>
<div class="pill">Tavernier Boat Rentals</div>
<div class="pill">Marathon Boat Rentals</div>
<div class="pill">Big Pine Key Boat Rentals</div>
<div class="pill">Key West Boat Rentals</div>
<div class="pill">Upper Keys Boat Rentals</div>
<div class="pill">Middle Keys Boat Rentals</div>
<div class="pill">Lower Keys Boat Rentals</div>
<div class="pill">Florida Keys Sandbar Tours</div>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h2 class="section-title">
Built for the Florida Keys Lifestyle
</h2>
<p class="section-copy">
Tiki Tide Boat Rentals combines the laid-back tropical energy of the
Florida Keys with a clean, modern Miami-inspired experience. Our goal
is simple: easy rentals, beautiful boats, unforgettable days on the water.
</p>
<div class="cards">
<div class="card">
<div class="card-icon">⚡</div>
<h3>Easy Booking</h3>
<p>
Fast reservations and flexible rental options designed for locals,
tourists, and weekend adventurers.
</p>
</div>
<div class="card">
<div class="card-icon">🌴</div>
<h3>Island Vibes</h3>
<p>
Tropical aesthetics, turquoise water, neon sunsets, and a true
Florida Keys atmosphere from start to finish.
</p>
</div>
<div class="card">
<div class="card-icon">🛥️</div>
<h3>Premium Boats</h3>
<p>
Comfortable, clean, and adventure-ready boats for cruising,
sandbars, snorkeling, and exploring.
</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="cta" id="contact">
<div class="cta-inner">
<h2>
Your Florida Keys Adventure Starts Here
</h2>
<p class="section-copy" style="margin:auto auto 2rem;">
Ready to explore Islamorada, Marathon, Big Pine Key, or Key West?
Book your tropical boat day with Tiki Tide Boat Rentals today.
</p>
<a href="tel:+13055551234" class="btn btn-primary">
Call Now To Book
</a>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container footer-inner">
<div>
<div class="logo">
<div class="logo-badge">🌴</div>
<span>Tiki Tide Boat Rentals</span>
</div>
</div>
<p>
Florida Keys Boat Rentals • Islamorada • Marathon • Key West • Big Pine Key
</p>
</div>
</footer>
</body>
</html>