import React, { useState } from 'react'; import { Search, MapPin, Calendar, Users, Star, Heart, Filter, ChevronRight, Send, ArrowLeft } from 'lucide-react'; export default function Maldivoo() { const [checkin, setCheckin] = useState(''); const [checkout, setCheckout] = useState(''); const [guests, setGuests] = useState(2); const [phone, setPhone] = useState(''); const [name, setName] = useState(''); const [searchDone, setSearchDone] = useState(false); const [favorites, setFavorites] = useState({}); const [sortBy, setSortBy] = useState('popular'); const [selectedCategory, setSelectedCategory] = useState(null); const [currentPage, setCurrentPage] = useState('home'); const [selectedHotel, setSelectedHotel] = useState(null); const [formMessage, setFormMessage] = useState(''); const hotels = [ { id: 1, name: 'Soneva Jani', island: 'Noonu Atoll', price: '$1,850', rating: 4.9, reviews: 428, image: '🏝️', type: 'Luxury Resort', amenities: ['Infinity Pool', 'Spa', 'Diving', 'Water Sports'], description: 'Ультра-люкс резорт с панорамной крышей в спальне', categories: ['luxury', 'private-reef', 'seaplane'], fullDescription: 'Soneva Jani - один из самых инновационных резортов на Мальдивах. Отель известен своими виллами с открывающейся крышей, позволяющей наблюдать звездное небо прямо из постели. Каждая вилла оборудована самыми современными технологиями.', location: 'Северный атолл Ноону, ~155 км от Мале', transfer: 'Гидросамолёт (40-50 мин) или катер (90-120 мин)', villas: 56, food: 'Шведский стол, À-la-carte рестораны', facilities: ['Spa центр', 'Бассейн', 'Фитнес', 'Дайвинг центр', '2+ ресторана', 'Бар'], activities: ['Дайвинг', 'Сноркелинг', 'Йога', 'Спа', 'Водные виды спорта'] }, { id: 2, name: 'Huvafen Fushi', island: 'North Malé Atoll', price: '$1,200', rating: 4.8, reviews: 312, image: '🌊', type: 'Luxury Resort', amenities: ['Underwater Spa', 'Private Beach', 'Diving'], description: 'Первый отель с подводным spa на Мальдивах', categories: ['luxury', 'snorkeling', 'near-male'], fullDescription: 'Huvafen Fushi известен легендарной подводной спа - The Spa Below. Резорт расположен близко к столице Мале, идеален для минимизации времени в пути.', location: 'Северный атолл Мале, ~20 км от Мале', transfer: 'Скоростной катер (20-25 мин) или гидросамолёт (15 мин)', villas: 44, food: 'À-la-carte рестораны, спецменю', facilities: ['Подводная спа', 'Бассейн', 'Дайвинг центр', '2 ресторана', 'Бар', 'Библиотека'], activities: ['Дайвинг', 'Сноркелинг', 'Спа процедуры', 'Йога', 'Водные виды спорта'] }, { id: 3, name: 'The Residence Maldives', island: 'Falhumaafushi', price: '$980', rating: 4.7, reviews: 289, image: '🌴', type: 'Luxury Resort', amenities: ['Golf Course', 'Marina', 'Fine Dining'], description: 'Эксклюзивный резорт с собственным полем для гольфа', categories: ['luxury', 'private-reef', 'families'], fullDescription: 'The Residence - премиум-резорт с 9-луночным полем для гольфа. Идеально для активного отдыха и семейных каникул с высочайшим сервисом.', location: 'Атолл Фалхумаафуши, ~90 км от Мале', transfer: 'Скоростной катер (90 мин) или гидросамолёт (30 мин)', villas: 88, food: 'Шведский стол, спецрестораны', facilities: ['Поле для гольфа', 'Теннисный корт', 'Спа центр', 'Фитнес', '3 ресторана', 'Бар'], activities: ['Гольф', 'Дайвинг', 'Сноркелинг', 'Теннис', 'Водные виды спорта'] }, { id: 4, name: 'Angsana Velavaru', island: 'South Nilandhe Atoll', price: '$650', rating: 4.6, reviews: 445, image: '⛱️', type: 'Mid-range Resort', amenities: ['Reef Diving', 'Beach Bar', 'Water Sports'], description: 'Отличное соотношение цены и качества для семей', categories: ['families', 'snorkeling', 'private-reef'], fullDescription: 'Angsana Velavaru - идеальный выбор для семей. Отель предлагает отличный риф прямо у берега и множество развлечений для детей.', location: 'Южный атолл Нилахде, ~135 км от Мале', transfer: 'Скоростной катер (60-70 мин) или гидросамолёт (30 мин)', villas: 126, food: 'Шведский стол с детским меню', facilities: ['Детский клуб', 'Детский бассейн', 'Дайвинг центр', 'Спа центр', '2 ресторана', 'Пляжный бар'], activities: ['Дайвинг', 'Сноркелинг', 'Водные виды спорта', 'Детский клуб'] }, { id: 5, name: 'LUX South Ari Atoll', island: 'South Ari Atoll', price: '$890', rating: 4.8, reviews: 367, image: '🏖️', type: 'Luxury Resort', amenities: ['Manta Ray Diving', 'Yacht', 'Wellness'], description: 'Идеальное место для дайвинга и сноркелинга', categories: ['snorkeling', 'diving', 'private-reef'], fullDescription: 'LUX South Ari - рай для дайверов. Атолл Ари известен богатой морской жизнью, включая манты и акул. Премиум-опыт с акцентом на водные виды спорта.', location: 'Южный атолл Ари, ~80 км от Мале', transfer: 'Скоростной катер (70-80 мин) или гидросамолёт (30-35 мин)', villas: 72, food: 'À-la-carte и шведский стол', facilities: ['Дайвинг центр', 'Спа центр', 'Бассейн', 'Яхта', '2 ресторана', 'Бар'], activities: ['Дайвинг с мантами', 'Сноркелинг', 'Яхт экскурсии', 'Спа', 'Йога'] }, { id: 6, name: 'Adaaran Club Rannalhi', island: 'South Malé Atoll', price: '$520', rating: 4.5, reviews: 521, image: '🌺', type: 'Budget Resort', amenities: ['Beach', 'Restaurant', 'Diving', 'Snorkeling'], description: 'Экономичный вариант для отпуска на Мальдивах', categories: ['budget', 'snorkeling', 'near-male'], fullDescription: 'Adaaran Club Rannalhi - бюджетный выбор без потери качества. Благодаря близости к Мале - отличный вариант для коротких поездок.', location: 'Южный атолл Мале, ~18 км от Мале', transfer: 'Скоростной катер (15-20 мин)', villas: 70, food: 'Шведский стол', facilities: ['Дайвинг центр', 'Ресторан', 'Бар', 'Пляж', 'Спа центр'], activities: ['Дайвинг', 'Сноркелинг', 'Пляжные игры', 'Водные виды спорта'] }, { id: 7, name: 'Kandooma Resort', island: 'South Malé Atoll', price: '$480', rating: 4.4, reviews: 289, image: '🏄', type: 'Mid-range Resort', amenities: ['Snorkeling', 'Family Pool', 'Kids Club'], description: 'Идеальный выбор для семей с детьми', categories: ['families', 'snorkeling', 'near-male', 'budget'], fullDescription: 'Kandooma Resort специализируется на семейном отдыхе. С детским клубом, бассейном и множеством развлечений.', location: 'Южный атолл Мале, ~25 км от Мале', transfer: 'Скоростной катер (20-30 мин)', villas: 95, food: 'Шведский стол с детским меню', facilities: ['Детский клуб', 'Игровая площадка', 'Бассейн', 'Дайвинг центр', 'Ресторан', 'Спа'], activities: ['Дайвинг', 'Сноркелинг', 'Детский клуб', 'Водные виды спорта'] }, { id: 8, name: 'COMO Cocoa Island', island: 'South Malé Atoll', price: '$1,450', rating: 4.9, reviews: 356, image: '💎', type: 'Luxury Resort', amenities: ['Adults Only', 'Spa', 'Wine Collection'], description: 'Исключительно для взрослых - романтичное убежище', categories: ['adults-only', 'luxury', 'near-male', 'seaplane'], fullDescription: 'COMO Cocoa Island - исключительный курорт только для взрослых. Известен винным погребом, спа-центром и уединенной атмосферой.', location: 'Южный атолл Мале, ~30 км от Мале', transfer: 'Скоростной катер (25-30 мин) или гидросамолёт (15 мин)', villas: 33, food: 'Gourmet À-la-carte', facilities: ['Винный погреб', 'Спа центр', 'Библиотека', 'Ресторан гурме', 'Бар', 'Бассейн'], activities: ['Винные дегустации', 'Спа', 'Дайвинг', 'Сноркелинг', 'Йога'] }, { id: 9, name: 'Maldives Island Resort', island: 'Ari Atoll', price: '$780', rating: 4.6, reviews: 402, image: '🐠', type: 'Mid-range Resort', amenities: ['House Reef', 'Diving', 'Snorkeling'], description: 'Отель с домашним рифом прямо от бунгало', categories: ['snorkeling', 'private-reef', 'diving'], fullDescription: 'Maldives Island Resort отличается потрясающим домашним рифом буквально в нескольких метрах от виллы. Идеален для любителей сноркелинга.', location: 'Атолл Ари, ~75 км от Мале', transfer: 'Скоростной катер (60 мин) или гидросамолёт (25 мин)', villas: 68, food: 'Шведский стол, À-la-carte', facilities: ['Домашний риф', 'Дайвинг центр', 'Спа центр', 'Ресторан', 'Бар', 'Магазин'], activities: ['Сноркелинг', 'Дайвинг', 'Водные виды спорта', 'Экскурсии'] }, { id: 10, name: 'Veligandu Island Resort', island: 'North Ari Atoll', price: '$650', rating: 4.5, reviews: 378, image: '✈️', type: 'Mid-range Resort', amenities: ['Seaplane Transfer', 'House Reef', 'Water Sports'], description: 'Трансфер на гидросамолете и домашний риф', categories: ['seaplane', 'private-reef', 'snorkeling'], fullDescription: 'Veligandu Island Resort предлагает волнующий трансфер на гидросамолете и домашний риф. Идеальное сочетание приключения и комфорта.', location: 'Северный атолл Ари, ~80 км от Мале', transfer: 'Гидросамолёт (35-40 мин)', villas: 52, food: 'Шведский стол', facilities: ['Домашний риф', 'Дайвинг центр', 'Спа центр', 'Ресторан', 'Бар'], activities: ['Сноркелинг', 'Дайвинг', 'Водные виды спорта', 'Йога'] }, { id: 11, name: 'Villa Park Sun Island', island: 'South Malé Atoll', price: '$450', rating: 4.3, reviews: 234, image: '🏡', type: 'Budget Resort', amenities: ['Beach', 'Restaurant', 'Snorkeling', 'Garden'], description: 'Уютный резорт с тропическим садом и видом на лагуну', categories: ['budget', 'snorkeling', 'near-male', 'families'], fullDescription: 'Villa Park Sun Island - очаровательный бюджетный резорт с аутентичной атмосферой. Известен прекрасным тропическим садом, пляжем и отличным соотношением цены и качества. Идеален для туристов, ищущих настоящий остров мечты без излишеств.', location: 'Южный атолл Мале, ~15 км от Мале', transfer: 'Скоростной катер (12-18 мин)', villas: 48, food: 'Шведский стол с международной кухней', facilities: ['Тропический сад', 'Ресторан', 'Пляжный бар', 'Спа центр', 'Магазин'], activities: ['Сноркелинг', 'Пляжные игры', 'Водные виды спорта', 'Экскурсии'] } ]; const categories = [ { id: 'luxury', name: '🌟 Люкс резорты', icon: '💎' }, { id: 'snorkeling', name: '🤿 Лучший сноркелинг', icon: '🐠' }, { id: 'private-reef', name: '🪸 Домашний риф', icon: '🪸' }, { id: 'near-male', name: '🏙️ Близко к Мале', icon: '⛴️' }, { id: 'seaplane', name: '✈️ Трансфер гидросамолет', icon: '🛩️' }, { id: 'adults-only', name: '👫 Только для взрослых', icon: '🍾' }, { id: 'families', name: '👨‍👩‍👧‍👦 Для семей', icon: '👶' }, { id: 'budget', name: '💰 Экономичные', icon: '💵' }, ]; const handleLeadSubmit = async (e) => { e.preventDefault(); if (!name || !phone || !checkin || !checkout) { setFormMessage('Пожалуйста, заполните все поля'); setTimeout(() => setFormMessage(''), 3000); return; } const emailContent = ` Новая заявка на Maldivoo: Имя: ${name} Телефон: ${phone} Дата заезда: ${checkin} Дата выезда: ${checkout} Количество гостей: ${guests} Время: ${new Date().toLocaleString('ru-RU')} `; try { const response = await fetch('https://formspree.io/f/xkqdrvnj', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ name, phone, checkin, checkout, guests, message: emailContent, _to: 'olegftravel@gmail.com', _subject: 'Новая заявка с Maldivoo' }) }); if (response.ok) { setFormMessage('✅ Спасибо! Ваша заявка отправлена. Менеджер свяжется за 20 минут!'); setName(''); setPhone(''); setCheckin(''); setCheckout(''); setGuests(2); } else { setFormMessage('❌ Ошибка. Позвоните: +7 (495) 023-21-00'); } } catch (error) { setFormMessage('❌ Ошибка соединения. Звоните: +7 (495) 023-21-00'); } setTimeout(() => setFormMessage(''), 5000); }; const toggleFavorite = (hotelId) => { setFavorites(prev => ({ ...prev, [hotelId]: !prev[hotelId] })); }; const viewHotel = (hotel) => { setSelectedHotel(hotel); setCurrentPage('hotel-detail'); window.scrollTo(0, 0); }; const goBack = () => { setCurrentPage('home'); setSelectedHotel(null); setSearchDone(false); }; const filteredHotels = selectedCategory ? hotels.filter(h => h.categories.includes(selectedCategory)) : hotels; const sortedHotels = [...filteredHotels].sort((a, b) => { if (sortBy === 'price-low') return parseInt(a.price) - parseInt(b.price); if (sortBy === 'price-high') return parseInt(b.price) - parseInt(a.price); if (sortBy === 'rating') return b.rating - a.rating; return 0; }); // Hotel Detail Page if (currentPage === 'hotel-detail' && selectedHotel) { return (
{selectedHotel.name}
{/* Main Info */}

