<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Meta Tags -->
<title>Top-Rated Private Ephesus Tours from Kusadasi Port (2025)</title>
<meta name="description" content="Book the best private Ephesus tours from Kusadasi Port. Skip-the-line access with an expert local guide. Perfect for Viking, Oceania, & all cruise passengers. Guaranteed on-time return.">
<meta name="keywords" content="ephesus tour, kusadasi port, shore excursion, private ephesus tour, best ephesus tours, skip the line ephesus, ephesus tour guide, Windstar cruises, Oceania cruises, Viking cruises, Silversea cruises, Disney cruises, ephesus tours from cruise ship, biblical ephesus tour, what to wear ephesus">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.kusadasiporttours.com/">
<!-- Open Graph Meta Tags (for social sharing) -->
<meta property="og:title" content="Top-Rated Private Ephesus Tours from Kusadasi Port (2025)">
<meta property="og:description" content="Book the best private Ephesus tours from Kusadasi Port. Skip-the-line access with an expert local guide. Perfect for all cruise passengers.">
<meta property="og:image" content="https://placehold.co/1200x630/0284c7/ffffff?text=Library+of+Celsus">
<meta property="og:url" content="https://www.kusadasiporttours.com/">
<meta property="og:type" content="website">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Top-Rated Private Ephesus Tours from Kusadasi Port (2025)">
<meta name="twitter:description" content="The best private Ephesus tours from Kusadasi Port. Skip-the-line access with an expert local guide. Perfect for all cruise passengers.">
<meta name="twitter:image" content="https://placehold.co/1200x630/0284c7/ffffff?text=Library+of+Celsus">
<!-- Performance & Styling -->
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
.hero-bg { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('https://placehold.co/1600x900/334155/ffffff?text=Stunning+View+of+Ephesus'); background-size: cover; background-position: center; }
.section-title { @apply text-3xl md:text-4xl font-extrabold text-slate-800 mb-4; }
.section-subtitle { @apply text-lg text-slate-600 mb-8 md:mb-12; }
.cta-button { @apply inline-block bg-orange-500 hover:bg-orange-600 text-white font-bold text-lg py-3 px-8 rounded-lg shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 transition-all duration-300; }
.custom-tour-checkbox:checked + label {
border-color: #f97316; /* orange-500 */
background-color: #fff7ed; /* orange-50 */
color: #c2410c; /* orange-700 */
}
</style>
<!-- JSON-LD Structured Data for SEO -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "TravelAgency",
"name": "Kusadasi Port Tours",
"description": "Specialists in private, luxury, and custom tours to the ancient city of Ephesus from Kusadasi Port, catering to cruise ship passengers.",
"telephone": "+1-800-555-0199",
"email": "ocal.burak@gmail.com",
"address": {
"@type": "PostalAddress",
"streetAddress": "Kusadasi Port",
"addressLocality": "Kusadasi",
"addressCountry": "TR"
},
"image": "https://placehold.co/1200x630/0284c7/ffffff?text=Library+of+Celsus",
"url": "https://www.kusadasiporttours.com/",
"priceRange": "$$$",
"makesOffer": [
{
"@type": "Offer",
"name": "Footsteps of Faith: A Biblical Ephesus Journey",
"description": "A private tour focused on the rich Christian history of Ephesus, visiting the House of the Virgin Mary and the Basilica of St. John.",
"url": "https://www.kusadasiporttours.com/#tours"
},
{
"@type": "Offer",
"name": "The Goddess & The City: A Private Ephesus & Artemis Tour",
"description": "Explore the magnificent ruins of Ephesus and the site of the Temple of Artemis, one of the Seven Wonders of the Ancient World.",
"url": "https://www.kusadasiporttours.com/#tours"
},
{
"@type": "Offer",
"name": "Ancient Flavors: Ephesus & A Gourmet Lunch",
"description": "Combine a full tour of ancient Ephesus with a delicious, authentic Turkish lunch at one of Kusadasi's best local restaurants.",
"url": "https://www.kusadasiporttours.com/#tours"
}
]
}
</script>
</head>
<body class="bg-slate-50 text-slate-700">
<!-- Header & Navigation -->
<header class="bg-white/80 backdrop-blur-lg fixed top-0 left-0 right-0 z-50 shadow-md">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<a href="#" class="text-2xl font-bold text-sky-700">Kusadasi Port Tours</a>
<nav class="hidden md:flex space-x-8 items-center">
<a href="#tours" class="text-slate-600 hover:text-sky-700 transition">Our Tours</a>
<a href="#cruise-passengers" class="text-slate-600 hover:text-sky-700 transition">Cruise Guests</a>
<a href="#custom-tour" class="text-slate-600 hover:text-sky-700 transition">Custom Tour</a>
<a href="#why-us" class="text-slate-600 hover:text-sky-700 transition">Why Us</a>
<a href="#contact" class="bg-orange-500 hover:bg-orange-600 text-white font-medium py-2 px-5 rounded-lg transition">Book Now</a>
</nav>
<button id="mobile-menu-button" class="md:hidden text-slate-700">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
</button>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-white">
<a href="#tours" class="block py-2 px-6 text-slate-600 hover:bg-slate-100">Our Tours</a>
<a href="#cruise-passengers" class="block py-2 px-6 text-slate-600 hover:bg-slate-100">Cruise Guests</a>
<a href="#custom-tour" class="block py-2 px-6 text-slate-600 hover:bg-slate-100">Custom Tour</a>
<a href="#why-us" class="block py-2 px-6 text-slate-600 hover:bg-slate-100">Why Us</a>
<a href="#contact" class="block py-3 px-6 bg-orange-500 text-white text-center font-bold">Book Now</a>
</div>
</header>
<!-- Hero Section -->
<section class="hero-bg text-white pt-32 pb-20 md:pt-48 md:pb-32 text-center">
<div class="container mx-auto px-6">
<h1 class="text-4xl md:text-6xl font-extrabold leading-tight shadow-text">The Ultimate Private Ephesus Tour from Kusadasi Port</h1>
<p class="mt-4 text-lg md:text-xl max-w-3xl mx-auto shadow-text">Skip the crowded buses. Experience the ancient wonders of Ephesus with your own expert guide and private luxury vehicle.</p>
<a href="#tours" class="cta-button mt-8">Explore Our Private Tours</a>
</div>
</section>
<main>
<!-- Why Choose Us Section -->
<section id="why-us" class="py-16 md:py-24 bg-white">
<div class="container mx-auto px-6 text-center">
<h2 class="section-title">Why Book a Private Tour With Us?</h2>
<p class="section-subtitle max-w-3xl mx-auto">We offer a premium, personalized experience designed for discerning travelers from the USA, Mexico, and around the world.</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Feature 1 -->
<div class="bg-slate-50 p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow">
<div class="bg-sky-100 text-sky-600 rounded-full h-16 w-16 flex items-center justify-center mx-auto">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M15 21a6 6 0 00-9-5.197m0 0A5.995 5.995 0 003 12a6 6 0 006 6m3 3a6 6 0 006-6m-9 5.197a5.995 5.995 0 01-3.416-5.197m0 0A5.995 5.995 0 019 12a6 6 0 016-6m-6 6a6 6 0 00-6 6"></path></svg>
</div>
<h3 class="font-bold text-xl mt-5 mb-2">Expert Local Guides</h3>
<p class="text-slate-600">Our guides are licensed, university-educated historians who bring the ancient city to life.</p>
</div>
<!-- Feature 2 -->
<div class="bg-slate-50 p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow">
<div class="bg-orange-100 text-orange-600 rounded-full h-16 w-16 flex items-center justify-center mx-auto">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2V7a2 2 0 00-2-2H5zM5 14a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2H5z"></path></svg>
</div>
<h3 class="font-bold text-xl mt-5 mb-2">Skip-The-Line Access</h3>
<p class="text-slate-600">Your time is precious. We pre-purchase your tickets so you walk straight in, avoiding long queues.</p>
</div>
<!-- Feature 3 -->
<div class="bg-slate-50 p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow">
<div class="bg-sky-100 text-sky-600 rounded-full h-16 w-16 flex items-center justify-center mx-auto">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
</div>
<h3 class="font-bold text-xl mt-5 mb-2">Customizable Itinerary</h3>
<p class="text-slate-600">This is YOUR tour. We tailor the day to your interests and pace. See what you want, when you want.</p>
</div>
<!-- Feature 4 -->
<div class="bg-slate-50 p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow">
<div class="bg-orange-100 text-orange-600 rounded-full h-16 w-16 flex items-center justify-center mx-auto">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"></path></svg>
</div>
<h3 class="font-bold text-xl mt-5 mb-2">Luxury A/C Vehicles</h3>
<p class="text-slate-600">Travel in comfort and style in our modern, air-conditioned Mercedes or similar private vehicles.</p>
</div>
</div>
</div>
</section>
<!-- Know Before You Go Section -->
<section id="know-before-you-go" class="py-16 md:py-24 bg-slate-50">
<div class="container mx-auto px-6 text-center">
<h2 class="section-title">Know Before You Go: Preparing for Your Ephesus Tour</h2>
<p class="section-subtitle max-w-3xl mx-auto">A few simple tips to ensure you have the most comfortable and memorable day exploring the ancient city.</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 text-left">
<!-- Tip 1 -->
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="flex items-center mb-3">
<div class="bg-sky-100 text-sky-600 rounded-lg p-2 mr-4">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">Comfortable Footwear</h3>
</div>
<p class="text-slate-600 text-sm">The ancient streets of Ephesus are uneven marble. We highly recommend wearing comfortable walking shoes or sneakers.</p>
</div>
<!-- Tip 2 -->
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="flex items-center mb-3">
<div class="bg-sky-100 text-sky-600 rounded-lg p-2 mr-4">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">Sun Protection</h3>
</div>
<p class="text-slate-600 text-sm">The Turkish sun can be strong, especially in summer. A hat, sunglasses, and sunscreen are essential for your comfort.</p>
</div>
<!-- Tip 3 -->
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="flex items-center mb-3">
<div class="bg-sky-100 text-sky-600 rounded-lg p-2 mr-4">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 2v6h6"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 13H8"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 17H8"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9H8"></path></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">Payment & Currency</h3>
</div>
<p class="text-slate-600 text-sm">Entrance fees can be paid in Turkish Lira or with a credit card. Small local shops may prefer cash (Lira or Euros).</p>
</div>
<!-- Tip 4 -->
<div class="bg-white p-6 rounded-xl shadow-sm">
<div class="flex items-center mb-3">
<div class="bg-sky-100 text-sky-600 rounded-lg p-2 mr-4">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
</div>
<h3 class="font-bold text-lg text-slate-800">Photography</h3>
</div>
<p class="text-slate-600 text-sm">Ephesus is incredibly photogenic! Make sure your camera or phone is fully charged. We're happy to help you take photos.</p>
</div>
</div>
</div>
</section>
<!-- Cruise Passenger Section -->
<section id="cruise-passengers" class="py-16 md:py-24 bg-sky-700 text-white">
<div class="container mx-auto px-6">
<div class="text-center">
<h2 class="text-3xl md:text-4xl font-extrabold mb-4">The Premier Shore Excursion for Cruise Guests</h2>
<p class="section-subtitle text-sky-200 max-w-3xl mx-auto">We proudly welcome passengers from all major cruise lines docking in Kusadasi.</p>
</div>
<div class="max-w-4xl mx-auto bg-white/10 backdrop-blur-sm rounded-xl p-8 mt-8">
<p class="text-center text-lg mb-6">We specialize in creating unforgettable, stress-free private tours for guests of:</p>
<div class="flex flex-wrap justify-center items-center gap-x-6 gap-y-4 font-bold text-lg">
<span>Windstar Cruises</span>
<span class="text-sky-300">•</span>
<span>Oceania Cruises</span>
<span class="text-sky-300">•</span>
<span>Viking Cruises</span>
<span class="text-sky-300">•</span>
<span>Silversea</span>
<span class="text-sky-300">•</span>
<span>Disney Cruise Line</span>
</div>
<div class="mt-8 text-center bg-green-500 text-white font-bold py-4 px-6 rounded-lg">
<h3 class="text-xl">Our On-Time Return Guarantee</h3>
<p class="mt-1 text-green-100">Your peace of mind is our top priority. We guarantee to have you back at the Kusadasi Port well before your ship's departure time. Every tour is timed perfectly to your ship's schedule.</p>
</div>
</div>
</div>
</section>
<!-- Our Tours Section -->
<section id="tours" class="py-16 md:py-24 bg-slate-50">
<div class="container mx-auto px-6 text-center">
<h2 class="section-title">Book Your Award-Winning Private Ephesus Tour</h2>
<p class="section-subtitle max-w-3xl mx-auto">Choose the perfect shore excursion from Kusadasi Port. All tours are private and fully customizable.</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 text-left">
<!-- Tour 1: The Goddess & The City -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden flex flex-col">
<img src="https://placehold.co/600x400/38bdf8/ffffff?text=Ephesus+%26+Artemis" alt="The Temple of Artemis on a private Ephesus tour" class="w-full h-56 object-cover">
<div class="p-6 flex-grow">
<h3 class="font-bold text-2xl text-slate-800 mb-2">The Goddess & The City</h3>
<p class="text-sky-600 font-semibold mb-4">A Private Ephesus & Artemis Tour</p>
<p class="text-slate-600 mb-4">Explore the magnificent ancient city and visit the site of the Temple of Artemis, one of the Seven Wonders of the Ancient World.</p>
<ul class="space-y-2 text-slate-600">
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Ephesus Ancient City</li>
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Library of Celsus</li>
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Temple of Artemis</li>
</ul>
</div>
<div class="p-6 bg-slate-50"><a href="#contact" class="w-full text-center cta-button">Request a Quote</a></div>
</div>
<!-- Tour 2: Footsteps of Faith -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden flex flex-col border-4 border-orange-500 relative">
<div class="absolute top-0 right-0 bg-orange-500 text-white text-sm font-bold px-4 py-1 rounded-bl-lg">Most Popular</div>
<img src="https://placehold.co/600x400/f97316/ffffff?text=Biblical+Journey" alt="Biblical Ephesus tour visiting House of Virgin Mary" class="w-full h-56 object-cover">
<div class="p-6 flex-grow">
<h3 class="font-bold text-2xl text-slate-800 mb-2">Footsteps of Faith</h3>
<p class="text-sky-600 font-semibold mb-4">A Biblical Ephesus Journey</p>
<p class="text-slate-600 mb-4">Follow in the footsteps of St. Paul and the Virgin Mary on this immersive tour of Ephesus' most sacred Christian sites.</p>
<ul class="space-y-2 text-slate-600">
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>House of the Virgin Mary</li>
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Ephesus (Acts of the Apostles)</li>
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Basilica of St. John</li>
</ul>
</div>
<div class="p-6 bg-slate-50"><a href="#contact" class="w-full text-center cta-button">Request a Quote</a></div>
</div>
<!-- Tour 3: Ancient Flavors -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden flex flex-col">
<img src="https://placehold.co/600x400/0ea5e9/ffffff?text=Ephesus+%26+Gourmet+Lunch" alt="Ephesus tour with gourmet lunch in Kusadasi" class="w-full h-56 object-cover">
<div class="p-6 flex-grow">
<h3 class="font-bold text-2xl text-slate-800 mb-2">Ancient Flavors</h3>
<p class="text-sky-600 font-semibold mb-4">Ephesus & A Gourmet Lunch</p>
<p class="text-slate-600 mb-4">Combine history with flavor. After exploring Ephesus, enjoy a delicious meal at one of the best kebap or fish restaurants in Kusadasi.</p>
<ul class="space-y-2 text-slate-600">
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Full Ephesus Ancient City Tour</li>
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>The Terrace Houses (Optional)</li>
<li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Gourmet Lunch Experience</li>
</ul>
</div>
<div class="p-6 bg-slate-50"><a href="#contact" class="w-full text-center cta-button">Request a Quote</a></div>
</div>
</div>
</div>
</section>
<!-- Custom Tour Builder Section -->
<section id="custom-tour" class="py-16 md:py-24 bg-white">
<div class="container mx-auto px-6 text-center">
<h2 class="section-title">Design Your Perfect Day: Create a Custom Tour</h2>
<p class="section-subtitle max-w-3xl mx-auto">Have specific interests? Want to combine sites or travel at your own pace? Build your ideal itinerary with us in 3 easy steps.</p>
<div class="max-w-4xl mx-auto text-left">
<!-- Step 1: Sites -->
<div class="mb-12">
<h3 class="text-2xl font-bold text-slate-800 mb-6"><span class="bg-sky-600 text-white rounded-full w-10 h-10 inline-flex items-center justify-center mr-3">1</span>Choose Your Sites</h3>
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
<div><input type="checkbox" id="site1" class="hidden custom-tour-checkbox"><label for="site1" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">Ephesus Ancient City</label></div>
<div><input type="checkbox" id="site2" class="hidden custom-tour-checkbox"><label for="site2" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">The Terrace Houses</label></div>
<div><input type="checkbox" id="site3" class="hidden custom-tour-checkbox"><label for="site3" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">House of Virgin Mary</label></div>
<div><input type="checkbox" id="site4" class="hidden custom-tour-checkbox"><label for="site4" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">Temple of Artemis</label></div>
<div><input type="checkbox" id="site6" class="hidden custom-tour-checkbox"><label for="site6" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">St. John's Basilica</label></div>
</div>
</div>
<!-- Step 2: Experiences -->
<div class="mb-12">
<h3 class="text-2xl font-bold text-slate-800 mb-6"><span class="bg-sky-600 text-white rounded-full w-10 h-10 inline-flex items-center justify-center mr-3">2</span>Add Experiences (Optional)</h3>
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
<div><input type="checkbox" id="exp1" class="hidden custom-tour-checkbox"><label for="exp1" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">Authentic Local Lunch</label></div>
<div><input type="checkbox" id="exp2" class="hidden custom-tour-checkbox"><label for="exp2" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">Carpet Weaving Demo</label></div>
<div><input type="checkbox" id="exp3" class="hidden custom-tour-checkbox"><label for="exp3" class="block p-4 border-2 rounded-lg cursor-pointer transition font-semibold text-slate-700 hover:border-orange-400">Local Wine Tasting</label></div>
</div>
</div>
<!-- Step 3: Quote -->
<div class="text-center">
<h3 class="text-2xl font-bold text-slate-800 mb-6"><span class="bg-sky-600 text-white rounded-full w-10 h-10 inline-flex items-center justify-center mr-3">3</span>Get Your Quote</h3>
<p class="text-slate-600 mb-8">You've designed your tour! Now, let us know a few details and we'll send you a personalized, no-obligation quote.</p>
<a href="#contact" class="cta-button">Proceed to Contact Form</a>
</div>
</div>
</div>
</section>
<!-- Highlights Section -->
<section id="highlights" class="py-16 md:py-24 bg-slate-50">
<div class="container mx-auto px-6">
<div class="text-center">
<h2 class="section-title">Discover the Highlights of Ephesus</h2>
<p class="section-subtitle max-w-3xl mx-auto">These are just a few of the breathtaking sights you'll experience on your private Ephesus tour.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="relative rounded-xl overflow-hidden group">
<img src="https://placehold.co/600x800/0284c7/ffffff?text=Celsus+Library" alt="The magnificent Library of Celsus in Ephesus" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
<h3 class="absolute bottom-4 left-4 text-white text-2xl font-bold">Library of Celsus</h3>
</div>
<div class="relative rounded-xl overflow-hidden group">
<img src="https://placehold.co/600x800/f97316/ffffff?text=Great+Theatre" alt="The Great Theatre of Ephesus for cruise passengers" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
<h3 class="absolute bottom-4 left-4 text-white text-2xl font-bold">The Great Theatre</h3>
</div>
<div class="relative rounded-xl overflow-hidden group">
<img src="https://placehold.co/600x800/0ea5e9/ffffff?text=Terrace+Houses" alt="Mosaics in the Terrace Houses of Ephesus" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
<h3 class="absolute bottom-4 left-4 text-white text-2xl font-bold">The Terrace Houses</h3>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 md:py-24 bg-slate-800 text-white">
<div class="container mx-auto px-6">
<div class="text-center">
<h2 class="text-3xl md:text-4xl font-extrabold mb-4">Ready to Book Your Private Ephesus Tour?</h2>
<p class="text-lg text-slate-300 mb-8 md:mb-12 max-w-3xl mx-auto">Fill out the form below for a no-obligation quote. We reply within 24 hours. Guaranteed on-time return to your cruise ship.</p>
</div>
<div class="max-w-2xl mx-auto bg-white text-slate-800 rounded-xl shadow-2xl p-8">
<!-- IMPORTANT: Replace the action URL with your own Formspree endpoint! -->
<form id="contact-form" action="https://formspree.io/f/YOUR_UNIQUE_ID_HERE" method="POST">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<input type="text" name="name" placeholder="Your Name" required class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none">
<input type="email" name="email" placeholder="Your Email" required class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none">
</div>
<div class="mb-6">
<input type="text" name="cruise_ship" placeholder="Cruise Ship Name (if applicable)" class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none">
</div>
<div class="mb-6">
<select name="tour_interest" class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none bg-white">
<option>Select a Tour (optional)</option>
<option>The Goddess & The City</option>
<option>Footsteps of Faith: A Biblical Journey</option>
<option>Ancient Flavors: Ephesus & Lunch</option>
<option>Custom Tour Inquiry</option>
</select>
</div>
<div class="mb-6">
<textarea id="message" name="message" rows="4" placeholder="Your Message (Number of people, dates, special requests)" required class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none"></textarea>
</div>
<div class="text-center">
<button type="submit" class="cta-button w-full">Send Inquiry</button>
</div>
</form>
</div>
</div>
</section>
<!-- Widgets Section -->
<section id="widgets" class="py-16 md:py-24 bg-white">
<div class="container mx-auto px-6">
<div class="text-center">
<h2 class="section-title">Plan Your Trip</h2>
<p class="section-subtitle max-w-3xl mx-auto">Check the live weather forecast for Ephesus and get current exchange rates to help you plan.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<!-- Weather Widget -->
<div class="bg-slate-50 p-6 rounded-xl shadow-sm">
<h3 class="font-bold text-xl text-slate-800 mb-4 text-center">Live Weather in Ephesus</h3>
<a class="weatherwidget-io" href="https://forecast7.com/en/37d94n27d37/ephesus/" data-label_1="EPHESUS" data-label_2="WEATHER" data-theme="original" >EPHESUS WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
</div>
<!-- Currency Converter Widget -->
<div class="bg-slate-50 p-6 rounded-xl shadow-sm">
<h3 class="font-bold text-xl text-slate-800 mb-4 text-center">Currency Converter</h3>
<iframe src="https://www.xe.com/widget/calculator/?from=USD&to=TRY&amount=100&lang=en" width="100%" height="280" style="border:none; overflow:hidden;"></iframe>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-slate-900 text-slate-400 py-12">
<div class="container mx-auto px-6 text-center">
<p class="font-bold text-lg text-white">Kusadasi Port Tours</p>
<p class="mt-2">Your specialist for private shore excursions from Kusadasi Port.</p>
<p class="mt-2"><a href="#contact" class="hover:text-white underline">Contact Us for a Custom Quote</a></p>
<p class="mt-4 text-sm">© 2025 Kusadasi Port Tours. All Rights Reserved.</p>
</div>
</footer>
<script>
// Mobile Menu Toggle
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
mobileMenuButton.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
// Close mobile menu when a link is clicked
document.querySelectorAll('#mobile-menu a').forEach(link => {
link.addEventListener('click', () => {
mobileMenu.classList.add('hidden');
});
});
// Contact Form Submission Logic
const contactForm = document.getElementById('contact-form');
contactForm.addEventListener('submit', function(e) {
// Get the user's message
const messageTextarea = document.getElementById('message');
let userMessage = messageTextarea.value;
// Get selected custom tour options
const selectedSites = Array.from(document.querySelectorAll('#custom-tour input[id^="site"]:checked'));
const selectedExperiences = Array.from(document.querySelectorAll('#custom-tour input[id^="exp"]:checked'));
let customTourDetails = "";
if (selectedSites.length > 0 || selectedExperiences.length > 0) {
customTourDetails = "CUSTOM TOUR INQUIRY:\n----------------------\n";
if (selectedSites.length > 0) {
customTourDetails += "Selected Sites:\n";
selectedSites.forEach(site => {
customTourDetails += "- " + site.nextElementSibling.textContent + "\n";
});
}
if (selectedExperiences.length > 0) {
customTourDetails += "\nSelected Experiences:\n";
selectedExperiences.forEach(exp => {
customTourDetails += "- " + exp.nextElementSibling.textContent + "\n";
});
}
customTourDetails += "----------------------\n\n";
}
// Prepend custom tour details to the user's message
messageTextarea.value = customTourDetails + userMessage;
});
</script>
</body>
</html>