🎬 Экскурсия на остров Джеймса Бонда - Революционный опыт
Легендарное место съемок фильма 'Человек с золотым пистолетом' с революционным дизайном и уникальным опытом
Описание
@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap’);
.james-bond-container {
font-family: ‘Poppins’, sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.parallax-hero {
height: 100vh;
background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(26,26,26,0.4) 100%),
url(‘https://images.unsplash.com/photo-1544737151-6e4b2d7ad2c2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80’);
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: -20px -20px 0 -20px;
overflow: hidden;
}
.floating-particles {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.particle {
position: absolute;
background: rgba(255, 215, 0, 0.6);
border-radius: 50%;
animation: float 6s ease-in-out infinite;
}
.particle:nth-child(1) {
width: 6px;
height: 6px;
left: 10%;
animation-delay: 0s;
}
.particle:nth-child(2) {
width: 4px;
height: 4px;
left: 20%;
animation-delay: 2s;
}
.particle:nth-child(3) {
width: 8px;
height: 8px;
left: 30%;
animation-delay: 4s;
}
.particle:nth-child(4) {
width: 5px;
height: 5px;
left: 60%;
animation-delay: 1s;
}
.particle:nth-child(5) {
width: 7px;
height: 7px;
left: 80%;
animation-delay: 3s;
}
@keyframes float {
0%, 100% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}
10%, 90% {
opacity: 1;
}
50% {
transform: translateY(-100px) rotate(180deg);
}
}
.hero-content {
z-index: 10;
text-align: center;
color: white;
max-width: 900px;
padding: 0 20px;
}
.hero-title {
font-size: 4.5rem;
font-weight: 800;
margin-bottom: 20px;
background: linear-gradient(45deg, #FFD700, #FFA500, #FF6B6B);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 30px rgba(255, 215, 0, 0.5);
animation: titleGlow 3s ease-in-out infinite alternate;
letter-spacing: -2px;
}
@keyframes titleGlow {
from {
text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
}
to {
text-shadow: 0 0 40px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.4);
}
}
.hero-subtitle {
font-size: 1.8rem;
margin-bottom: 40px;
font-weight: 300;
opacity: 0;
animation: slideUp 1s ease-out 0.5s forwards;
line-height: 1.4;
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.cta-button {
display: inline-block;
background: linear-gradient(45deg, #FFD700, #FF6B6B, #4ECDC4);
background-size: 200% 200%;
color: white;
padding: 20px 50px;
border-radius: 50px;
font-weight: 700;
font-size: 1.3rem;
text-decoration: none;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
box-shadow: 0 15px 35px rgba(0,0,0,0.2);
transition: all 0.3s ease;
animation: gradientShift 3s ease infinite, buttonFloat 2s ease-in-out infinite alternate;
position: relative;
overflow: hidden;
}
.cta-button:before {
content: »;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
transition: left 0.5s;
}
.cta-button:hover:before {
left: 100%;
}
.cta-button:hover {
transform: translateY(-5px) scale(1.05);
box-shadow: 0 25px 50px rgba(0,0,0,0.3);
}
@keyframes gradientShift {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes buttonFloat {
from {
transform: translateY(0px);
}
to {
transform: translateY(-10px);
}
}
.glassmorphism {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
}
.section-container {
padding: 80px 40px;
max-width: 1400px;
margin: 0 auto;
}
.bond-history {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
position: relative;
overflow: hidden;
}
.bond-history:before {
content: »;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(‘data:image/svg+xml,’) repeat;
animation: sparkle 20s linear infinite;
}
@keyframes sparkle {
from { transform: translateX(0); }
to { transform: translateX(100px); }
}
.section-title {
font-size: 3rem;
font-weight: 700;
text-align: center;
margin-bottom: 60px;
background: linear-gradient(45deg, #FFD700, #FFA500);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
.bond-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 50px;
}
.stat-card {
background: rgba(255, 215, 0, 0.1);
padding: 40px 30px;
border-radius: 20px;
text-align: center;
border: 2px solid transparent;
background-clip: padding-box;
position: relative;
transition: all 0.3s ease;
color: #FFD700;
}
.stat-card:before {
content: »;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20px;
background: linear-gradient(45deg, #FFD700, #FF6B6B, #4ECDC4);
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.stat-card:hover:before {
opacity: 1;
}
.stat-card:hover {
transform: translateY(-10px) rotateY(5deg);
color: white;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 40px;
margin-top: 60px;
}
.feature-card {
background: white;
padding: 50px 40px;
border-radius: 25px;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
}
.feature-card:before {
content: »;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(45deg, #FFD700, #FF6B6B);
opacity: 0;
transition: all 0.3s ease;
z-index: 1;
}
.feature-card:hover:before {
left: 0;
opacity: 0.1;
}
.feature-card:hover {
transform: translateY(-15px) scale(1.03);
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);
}
.feature-icon {
font-size: 4rem;
margin-bottom: 30px;
background: linear-gradient(45deg, #FFD700, #FF6B6B);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
z-index: 2;
}
.timeline-container {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
position: relative;
}
.timeline {
max-width: 1000px;
margin: 0 auto;
position: relative;
}
.timeline:before {
content: »;
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(to bottom, #FFD700, #FF6B6B);
transform: translateX(-50%);
}
.timeline-item {
display: flex;
align-items: center;
margin-bottom: 50px;
position: relative;
}
.timeline-item:nth-child(even) {
flex-direction: row-reverse;
}
.timeline-time {
background: linear-gradient(45deg, #FFD700, #FF6B6B);
color: white;
padding: 15px 25px;
border-radius: 50px;
font-weight: 700;
font-size: 1.2rem;
min-width: 120px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 10;
}
.timeline-content {
flex: 1;
margin: 0 30px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(20px);
padding: 30px;
border-radius: 20px;
color: white;
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.timeline-content:hover {
transform: scale(1.02);
background: rgba(255, 255, 255, 0.2);
}
.price-calculator {
background: linear-gradient(45deg, #4CAF50, #45a049);
text-align: center;
}
.calculator-container {
max-width: 700px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(20px);
padding: 50px;
border-radius: 25px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.price-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px;
margin: 20px 0;
background: rgba(255, 255, 255, 0.1);
border-radius: 15px;
transition: all 0.3s ease;
}
.price-row:hover {
background: rgba(255, 255, 255, 0.2);
transform: scale(1.02);
}
.price-input {
background: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 10px;
padding: 10px 15px;
color: white;
font-size: 1.1rem;
width: 80px;
text-align: center;
}
.price-total {
background: #FFD700;
color: #000;
padding: 30px;
border-radius: 15px;
font-size: 2rem;
font-weight: 800;
margin-top: 30px;
box-shadow: 0 15px 35px rgba(255, 215, 0, 0.3);
animation: pulse 2s ease-in-out infinite alternate;
}
.booking-steps {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.steps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-top: 60px;
}
.step-card {
background: white;
padding: 50px 30px;
border-radius: 25px;
text-align: center;
position: relative;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
overflow: hidden;
}
.step-card:nth-child(1) {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.step-card:nth-child(2) {
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
}
.step-card:nth-child(3) {
background: linear-gradient(135deg, #FF6B6B 0%, #FF5252 100%);
color: white;
}
.step-card:hover {
transform: translateY(-20px) rotateY(10deg);
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.2);
}
.step-number {
width: 80px;
height: 80px;
background: #FFD700;
color: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
font-weight: 800;
margin: 0 auto 30px auto;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
animation: bounce 2s ease-in-out infinite alternate;
}
@keyframes bounce {
from {
transform: translateY(0);
}
to {
transform: translateY(-10px);
}
}
.contact-section {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
text-align: center;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
margin-top: 60px;
}
.contact-card {
background: rgba(255, 215, 0, 0.1);
padding: 50px 30px;
border-radius: 20px;
border: 2px solid #FFD700;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.contact-card:before {
content: »;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(45deg, #FFD700, #FF6B6B);
opacity: 0;
transition: all 0.3s ease;
}
.contact-card:hover:before {
left: 0;
opacity: 0.1;
}
.contact-card:hover {
transform: translateY(-10px) scale(1.05);
border-color: #FF6B6B;
}
@media (max-width: 768px) {
.hero-title {
font-size: 2.5rem;
}
.hero-subtitle {
font-size: 1.2rem;
}
.section-container {
padding: 60px 20px;
}
.timeline:before {
left: 20px;
}
.timeline-item {
flex-direction: column !important;
text-align: center;
}
.timeline-content {
margin: 20px 0;
}
}
🎬 ОСТРОВ ДЖЕЙМСА БОНДА
Место съемок легендарного фильма «Человек с золотым пистолетом»
Окунитесь в мир агента 007
🎭 ЛЕГЕНДА ДЖЕЙМСА БОНДА
В 1974 году режиссер Гай Хэмилтон выбрал этот мистический остров в заливе Пханг Нга для съемок девятого фильма о Джеймсе Бонде.
Роджер Мур, воплощавший роль агента 007, именно здесь противостоял злодею Скараманга в эпической схватке.
🎬 Культовые факты фильма
Остров Ко Тапу получил всемирную известность после выхода фильма и был переименован в «James Bond Island».
Каждый год миллионы туристов приезжают сюда, чтобы увидеть место, где снимались легендарные сцены.
📅 Год съемки
1974
50 лет истории
🎭 Актер
Роджер Мур
3-й Джеймс Бонд
💰 Бюджет
$7 млн
Сбор: $97 млн
🌍 Туристы в год
2+ млн
Со всего мира
⭐ ПОЧЕМУ ИМЕННО ЭТА ЭКСКУРСИЯ?
Аутентичное место съемок
Единственный тур к настоящему острову из легендарного фильма о Джеймсе Бонде.
Воссоздайте культовые сцены в том же месте, где снимался Роджер Мур.
Профессиональная фотосессия
Создайте iconic фото на фоне знаменитой скалы Ко Тапу.
Наш гид поможет найти лучшие ракурсы для незабываемых снимков.
Тайные пещеры и лагуны
Исследуйте скрытые мангровые туннели и изумрудные лагуны на каяке.
Откройте для себя места, недоступные для больших лодок.
Плавучая деревня
Посетите аутентичную деревню морских цыган на сваях.
Узнайте о традиционном образе жизни и попробуйте местную кухню.
Кристальные воды
Искупайтесь в изумрудных водах Андаманского моря.
Насладитесь снорклингом в одном из самых красивых заливов мира.
Интерактивный опыт
Погрузитесь в атмосферу фильма с тематическими активностями.
Почувствуйте себя настоящим агентом 007 в легендарном месте.
🕐 ДЕТАЛЬНАЯ ПРОГРАММА ПРИКЛЮЧЕНИЯ
🚐 Встреча в отеле
Комфортный трансфер на кондиционированном автобусе. Наш гид встретит вас в лобби отеля
и предоставит всю необходимую информацию о предстоящем приключении.
🚤 Отправление на speedboat
Захватывающее путешествие по заливу Пханг Нга на современном скоростном катере.
Любуйтесь фантастическими пейзажами карстовых островов.
🛶 Каякинг в мангровых лесах
Исследование тайных лагун и пещер на каяках. Проплывите через мангровые туннели
и откройте для себя скрытые уголки природы.
🕳️ Пещера со сталактитами
Прогулка по мистической пещере острова Панак с древними сталактитами и сталагмитами.
Узнайте о геологической истории региона.
🎬 ОСТРОВ ДЖЕЙМСА БОНДА
Главное событие дня! Посещение знаменитого островка Ко Тапу.
Фотосессия на фоне легендарной скалы из фильма «Человек с золотым пистолетом».
🏘️ Плавучая деревня
Обед в аутентичной деревне морских цыган Паний. Попробуйте традиционные блюда
и познакомьтесь с уникальной культурой местных жителей.
🏖️ Райский пляж
Отдых и купание на острове Нака с белоснежным песком и кристально чистой водой.
Идеальное время для снорклинга и релаксации.
🏨 Возвращение
Комфортный трансфер обратно в отель. Время для обмена впечатлениями
и планирования следующих приключений в Таиланде.
💰 РАССЧИТАТЬ СТОИМОСТЬ ПРИКЛЮЧЕНИЯ
Используйте наш интерактивный калькулятор для точного расчета стоимости
Взрослые:
× 1800₽ = 3600₽
Дети (4-11 лет):
× 1260₽ = 0₽
🚀 ТРИ ПРОСТЫХ ШАГА К ПРИКЛЮЧЕНИЮ
Забронировать экскурсию на остров Джеймса Бонда проще, чем вы думаете.
Следуйте нашему простому процессу и отправляйтесь в незабываемое приключение!
📱 Свяжитесь с нами
Напишите нам в WhatsApp, Telegram или заполните форму на сайте.
Мы ответим в течение 5 минут и подберем идеальное время для вашей экскурсии.
Telegram
Форма
💳 Удобная оплата
Оплачивайте любым удобным способом: тайские баты наличными,
банковская карта, криптовалюта или международные переводы.
💳 Карта
₿ Крипта
🏝️ Наслаждайтесь!
Мы заберем вас из отеля и привезем обратно. Вам останется только наслаждаться
незабываемыми моментами в одном из самых красивых мест планеты.
📸 Фото
🎬 Эмоции
📞 СВЯЗАТЬСЯ С НАМИ ПРЯМО СЕЙЧАС
Наша команда профессионалов готова помочь вам 24/7.
Выберите удобный способ связи и получите персональную консультацию по экскурсии.
+66 XX XXX XXXX
Быстрые ответы, фото, локация
✈️ Telegram
@phuketgo_tours
Мгновенные сообщения, файлы
booking@phuketgo.com
Детальные запросы, документы
const adultPrice = 1800;
const childPrice = 1260;
function changeAdults(delta) {
const input = document.getElementById(‘adults’);
let value = parseInt(input.value) + delta;
if (value 20) value = 20;
input.value = value;
calculateTotal();
}
function changeChildren(delta) {
const input = document.getElementById(‘children’);
let value = parseInt(input.value) + delta;
if (value 20) value = 20;
input.value = value;
calculateTotal();
}
function calculateTotal() {
const adults = parseInt(document.getElementById(‘adults’).value) || 0;
const children = parseInt(document.getElementById(‘children’).value) || 0;
const adultTotal = adults * adultPrice;
const childTotal = children * childPrice;
const total = adultTotal + childTotal;
document.getElementById(‘adult-total’).textContent = adultTotal;
document.getElementById(‘child-total’).textContent = childTotal;
document.getElementById(‘total-price’).textContent = `ИТОГО: ${total}₽`;
document.getElementById(‘booking-price’).textContent = total;
}
function scrollToBooking() {
document.querySelector(‘.booking-steps’).scrollIntoView({ behavior: ‘smooth’ });
}
// Анимация при скролле
const observerOptions = {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = ‘1’;
entry.target.style.transform = ‘translateY(0)’;
}
});
}, observerOptions);
// Инициализация анимаций при загрузке
document.addEventListener(‘DOMContentLoaded’, function() {
const animatedElements = document.querySelectorAll(‘.feature-card, .stat-card, .step-card, .contact-card’);
animatedElements.forEach(el => {
el.style.opacity = ‘0’;
el.style.transform = ‘translateY(30px)’;
el.style.transition = ‘all 0.6s ease-out’;
observer.observe(el);
});
});
Похожие экскурсии