{selectedHotel.name}

{selectedHotel.rating} ({selectedHotel.reviews})
{selectedHotel.island}
{selectedHotel.price}
/ночь

{selectedHotel.fullDescription}

{/* Location & Transfer */}

📍 Расположение

{selectedHotel.location}

Трансфер: {selectedHotel.transfer}

Вилл: {selectedHotel.villas}

🍽️ Питание

{selectedHotel.food}

{/* Facilities */}

🏛️ Удобства

{selectedHotel.facilities.map((facility, idx) => (
{facility}
))}
{/* Activities */}

🎯 Активности

{selectedHotel.activities.map((activity, idx) => (
{activity}
))}
{/* Booking Form */}

Заинтересованы в {selectedHotel.name}?

Оставьте заявку - наш менеджер свяжется с вами в течение 20 минут

setName(e.target.value)} className="w-full px-4 py-3 rounded-lg text-gray-800 outline-none focus:ring-2 focus:ring-white" /> setPhone(e.target.value)} className="w-full px-4 py-3 rounded-lg text-gray-800 outline-none focus:ring-2 focus:ring-white" />
setCheckin(e.target.value)} className="w-full px-4 py-3 rounded-lg text-gray-800 outline-none focus:ring-2 focus:ring-white" /> setCheckout(e.target.value)} className="w-full px-4 py-3 rounded-lg text-gray-800 outline-none focus:ring-2 focus:ring-white" />
{formMessage && (
{formMessage}
)}
{/* Footer */}
); } // Main Page return (

Идеальный отель на Мальдивах

Найди и забронируй лучший резорт на островах мечты

setCheckin(e.target.value)} className="w-full text-gray-800 outline-none" />
setCheckout(e.target.value)} className="w-full text-gray-800 outline-none" />
{!searchDone ? (

Популярные категории

{categories.map(cat => ( ))}

Рекомендуемые отели

{hotels.slice(0, 4).map(hotel => (
viewHotel(hotel)}>
{hotel.image}

{hotel.name}

{hotel.island}
{hotel.rating}
{hotel.price}
))}
) : ( <> {selectedCategory && (
Категория:
{categories.find(c => c.id === selectedCategory)?.name}
)}

Найдено {sortedHotels.length} отелей

{!selectedCategory && (
{categories.map(cat => ( ))}
)}
{sortedHotels.map(hotel => (
viewHotel(hotel)}>
{hotel.image}

{hotel.name}

{hotel.island}
{hotel.price}
{hotel.rating} ({hotel.reviews})

{hotel.description}

))}
)}
); }