{"id":265,"date":"2026-02-16T00:14:27","date_gmt":"2026-02-15T23:14:27","guid":{"rendered":"https:\/\/wonderlytravel.zerus.cloud\/?page_id=265"},"modified":"2026-02-16T00:21:02","modified_gmt":"2026-02-15T23:21:02","slug":"welcome","status":"publish","type":"page","link":"https:\/\/wonderlytravel.zerus.cloud\/?page_id=265","title":{"rendered":"Welcome"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n Wonderly Travel – Book Your Perfect Flight<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/code.jquery.com\/ui\/1.13.2\/themes\/base\/jquery-ui.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n .wonderly-header {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);\n padding: 15px 0;\n }\n\n .header-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 30px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 32px;\n font-weight: 700;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .header-nav {\n display: flex;\n gap: 40px;\n align-items: center;\n }\n\n .header-nav a {\n text-decoration: none;\n color: #333;\n font-weight: 500;\n font-size: 15px;\n transition: color 0.3s;\n }\n\n .header-nav a:hover {\n color: #667eea;\n }\n\n .header-user {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .wallet-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: #fff3e0;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 600;\n color: #f57c00;\n }\n\n .my-trips-btn {\n background: #667eea;\n color: white;\n padding: 10px 24px;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.3s;\n }\n\n .my-trips-btn:hover {\n background: #764ba2;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);\n }\n\n \/* Hero Section *\/\n .hero-section {\n position: relative;\n height: 100vh;\n min-height: 700px;\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%),\n url('https:\/\/images.unsplash.com\/photo-1436491865332-7a61a109cc05?w=1920&q=80') center\/cover;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 80px;\n }\n\n .hero-container {\n max-width: 1200px;\n width: 100%;\n padding: 0 30px;\n }\n\n .hero-title {\n text-align: center;\n color: white;\n margin-bottom: 40px;\n animation: fadeInDown 0.8s ease-out;\n }\n\n .hero-title h1 {\n font-family: 'Playfair Display', serif;\n font-size: 56px;\n font-weight: 700;\n margin-bottom: 15px;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n .hero-title p {\n font-size: 20px;\n font-weight: 300;\n opacity: 0.95;\n }\n\n \/* Search Card *\/\n .search-card {\n background: white;\n border-radius: 20px;\n padding: 40px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n animation: fadeInUp 0.8s ease-out 0.2s both;\n }\n\n .search-tabs {\n display: flex;\n gap: 40px;\n margin-bottom: 30px;\n border-bottom: 2px solid #f0f0f0;\n }\n\n .search-tab {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 15px 0;\n font-weight: 600;\n color: #999;\n cursor: pointer;\n position: relative;\n transition: color 0.3s;\n }\n\n .search-tab.active {\n color: #667eea;\n }\n\n .search-tab.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n border-radius: 3px 3px 0 0;\n }\n\n .search-tab svg {\n width: 24px;\n height: 24px;\n }\n\n \/* Trip Type *\/\n .trip-type {\n display: flex;\n gap: 30px;\n margin-bottom: 30px;\n }\n\n .trip-type label {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n font-size: 15px;\n font-weight: 500;\n }\n\n .trip-type input[type=\"radio\"] {\n width: 18px;\n height: 18px;\n accent-color: #667eea;\n }\n\n \/* Search Form *\/\n .search-form {\n display: grid;\n grid-template-columns: 2fr 2fr 1.5fr 1.5fr 1.5fr;\n gap: 15px;\n margin-bottom: 25px;\n }\n\n .form-field {\n position: relative;\n }\n\n .form-field label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: #666;\n margin-bottom: 8px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .form-field input,\n .form-field select {\n width: 100%;\n padding: 14px 16px;\n border: 2px solid #e0e0e0;\n border-radius: 10px;\n font-size: 16px;\n font-family: 'Poppins', sans-serif;\n transition: all 0.3s;\n }\n\n .form-field input:focus,\n .form-field select:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);\n }\n\n .form-field .location-name {\n font-weight: 600;\n color: #333;\n }\n\n .form-field .location-code {\n font-size: 13px;\n color: #999;\n }\n\n .swap-button {\n position: absolute;\n right: -25px;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border: 2px solid #667eea;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s;\n z-index: 10;\n }\n\n .swap-button:hover {\n background: #667eea;\n transform: translateY(-50%) rotate(180deg);\n }\n\n .swap-button svg {\n width: 20px;\n height: 20px;\n stroke: #667eea;\n transition: stroke 0.3s;\n }\n\n .swap-button:hover svg {\n stroke: white;\n }\n\n \/* Search Button *\/\n .search-button {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n padding: 18px 60px;\n border-radius: 30px;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\n }\n\n .search-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);\n }\n\n .search-button:active {\n transform: translateY(-1px);\n }\n\n \/* Trending Searches *\/\n .trending {\n margin-top: 25px;\n padding-top: 25px;\n border-top: 1px solid #f0f0f0;\n }\n\n .trending-title {\n font-size: 14px;\n color: #666;\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n .trending-links {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .trending-link {\n padding: 8px 16px;\n background: #f8f9fa;\n border-radius: 20px;\n font-size: 13px;\n color: #667eea;\n text-decoration: none;\n transition: all 0.3s;\n font-weight: 500;\n }\n\n .trending-link:hover {\n background: #667eea;\n color: white;\n transform: translateY(-2px);\n }\n\n \/* Recent Searches *\/\n .recent-searches {\n max-width: 1400px;\n margin: 80px auto;\n padding: 0 30px;\n }\n\n .recent-searches h2 {\n font-size: 32px;\n font-weight: 700;\n color: #333;\n margin-bottom: 30px;\n }\n\n .recent-cards {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 25px;\n }\n\n .recent-card {\n background: white;\n border: 2px solid #f0f0f0;\n border-radius: 15px;\n padding: 25px;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .recent-card:hover {\n border-color: #667eea;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transform: translateY(-5px);\n }\n\n .recent-card-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 15px;\n color: #667eea;\n font-weight: 600;\n font-size: 14px;\n }\n\n .recent-card-route {\n font-size: 20px;\n font-weight: 700;\n color: #333;\n margin-bottom: 8px;\n }\n\n .recent-card-details {\n font-size: 14px;\n color: #999;\n }\n\n \/* Animations *\/\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .search-form {\n grid-template-columns: 1fr 1fr;\n }\n\n .form-field:nth-child(5) {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title h1 {\n font-size: 36px;\n }\n\n .search-card {\n padding: 25px;\n }\n\n .search-form {\n grid-template-columns: 1fr;\n }\n\n .header-nav {\n display: none;\n }\n\n .recent-cards {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Header -->\n <header class=\"wonderly-header\">\n <div class=\"header-container\">\n <div class=\"logo\">Wonderly<\/div>\n <nav class=\"header-nav\">\n <a href=\"#flights\">Flights<\/a>\n <a href=\"#hotels\">Hotels<\/a>\n <a href=\"#packages\">Packages<\/a>\n <a href=\"#offers\">Offers<\/a>\n <\/nav>\n <div class=\"header-user\">\n <div class=\"wallet-badge\">\n \ud83d\udcb0 DZD 22.95 <span style=\"opacity: 0.7;\">In your wallet<\/span>\n <\/div>\n <a href=\"\/my-bookings\/\" class=\"my-trips-btn\">My Trips<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Hero Section -->\n <section class=\"hero-section\">\n <div class=\"hero-container\">\n <div class=\"hero-title\">\n <h1>Book Your Perfect Journey<\/h1>\n <p>Discover amazing destinations at unbeatable prices<\/p>\n <\/div>\n\n <div class=\"search-card\">\n <!-- Tabs -->\n <div class=\"search-tabs\">\n <div class=\"search-tab active\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\n <\/svg>\n Flights\n <\/div>\n <div class=\"search-tab\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\n <\/svg>\n Hotels\n <\/div>\n <\/div>\n\n <!-- Trip Type -->\n <div class=\"trip-type\">\n <label>\n <input type=\"radio\" name=\"trip_type\" value=\"oneway\">\n One Way\n <\/label>\n <label>\n <input type=\"radio\" name=\"trip_type\" value=\"roundtrip\" checked>\n Round Trip\n <\/label>\n <label>\n <input type=\"radio\" name=\"trip_type\" value=\"multicity\">\n Multi City\n <\/label>\n <\/div>\n\n <!-- Search Form -->\n <form class=\"search-form\">\n <div class=\"form-field\" style=\"position: relative;\">\n <label>From<\/label>\n <input type=\"text\" id=\"from\" placeholder=\"Algiers\" value=\"Algiers\">\n <div class=\"location-code\" style=\"position: absolute; bottom: -20px; left: 16px; font-size: 12px; color: #999;\">\n ALG, Houari Boumediene Algeria\n <\/div>\n <button type=\"button\" class=\"swap-button\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n <div class=\"form-field\">\n <label>To<\/label>\n <input type=\"text\" id=\"to\" placeholder=\"Dubai\" value=\"Dubai\">\n <div class=\"location-code\" style=\"position: absolute; bottom: -20px; left: 16px; font-size: 12px; color: #999;\">\n DXB, Dubai International United Arab…\n <\/div>\n <\/div>\n\n <div class=\"form-field\">\n <label>Departure<\/label>\n <input type=\"text\" id=\"departure\" value=\"16 Mar'26\" readonly>\n <div style=\"position: absolute; bottom: -20px; left: 16px; font-size: 12px; color: #999;\">\n Monday\n <\/div>\n <\/div>\n\n <div class=\"form-field\">\n <label>Return<\/label>\n <input type=\"text\" id=\"return\" value=\"20 Mar'26\" readonly>\n <div style=\"position: absolute; bottom: -20px; left: 16px; font-size: 12px; color: #999;\">\n Friday\n <\/div>\n <\/div>\n\n <div class=\"form-field\">\n <label>Travellers & Class<\/label>\n <input type=\"text\" value=\"1 Traveller\" readonly>\n <div style=\"position: absolute; bottom: -20px; left: 16px; font-size: 12px; color: #999;\">\n Economy\/Premium Economy\n <\/div>\n <\/div>\n <\/form>\n\n <button type=\"button\" class=\"search-button\">Search<\/button>\n\n <!-- Trending -->\n <div class=\"trending\">\n <div class=\"trending-title\">Trending Searches:<\/div>\n <div class=\"trending-links\">\n <a href=\"#\" class=\"trending-link\">Dubai \u2192 Mumbai<\/a>\n <a href=\"#\" class=\"trending-link\">Muscat \u2192 Kozhikode<\/a>\n <a href=\"#\" class=\"trending-link\">Algiers \u2192 Paris<\/a>\n <a href=\"#\" class=\"trending-link\">Oran \u2192 Istanbul<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Recent Searches -->\n <section class=\"recent-searches\">\n <h2>Recent Searches<\/h2>\n <div class=\"recent-cards\">\n <div class=\"recent-card\">\n <div class=\"recent-card-header\">\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\n <\/svg>\n Flight\n <\/div>\n <div class=\"recent-card-route\">Algiers \u21c4 Dubai<\/div>\n <div class=\"recent-card-details\">\n 1 traveller<br>\n 16 – 20 Mar 26\n <\/div>\n <\/div>\n\n <div class=\"recent-card\">\n <div class=\"recent-card-header\">\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\n <\/svg>\n Flight\n <\/div>\n <div class=\"recent-card-route\">Algiers \u21c4 Istanbul<\/div>\n <div class=\"recent-card-details\">\n 1 traveller<br>\n 01 – 15 Apr 26\n <\/div>\n <\/div>\n\n <div class=\"recent-card\">\n <div class=\"recent-card-header\">\n <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\n <\/svg>\n Flight\n <\/div>\n <div class=\"recent-card-route\">Algiers \u21c4 Mumbai<\/div>\n <div class=\"recent-card-details\">\n 7 travellers<br>\n 17 Mar – 15 Apr 26\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n <script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.min.js\"><\/script>\n <script>\n $(document).ready(function() {\n \/\/ Initialize datepickers\n $('#departure, #return').datepicker({\n dateFormat: \"dd M'yy\",\n minDate: 0\n });\n\n \/\/ Swap locations\n $('.swap-button').on('click', function() {\n const fromVal = $('#from').val();\n const toVal = $('#to').val();\n $('#from').val(toVal);\n $('#to').val(fromVal);\n });\n\n \/\/ Search button\n $('.search-button').on('click', function() {\n \/\/ Redirect to your actual search page\n window.location.href = '\/search-flights\/';\n });\n\n \/\/ Tab switching\n $('.search-tab').on('click', function() {\n $('.search-tab').removeClass('active');\n $(this).addClass('active');\n });\n\n \/\/ Recent cards click\n $('.recent-card').on('click', function() {\n window.location.href = '\/search-flights\/';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wonderly Travel – Book Your Perfect Flight Wonderly Flights Hotels Packages Offers \ud83d\udcb0 DZD 22.95 In your wallet My Trips Book Your Perfect Journey Discover amazing destinations at unbeatable prices Flights Hotels One Way Round Trip Multi City From ALG, Houari Boumediene Algeria To DXB, Dubai International United Arab… Departure Monday Return Friday Travellers & […]<\/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-265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=265"}],"version-history":[{"count":4,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/265\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/265\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}