<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TrueLife Tours | Okanagan Wine Tours | Kelowna, BC</title>
<meta name="description" content="Small-group wine tours in the Okanagan Valley with local expert Cherry Patterson.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
:root {
--primary: #8B2A1A;
--accent: #D4A017;
--dark: #1A2526;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', system-ui, sans-serif; line-height: 1.6; color: #333; }
header {
background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('https://epicureandculture.com/wp-content/uploads/2023/07/Okanagan-Valley.jpg') center/cover no-repeat;
color: white;
text-align: center;
padding: 180px 20px 100px;
}
.logo { max-width: 200px; margin-bottom: 20px; }
h1 { font-size: 3.2rem; margin-bottom: 15px; }
.tagline { font-size: 1.4rem; margin-bottom: 30px; }
.btn {
display: inline-block;
background: var(--accent);
color: #000;
padding: 14px 32px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
}
.btn:hover { transform: scale(1.05); background: #f0c040; }
nav { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 100; }
nav ul { display: flex; justify-content: center; list-style: none; padding: 15px 0; flex-wrap: wrap; }
nav a { color: var(--dark); text-decoration: none; margin: 0 18px; font-weight: 600; }
section { padding: 80px 20px; }
.section-title { text-align: center; font-size: 2.4rem; margin-bottom: 50px; color: var(--dark); }
.wineries-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; }
.winery-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: transform 0.3s; }
.winery-card:hover { transform: translateY(-10px); }
.winery-card img { width: 100%; height: 260px; object-fit: cover; }
.winery-card h3 { padding: 20px 20px 10px; color: var(--primary); }
.winery-card p { padding: 0 20px 25px; }
footer { background: var(--dark); color: white; text-align: center; padding: 60px 20px 30px; }
</style>
</head>
<body>
<!-- HERO -->
<header>
<img src="https://truelifetours.ca/wp-content/uploads/2024/05/TrueLife-Logo-1-1024x1024.jpg" alt="TrueLife Tours Logo" class="logo">
<h1>TrueLife Tours</h1>
<p class="tagline">Small-Group Wine Tours in the Heart of the Okanagan Valley</p>
<a href="#booking" class="btn">Book Your Tour Now</a>
</header>
<nav>
<ul>
<li><a href="#tours">Tours</a></li>
<li><a href="#wineries">Featured Wineries</a></li>
<li><a href="#about">About Cherry</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#booking">Book Now</a></li>
</ul>
</nav>
<!-- TOURS -->
<section id="tours">
<h2 class="section-title">Popular Afternoon Tours</h2>
<div class="wineries-grid">
<div class="winery-card">
<img src="https://winefolly.com/wp-content/uploads/2023/07/Okanagan-Valley-Wine-Region.jpg" alt="West Kelowna">
<h3>West Kelowna Afternoon Tour</h3>
<p>$145/person • Volcanic soils, lake views & premium wineries around Mount Boucherie.</p>
<a href="#booking" class="btn" style="margin:20px auto; display:block; text-align:center; width:200px;">Book This Tour</a>
</div>
<div class="winery-card">
<img src="https://epicureandculture.com/wp-content/uploads/2023/07/Okanagan-Valley.jpg" alt="East Kelowna">
<h3>East Kelowna & Lakeshore Tour</h3>
<p>$145/person • Scenic lakeside stops. Perfect for groups and first-timers.</p>
<a href="#booking" class="btn" style="margin:20px auto; display:block; text-align:center; width:200px;">Book This Tour</a>
</div>
</div>
</section>
<!-- FEATURED WINERIES -->
<section id="wineries" style="background:#f8f4f0;">
<h2 class="section-title">Featured Wineries We Visit</h2>
<div class="wineries-grid">
<div class="winery-card">
<img src="https://mtboucherie.com/cdn/shop/files/Mt_Boucherie_Winery_Exterior.jpg" alt="Mt. Boucherie Estate Winery">
<h3>Mt. Boucherie Estate Winery</h3>
<p>Iconic West Kelowna winery at the base of the volcano. Stunning modern architecture, excellent wines, and beautiful patios with sweeping lake views.</p>
</div>
<div class="winery-card">
<img src="https://www.frindwinery.com/cdn/shop/files/frind-beachfront.jpg" alt="Frind Estate Winery">
<h3>Frind Estate Winery</h3>
<p>North America’s only beachfront winery! Relaxed lakeside tasting room with a beautiful beach, café, and fantastic sunset views in West Kelowna.</p>
</div>
<div class="winery-card">
<img src="https://www.thegallerywinery.com/cdn/shop/files/gallery-winery-exterior.jpg" alt="The Gallery Winery">
<h3>The Gallery Winery</h3>
<p>Boutique family-owned winery blending art and wine. Intimate tasting experiences in a scenic West Kelowna setting with a creative, welcoming vibe.</p>
</div>
<div class="winery-card">
<img src="https://priestcreekwinery.com/cdn/shop/files/priest-creek-vineyard.jpg" alt="Priest Creek Family Estate Winery">
<h3>Priest Creek Family Estate Winery</h3>
<p>Charming East Kelowna winery known for excellent Pinot Noir and cool-climate wines. Stunning mountain views and a warm, family-friendly atmosphere.</p>
</div>
</div>
</section>
<!-- ABOUT -->
<section id="about" style="text-align:center;">
<h2 class="section-title">Meet Your Guide – Cherry Patterson</h2>
<img src="https://truelifetours.ca/wp-content/uploads/2024/05/TrueLife-Logo-1-1024x1024.jpg" alt="Cherry Patterson" style="max-width:340px; border-radius:12px; margin:30px auto; display:block; box-shadow:0 10px 30px rgba(0,0,0,0.15);">
<div style="max-width:700px; margin:0 auto; padding:0 20px; font-size:1.15rem;">
<p>Local Okanagan expert who personally knows these wineries and their winemakers. Cherry creates warm, fun, and informative small-group experiences.</p>
</div>
</section>
<!-- BOOKING -->
<section id="booking">
<h2 class="section-title">Book Your Tour</h2>
<div style="max-width:1100px; margin:0 auto; background:white; border-radius:12px; padding:20px; box-shadow:0 10px 40px rgba(0,0,0,0.1); min-height:700px;">
<!-- PASTE YOUR BOOKEO WIDGET CODE HERE -->
<p style="text-align:center; padding:80px 20px; color:#666; font-size:1.1rem;">
<strong>Your Bookeo calendar will appear here.</strong><br><br>
Paste your Bookeo embed code in this section.
</p>
</div>
</section>
<footer>
<p>© 2026 TrueLife Tours • Kelowna, British Columbia</p>
<p>Call/Text: <a href="tel:778-884-4561" style="color:var(--accent);">778-884-4561</a> • info@truelifetours.ca</p>
</footer>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
const target = document.querySelector(this.getAttribute('href'));
if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }
});
});
</script>
</body>
</html>
Gateway Adventure Tours to Okanagan