{"id":53,"date":"2025-11-05T14:56:57","date_gmt":"2025-11-05T14:56:57","guid":{"rendered":"https:\/\/tania.travel\/?page_id=53"},"modified":"2025-11-05T14:56:57","modified_gmt":"2025-11-05T14:56:57","slug":"welcome","status":"publish","type":"page","link":"https:\/\/tania.travel\/index.php\/welcome\/","title":{"rendered":"Welcome"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>TANIA TRAVEL &#8211; Your Luxury Gateway to the Alps &#038; French Riviera<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            width: 100% !important;\n            overflow-x: hidden !important;\n        }\n\n        body {\n            font-family: 'Georgia', serif;\n            line-height: 1.6;\n            color: #333;\n            overflow-x: hidden;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        \/* Force remove all WordPress containers and wrappers *\/\n        body > *:not(script):not(style) {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        #page, #content, .site, .site-content, main, article, .entry-content,\n        .container, .wrapper, .content-area, .site-main {\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        .fullwidth-wrapper {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .hero {\n            width: 100% !important;\n            height: 100vh;\n            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/web_tmp_068.jpg');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: white;\n            margin: 0 !important;\n            margin-top: -50px !important;\n            padding: 0 !important;\n        }\n\n        .hero-content {\n            padding: 0 20px;\n        }\n\n        .hero h1 {\n            font-size: clamp(2.5rem, 6vw, 5rem);\n            font-weight: 300;\n            letter-spacing: 0.1em;\n            margin-bottom: 1rem;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n            color: #d4a574 !important;\n        }\n\n        .hero p {\n            font-size: clamp(1.2rem, 3vw, 2rem);\n            font-style: italic;\n            margin-bottom: 2rem;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n        }\n\n        .cta {\n            display: inline-block;\n            padding: 15px 40px;\n            background: transparent;\n            color: white;\n            border: 2px solid white;\n            text-decoration: none;\n            font-size: 1rem;\n            letter-spacing: 0.1em;\n            transition: all 0.3s;\n            text-transform: uppercase;\n        }\n\n        .cta:hover {\n            background: white;\n            color: #333;\n            transform: translateY(-2px);\n        }\n\n        .content-section {\n            padding: 100px 8%;\n        }\n\n        .about {\n            background: #f5f5f5;\n        }\n\n        .about-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .about img {\n            width: 100%;\n            height: 550px;\n            object-fit: contain;\n            border-radius: 4px;\n            background: #f5f5f5;\n        }\n\n        h2 {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 300;\n            margin-bottom: 2rem;\n        }\n\n        .about p {\n            margin-bottom: 1.5rem;\n            line-height: 1.9;\n            font-size: 1.05rem;\n        }\n\n        .star {\n            color: #d4a574;\n            margin-right: 8px;\n        }\n\n        .services {\n            background: white;\n        }\n\n        .services h2 {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .services-grid {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 50px;\n        }\n\n        .service-card img {\n            width: 100%;\n            height: 280px;\n            object-fit: cover;\n            margin-bottom: 25px;\n            border-radius: 4px;\n            transition: transform 0.3s ease;\n        }\n\n        .service-card:hover img {\n            transform: scale(1.02);\n        }\n\n        .service-card h3 {\n            font-size: 1.6rem;\n            margin-bottom: 15px;\n            font-weight: 400;\n        }\n\n        .service-card p {\n            color: #666;\n            line-height: 1.9;\n            margin-bottom: 12px;\n        }\n\n        .gallery {\n            background: #f5f5f5;\n        }\n\n        .gallery h2 {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        .gallery-grid {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n        }\n\n        .video-container {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%;\n            height: 0;\n            overflow: hidden;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: transform 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n\n        .video-container:hover {\n            transform: scale(1.02);\n            box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n        }\n\n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 4px;\n            pointer-events: none;\n        }\n\n        .video-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.4);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s;\n            pointer-events: none;\n            border-radius: 4px;\n        }\n\n        .video-container:hover .video-overlay {\n            opacity: 1;\n        }\n\n        .video-overlay span {\n            color: white;\n            font-size: 1.2rem;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n            font-weight: 500;\n        }\n\n        .video-modal {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0,0,0,0.95);\n            animation: fadeIn 0.3s;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        .video-modal.active {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .modal-content {\n            position: relative;\n            width: 90%;\n            max-width: 1400px;\n            aspect-ratio: 16\/9;\n        }\n\n        .modal-content iframe {\n            width: 100%;\n            height: 100%;\n            border-radius: 8px;\n        }\n\n        .close-modal {\n            position: absolute;\n            top: 20px;\n            right: 40px;\n            color: white;\n            font-size: 50px;\n            font-weight: bold;\n            cursor: pointer;\n            z-index: 10000;\n            transition: color 0.3s;\n        }\n\n        .close-modal:hover {\n            color: #d4a574;\n        }\n\n        .contact {\n            background: #1a1a1a;\n            color: #d4a574;\n            text-align: center;\n        }\n\n        .contact h2 {\n            color: #d4a574;\n            margin-bottom: 30px;\n        }\n\n        .contact p {\n            font-size: 1.1rem;\n            margin: 25px 0;\n        }\n\n        .contact-info {\n            font-size: 1.4rem;\n            margin: 25px 0;\n        }\n\n        .contact a {\n            color: #d4a574;\n            text-decoration: none;\n            border-bottom: 1px solid rgba(212, 165, 116, 0.3);\n            transition: all 0.3s;\n        }\n\n        .contact a:hover {\n            border-bottom-color: #d4a574;\n        }\n\n        @media (max-width: 968px) {\n            .gallery-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .content-section {\n                padding: 80px 5%;\n            }\n\n            .about-content {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .about img {\n                height: 400px;\n            }\n\n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .gallery-grid {\n                grid-template-columns: 1fr;\n            }\n\n            h2 {\n                font-size: 2rem;\n            }\n\n            .close-modal {\n                top: 10px;\n                right: 20px;\n                font-size: 40px;\n            }\n\n            .modal-content {\n                width: 95%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"hero\">\n            <div class=\"hero-content\">\n                <h1>TANIA TRAVEL<\/h1>\n                <p>Your Luxury Gateway to the Alps &#038; French Riviera<\/p>\n                <a href=\"#contact\" class=\"cta\">Contact Us<\/a>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"about content-section\">\n            <div class=\"about-content\">\n                <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/tania.png\" alt=\"Tania\">\n                <div>\n                    <h2>About Us<\/h2>\n                    <p><span class=\"star\">\u2726<\/span><strong>With over 10 years of experience<\/strong>, Tania Travel offers a truly personalized approach to luxury travel in Europe&#8217;s most prestigious destinations. We know every corner of the French and Swiss Alps, as well as the hidden treasures of the C\u00f4te d&#8217;Azur.<\/p>\n                    <p><span class=\"star\">\u2726<\/span><strong>Every journey is unique<\/strong>. From the moment you arrive at the airport to your last sunset dinner \u2013 we are here to make every moment unforgettable.<\/p>\n                    <p><span class=\"star\">\u2726<\/span><strong>We take care of every detail<\/strong> \u2013 Michelin-starred restaurant reservations, private event planning, VIP access, helicopter transfers \u2013 so you can simply relax and fully enjoy your journey.<\/p>\n                    <p><span class=\"star\">\u2726<\/span><strong>Multilingual service<\/strong>: Fluent in English, Russian, and French.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"services content-section\">\n            <h2>Our Services<\/h2>\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/vue-chalet.png\" alt=\"Alps Chalet\">\n                    <h3><span class=\"star\">\u2726<\/span> Luxury Chalets &#038; Apartments<\/h3>\n                    <p><strong>French &#038; Swiss Alps<\/strong>: Discover our exclusive selection of exceptional chalets and apartments with full concierge service.<\/p>\n                    <p>We offer much more than simple accommodation: customized ski packages, private limousine transfers, panoramic helicopter flights, reservations at the finest mountain restaurants, private event planning, private chefs, VIP ski instructors.<\/p>\n                <\/div>\n                <div class=\"service-card\">\n                    <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/web__tmp_w14withtv.jpg\" alt=\"C\u00f4te d'Azur Villa\">\n                    <h3><span class=\"star\">\u2726<\/span> Villas &#038; Private Getaways<\/h3>\n                    <p><strong>French Riviera<\/strong>: Experience absolute luxury in our exclusive villas and exceptional hotels carefully selected in Saint-Tropez, Cannes, Monaco, and Nice.<\/p>\n                    <p>Premium services included: reservations at the most sought-after gourmet restaurants and beach clubs, private yacht rentals with crew, VIP party planning and access to exclusive events (Monaco Grand Prix, Cannes Film Festival).<\/p>\n                <\/div>\n                <div class=\"service-card\">\n                    <img decoding=\"async\" src=\"https:\/\/tania.travel\/wp-content\/uploads\/2025\/11\/web_tmp_068.jpg\" alt=\"Prestige Property\">\n                    <h3><span class=\"star\">\u2726<\/span> Property Sales<\/h3>\n                    <p><strong>Prestige real estate investment<\/strong>: Looking for your dream chalet in the Alps or a paradise villa by the Mediterranean?<\/p>\n                    <p>We accompany you through every step of acquisition: personalized property selection according to your criteria, organized private viewings, investment advice and local market analysis, complete legal support, negotiation of the best price.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"gallery content-section\">\n            <h2>Gallery<\/h2>\n            <div class=\"gallery-grid\">\n                <div class=\"video-container\" onclick=\"openVideo('gogiFhVp0pM')\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/gogiFhVp0pM\" \n                            title=\"Video 1\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                    <\/iframe>\n                    <div class=\"video-overlay\">\n                        <span>\u25b6 Click to enlarge<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-container\" onclick=\"openVideo('T-5gdzjO-Wk')\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/T-5gdzjO-Wk\" \n                            title=\"Video 2\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                    <\/iframe>\n                    <div class=\"video-overlay\">\n                        <span>\u25b6 Click to enlarge<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-container\" onclick=\"openVideo('Loflq02ixE0')\">\n                    <iframe src=\"https:\/\/www.youtube.com\/embed\/Loflq02ixE0\" \n                            title=\"Video 3\" \n                            frameborder=\"0\" \n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                            allowfullscreen>\n                    <\/iframe>\n                    <div class=\"video-overlay\">\n                        <span>\u25b6 Click to enlarge<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"fullwidth-wrapper\">\n        <section class=\"contact content-section\" id=\"contact\">\n            <h2>Contact<\/h2>\n            <p>Based in Courchevel in winter &#038; Saint-Tropez in summer<\/p>\n            <div class=\"contact-info\">\n                <a href=\"tel:+33781664759\">+33 7 81 66 47 59<\/a>\n            <\/div>\n            <div class=\"contact-info\">\n                <a href=\"mailto:info.taniatravel@gmail.com\">info.taniatravel@gmail.com<\/a>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <!-- Lightbox Modal -->\n    <div id=\"videoModal\" class=\"video-modal\" onclick=\"closeVideo()\">\n        <span class=\"close-modal\" onclick=\"closeVideo()\">&times;<\/span>\n        <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n            <iframe id=\"modalVideo\" src=\"\" frameborder=\"0\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Video Modal Functions\n        function openVideo(videoId) {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('modalVideo');\n            iframe.src = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideo() {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('modalVideo');\n            iframe.src = '';\n            modal.classList.remove('active');\n            document.body.style.overflow = 'auto';\n        }\n\n        \/\/ Close modal with Escape key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeVideo();\n            }\n        });\n\n        \/\/ Force fullwidth by moving content out of WordPress containers\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Find all fullwidth wrappers\n            const wrappers = document.querySelectorAll('.fullwidth-wrapper');\n            \n            \/\/ Move them to body if they're inside containers\n            wrappers.forEach(wrapper => {\n                \/\/ Get all parent elements\n                let parent = wrapper.parentElement;\n                while (parent && parent !== document.body) {\n                    \/\/ Remove width restrictions from parents\n                    parent.style.maxWidth = '100%';\n                    parent.style.width = '100%';\n                    parent.style.margin = '0';\n                    parent.style.padding = '0';\n                    parent = parent.parentElement;\n                }\n            });\n            \n            \/\/ Also target common WordPress containers\n            const containers = document.querySelectorAll('.site-content, .entry-content, #content, #primary, .content-area, main, article');\n            containers.forEach(container => {\n                container.style.maxWidth = '100%';\n                container.style.width = '100%';\n                container.style.margin = '0';\n                container.style.padding = '0';\n            });\n        });\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>TANIA TRAVEL &#8211; Your Luxury Gateway to the Alps &#038; French Riviera TANIA TRAVEL Your Luxury Gateway to the Alps &#038; French Riviera Contact Us About Us \u2726With over 10 years of experience, Tania Travel offers a truly personalized approach to luxury travel in Europe&#8217;s most prestigious destinations. We know every corner of the French [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":1,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/tania.travel\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}