{"id":275,"date":"2026-02-16T00:38:02","date_gmt":"2026-02-15T23:38:02","guid":{"rendered":"https:\/\/wonderlytravel.zerus.cloud\/?page_id=275"},"modified":"2026-02-16T00:40:40","modified_gmt":"2026-02-15T23:40:40","slug":"home-page","status":"publish","type":"page","link":"https:\/\/wonderlytravel.zerus.cloud\/?page_id=275","title":{"rendered":"Home Page"},"content":{"rendered":"\n<div class=\"wonderly-homepage-wrapper\">\n    \n        <!-- Header -->\n    <header class=\"wonderly-header\">\n        <div class=\"header-container\">\n            <div class=\"logo\">Wonderly Travel Agency<\/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                                    <a href=\"https:\/\/wonderlytravel.zerus.cloud\/wp-login.php\" class=\"my-trips-btn\">Login<\/a>\n                            <\/div>\n        <\/div>\n    <\/header>\n    \n    <!-- Hero Section -->\n    <section class=\"hero-section\" style=\"background-image: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%), url('https:\/\/images.unsplash.com\/photo-1436491865332-7a61a109cc05?w=1920&#038;q=80');\">\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\" data-tab=\"flights\">\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\" data-tab=\"hotels\">\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\" id=\"homepage-search-form\">\n                    <div class=\"form-field\" style=\"position: relative;\">\n                        <label>From<\/label>\n                        <input type=\"text\" id=\"from-hp\" class=\"airport-autocomplete\" placeholder=\"Enter city or airport\" autocomplete=\"off\">\n                        <div class=\"location-details\" id=\"from-details\"><\/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-hp\" class=\"airport-autocomplete\" placeholder=\"Enter city or airport\" autocomplete=\"off\">\n                        <div class=\"location-details\" id=\"to-details\"><\/div>\n                    <\/div>\n\n                    <div class=\"form-field\">\n                        <label>Departure<\/label>\n                        <input type=\"text\" id=\"departure-hp\" class=\"datepicker-hp\" placeholder=\"Select date\" readonly>\n                        <div class=\"date-day\" id=\"departure-day\"><\/div>\n                    <\/div>\n\n                    <div class=\"form-field return-field\">\n                        <label>Return<\/label>\n                        <input type=\"text\" id=\"return-hp\" class=\"datepicker-hp\" placeholder=\"Select date\" readonly>\n                        <div class=\"date-day\" id=\"return-day\"><\/div>\n                    <\/div>\n\n                    <div class=\"form-field\">\n                        <label>Travellers & Class<\/label>\n                        <input type=\"text\" id=\"travellers-hp\" value=\"1 Traveller\" readonly>\n                        <div class=\"class-info\">Economy<\/div>\n                    <\/div>\n                <\/form>\n\n                <button type=\"button\" class=\"search-button\" id=\"hp-search-btn\">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\" data-from=\"DXB\" data-to=\"BOM\">Dubai \u2192 Mumbai<\/a>\n                        <a href=\"#\" class=\"trending-link\" data-from=\"MCT\" data-to=\"CCJ\">Muscat \u2192 Kozhikode<\/a>\n                        <a href=\"#\" class=\"trending-link\" data-from=\"ALG\" data-to=\"CDG\">Algiers \u2192 Paris<\/a>\n                        <a href=\"#\" class=\"trending-link\" data-from=\"ORN\" data-to=\"IST\">Oran \u2192 Istanbul<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n<\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-275","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/275","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=275"}],"version-history":[{"count":3,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=\/wp\/v2\/pages\/275\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/wonderlytravel.zerus.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}