Ashish Travels | Plan Your Perfect Trip<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n },\r\n colors: {\r\n brand: {\r\n orange: '#ff5722', \r\n dark: '#1a1a1a',\r\n light: '#fff3e0'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n ::-webkit-scrollbar-thumb { background: #ff5722; border-radius: 4px; }\r\n \r\n .hero-bg {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url('https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n height: 100vh;\r\n position: relative;\r\n background-attachment: fixed;\r\n }\r\n\r\n .glass-search {\r\n background: rgba(0, 0, 0, 0.65);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .fab-btn { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n .fab-btn:hover { transform: scale(1.15); }\r\n\r\n .cat-card:hover .cat-overlay { opacity: 1; }\r\n .cat-card:hover img { transform: scale(1.1); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 font-sans antialiased overflow-x-hidden\">\r\n\r\n \r\n <header class=\"hero-bg flex flex-col justify-center items-center text-center px-4 relative\">\r\n <div class=\"max-w-4xl mx-auto z-10 -mt-20\" data-aos=\"zoom-in\" data-aos-duration=\"1000\">\r\n <span class=\"inline-block py-2 px-6 rounded-full bg-white\/20 text-white text-xs md:text-sm font-semibold mb-6 backdrop-blur-md border border-white\/30 tracking-wider uppercase\">\r\n Domestic & International Tours\r\n <\/span>\r\n <h1 class=\"font-serif text-5xl md:text-7xl font-bold text-white mb-6 leading-tight drop-shadow-2xl\">\r\n Plan Your Perfect <br\/>\r\n <span class=\"text-brand-orange\">Trip With Us<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-100 mb-10 max-w-2xl mx-auto font-light leading-relaxed\">\r\n Explore the world with <strong>Ashish Travels<\/strong>. Unbeatable prices on flights, hotels, and holiday packages.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n <button class=\"bg-brand-orange text-white px-8 py-4 rounded-full font-semibold hover:bg-orange-700 transition shadow-lg text-lg min-w-[160px] transform hover:-translate-y-1\">\r\n Book Now\r\n <\/button>\r\n <button class=\"bg-transparent border-2 border-white\/50 text-white px-8 py-4 rounded-full font-semibold hover:bg-white hover:text-gray-900 transition backdrop-blur-sm text-lg min-w-[160px]\">\r\n Call Now\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-0 translate-y-1\/2 left-0 right-0 px-4 z-20\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"max-w-5xl mx-auto glass-search rounded-2xl p-4 flex flex-col md:flex-row gap-3 items-center shadow-2xl\">\r\n <div class=\"flex-1 w-full bg-white\/10 rounded-xl px-4 py-3 flex items-center border border-white\/10 group focus-within:bg-white\/20 transition\">\r\n <i class=\"fa-solid fa-location-dot text-brand-orange mr-3 text-lg\"><\/i>\r\n <input type=\"text\" placeholder=\"Where to?\" class=\"bg-transparent border-none outline-none text-white placeholder-gray-300 w-full text-base h-full\">\r\n <\/div>\r\n <div class=\"flex-1 w-full bg-white\/10 rounded-xl px-4 py-3 flex items-center border border-white\/10 group focus-within:bg-white\/20 transition\">\r\n <i class=\"fa-regular fa-calendar text-gray-300 mr-3 text-lg\"><\/i>\r\n <input type=\"text\" placeholder=\"Date\" onfocus=\"(this.type='date')\" class=\"bg-transparent border-none outline-none text-white placeholder-gray-300 w-full text-base h-full\">\r\n <\/div>\r\n <button class=\"w-full md:w-auto bg-brand-orange hover:bg-orange-700 text-white px-10 py-4 rounded-xl font-bold shadow-lg transition uppercase tracking-wide h-full\">\r\n Search\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div class=\"fixed bottom-8 right-6 z-50 flex flex-col gap-4\">\r\n <a href=\"#\" class=\"fab-btn w-14 h-14 bg-green-500 rounded-full flex items-center justify-center text-white shadow-lg shadow-green-500\/30\">\r\n <i class=\"fa-brands fa-whatsapp text-3xl\"><\/i>\r\n <\/a>\r\n <a href=\"tel:+1234567890\" class=\"fab-btn w-14 h-14 bg-brand-orange rounded-full flex items-center justify-center text-white shadow-lg shadow-orange-500\/30\">\r\n <i class=\"fa-solid fa-phone text-2xl\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"bg-white pt-32 pb-16\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center\">\r\n <div data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"1500\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Happy Travelers<\/div>\r\n <\/div>\r\n <div data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"120\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Tours Completed<\/div>\r\n <\/div>\r\n <div data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"50\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Destinations<\/div>\r\n <\/div>\r\n <div data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"24\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Hours Support<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-16 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"text-center mb-12\" data-aos=\"fade-up\">\r\n <span class=\"text-brand-orange font-bold text-sm uppercase tracking-widest block mb-2\">Find Your Style<\/span>\r\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold text-gray-900\">Explore by Category<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n \r\n <div class=\"relative h-80 rounded-2xl overflow-hidden cursor-pointer cat-card shadow-lg group\" data-aos=\"fade-right\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.3&w=600&q=80\" class=\"w-full h-full object-cover transition duration-700\" alt=\"Beach\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-80\"><\/div>\r\n <div class=\"absolute bottom-6 left-6 text-white z-10\">\r\n <h3 class=\"text-2xl font-serif font-bold\">Beaches<\/h3>\r\n <p class=\"text-sm text-gray-300 opacity-0 group-hover:opacity-100 transition duration-300 transform translate-y-2 group-hover:translate-y-0\">Relax on golden sands<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"relative h-80 rounded-2xl overflow-hidden cursor-pointer cat-card shadow-lg group\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?ixlib=rb-4.0.3&w=600&q=80\" class=\"w-full h-full object-cover transition duration-700\" alt=\"Mountain\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-80\"><\/div>\r\n <div class=\"absolute bottom-6 left-6 text-white z-10\">\r\n <h3 class=\"text-2xl font-serif font-bold\">Mountains<\/h3>\r\n <p class=\"text-sm text-gray-300 opacity-0 group-hover:opacity-100 transition duration-300 transform translate-y-2 group-hover:translate-y-0\">Trekking & Adventures<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"relative h-80 rounded-2xl overflow-hidden cursor-pointer cat-card shadow-lg group\" data-aos=\"fade-left\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1477959858617-67f85cf4f1df?ixlib=rb-4.0.3&w=600&q=80\" class=\"w-full h-full object-cover transition duration-700\" alt=\"City\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-80\"><\/div>\r\n <div class=\"absolute bottom-6 left-6 text-white z-10\">\r\n <h3 class=\"text-2xl font-serif font-bold\">City Life<\/h3>\r\n <p class=\"text-sm text-gray-300 opacity-0 group-hover:opacity-100 transition duration-300 transform translate-y-2 group-hover:translate-y-0\">Urban exploration<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n <span class=\"text-brand-orange font-bold text-sm uppercase tracking-widest mb-2 block\">Featured Tours<\/span>\r\n <h2 class=\"font-serif text-4xl font-bold text-gray-900\">Most Popular Packages<\/h2>\r\n <div class=\"w-24 h-1 bg-brand-orange mx-auto mt-4 rounded-full\"><\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\" id=\"tours-container\">\r\n \r\n <\/div>\r\n <div class=\"text-center mt-12\">\r\n <button class=\"border-2 border-gray-900 text-gray-900 px-8 py-3 rounded-full font-semibold hover:bg-gray-900 hover:text-white transition duration-300\">View All Packages<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-brand-light relative overflow-hidden\">\r\n \r\n <i class=\"fa-solid fa-plane absolute top-10 left-10 text-brand-orange opacity-5 text-9xl transform rotate-45\"><\/i>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold text-gray-900\">3 Steps to Your Perfect Trip<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 relative\">\r\n \r\n <div class=\"hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gray-300 -z-10 border-t-2 border-dashed border-brand-orange\/30\"><\/div>\r\n\r\n \r\n <div class=\"text-center group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center shadow-lg mb-6 group-hover:scale-110 transition duration-300 border-2 border-white group-hover:border-brand-orange\">\r\n <i class=\"fa-solid fa-magnifying-glass-location text-3xl text-brand-orange\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">1. Choose Destination<\/h3>\r\n <p class=\"text-gray-600 text-sm px-8\">Browse our wide range of packages or customize your own itinerary.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center shadow-lg mb-6 group-hover:scale-110 transition duration-300 border-2 border-white group-hover:border-brand-orange\">\r\n <i class=\"fa-solid fa-file-signature text-3xl text-brand-orange\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">2. Book & Pay<\/h3>\r\n <p class=\"text-gray-600 text-sm px-8\">Secure your booking with our safe payment options and get instant confirmation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center group\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center shadow-lg mb-6 group-hover:scale-110 transition duration-300 border-2 border-white group-hover:border-brand-orange\">\r\n <i class=\"fa-solid fa-suitcase-rolling text-3xl text-brand-orange\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">3. Travel & Enjoy<\/h3>\r\n <p class=\"text-gray-600 text-sm px-8\">Pack your bags and get ready for an unforgettable experience with us.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-gray-900 py-24 text-white relative overflow-hidden bg-fixed\" style=\"background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('https:\/\/images.unsplash.com\/photo-1469854523086-cc02fe5d8800?ixlib=rb-4.0.3'); background-size: cover; background-position: center;\">\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-16 items-center\">\r\n <div data-aos=\"fade-right\">\r\n <span class=\"text-brand-orange font-bold tracking-wider uppercase mb-2 block\">Why Choose Us<\/span>\r\n <h2 class=\"font-serif text-4xl md:text-5xl font-bold mb-6 leading-tight text-white\">We Make Your Travel <br\/> Comfortable<\/h2>\r\n <p class=\"text-gray-300 text-lg leading-relaxed mb-8\">\r\n At Ashish Travels, we believe in providing more than just a trip. We provide an experience. From luxury hotels to off-beat paths, we cover it all.\r\n <\/p>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand-orange flex items-center justify-center text-white shadow-lg shadow-orange-500\/50\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/div>\r\n <span class=\"text-lg\">Best Price Guarantee<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand-orange flex items-center justify-center text-white shadow-lg shadow-orange-500\/50\">\r\n <i class=\"fa-solid fa-headset\"><\/i>\r\n <\/div>\r\n <span class=\"text-lg\">24\/7 Customer Support<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"relative\" data-aos=\"fade-left\">\r\n <div class=\"absolute -inset-4 bg-brand-orange\/20 rounded-2xl blur-lg\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530789253388-582c481c54b0?ixlib=rb-4.0.3&w=800&q=80\" alt=\"Travel\" class=\"rounded-2xl shadow-2xl border-4 border-white\/10 relative z-10 transform hover:scale-[1.02] transition duration-500\">\r\n <div class=\"absolute -bottom-6 -left-6 bg-white p-6 rounded-xl shadow-xl text-gray-900 hidden md:block z-20\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"text-4xl font-bold text-brand-orange\">10+<\/div>\r\n <div class=\"text-sm font-medium leading-tight\">Years of<br>Experience<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-white\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold text-gray-900\">Happy Traveler Reviews<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl relative shadow-sm hover:shadow-xl transition duration-300\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <i class=\"fa-solid fa-quote-right absolute top-8 right-8 text-brand-orange\/10 text-6xl\"><\/i>\r\n <div class=\"flex text-brand-orange mb-4 text-xs\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"text-gray-600 mb-6 relative z-10\">\"Amazing experience with Ashish Travels! The Manali trip was perfectly organized. Hotels were clean and view was great.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" class=\"w-12 h-12 rounded-full\" alt=\"User\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-900 text-sm\">Rahul Sharma<\/h4>\r\n <span class=\"text-xs text-gray-500\">Travelled to Manali<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl relative shadow-sm hover:shadow-xl transition duration-300\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <i class=\"fa-solid fa-quote-right absolute top-8 right-8 text-brand-orange\/10 text-6xl\"><\/i>\r\n <div class=\"flex text-brand-orange mb-4 text-xs\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"text-gray-600 mb-6 relative z-10\">\"Best prices guaranteed indeed. I compared with many sites but got the best deal here for Dubai.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" class=\"w-12 h-12 rounded-full\" alt=\"User\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-900 text-sm\">Priya Patel<\/h4>\r\n <span class=\"text-xs text-gray-500\">Travelled to Dubai<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl relative shadow-sm hover:shadow-xl transition duration-300\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <i class=\"fa-solid fa-quote-right absolute top-8 right-8 text-brand-orange\/10 text-6xl\"><\/i>\r\n <div class=\"flex text-brand-orange mb-4 text-xs\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star-half-stroke\"><\/i><\/div>\r\n <p class=\"text-gray-600 mb-6 relative z-10\">\"Very supportive staff. They helped us customize our Kerala honeymoon package exactly how we wanted.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/86.jpg\" class=\"w-12 h-12 rounded-full\" alt=\"User\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-900 text-sm\">Amit Verma<\/h4>\r\n <span class=\"text-xs text-gray-500\">Travelled to Kerala<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Initialize AOS\r\n AOS.init({\r\n once: true,\r\n offset: 100,\r\n duration: 800,\r\n });\r\n\r\n \/\/ Initialize Counter with Intersection Observer (More Reliable)\r\n const counters = document.querySelectorAll('.counter');\r\n const speed = 200;\r\n\r\n const observerOptions = {\r\n threshold: 0.5\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const counter = entry.target;\r\n const target = +counter.getAttribute('data-target');\r\n \r\n const updateCount = () => {\r\n const count = +counter.innerText;\r\n const inc = target \/ speed;\r\n\r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + inc);\r\n setTimeout(updateCount, 20);\r\n } else {\r\n counter.innerText = target + (target > 100 ? '+' : '');\r\n }\r\n };\r\n \r\n updateCount();\r\n observer.unobserve(counter); \/\/ Stop observing after animation\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n counters.forEach(counter => {\r\n observer.observe(counter);\r\n });\r\n });\r\n\r\n \/\/ Tour Data\r\n const tours = [\r\n {\r\n id: 1,\r\n title: \"Manali & Solang Valley\",\r\n location: \"Himachal Pradesh\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1626621341517-bbf3d9990a23?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 12999,\r\n days: 5,\r\n rating: 4.9,\r\n reviews: 420,\r\n featured: true\r\n },\r\n {\r\n id: 2,\r\n title: \"Goa Beach Party\",\r\n location: \"Goa, India\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1512343879784-a960bf40e7f2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 8499,\r\n days: 4,\r\n rating: 4.7,\r\n reviews: 850,\r\n featured: false\r\n },\r\n {\r\n id: 3,\r\n title: \"Kerala Backwaters\",\r\n location: \"Kerala, India\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1602216056096-3b40cc0c9944?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 15499,\r\n days: 6,\r\n rating: 4.8,\r\n reviews: 230,\r\n featured: true\r\n },\r\n {\r\n id: 4,\r\n title: \"Dubai City Tour\",\r\n location: \"UAE\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1512453979798-5ea904ac66de?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 45000,\r\n days: 5,\r\n rating: 4.9,\r\n reviews: 156,\r\n featured: false\r\n },\r\n {\r\n id: 5,\r\n title: \"Jaipur Royal Palace\",\r\n location: \"Rajasthan\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1477587458883-47145ed94245?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 6999,\r\n days: 3,\r\n rating: 4.6,\r\n reviews: 310,\r\n featured: false\r\n },\r\n {\r\n id: 6,\r\n title: \"Maldives Honeymoon\",\r\n location: \"Maldives\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1514282401047-d77a7149ba6f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 65000,\r\n days: 4,\r\n rating: 5.0,\r\n reviews: 89,\r\n featured: true\r\n }\r\n ];\r\n\r\n function getStars(rating) {\r\n let starsHtml = '';\r\n for (let i = 1; i <= 5; i++) {\r\n if (i <= Math.round(rating)) {\r\n starsHtml += '<i class=\"fa-solid fa-star text-brand-orange text-xs\"><\/i>';\r\n } else {\r\n starsHtml += '<i class=\"fa-regular fa-star text-gray-300 text-xs\"><\/i>';\r\n }\r\n }\r\n return starsHtml;\r\n }\r\n\r\n const container = document.getElementById('tours-container');\r\n \r\n tours.forEach((tour, index) => {\r\n const card = document.createElement('div');\r\n \/\/ Adding AOS delay based on index for staggered effect\r\n card.setAttribute('data-aos', 'fade-up');\r\n card.setAttribute('data-aos-delay', index * 100);\r\n \r\n card.className = 'bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-2xl transition duration-500 border border-gray-100 flex flex-col h-full group transform hover:-translate-y-2';\r\n \r\n card.innerHTML = `\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-black\/10 group-hover:bg-black\/0 transition z-10\"><\/div>\r\n <img decoding=\"async\" src=\"${tour.image}\" alt=\"${tour.title}\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\">\r\n <button class=\"absolute top-4 right-4 w-9 h-9 rounded-full bg-white\/90 backdrop-blur-sm flex items-center justify-center text-gray-400 hover:text-red-500 transition shadow-sm z-20 hover:scale-110\">\r\n <i class=\"fa-regular fa-heart\"><\/i>\r\n <\/button>\r\n ${tour.featured ? '<span class=\"absolute top-4 left-4 bg-brand-orange text-white text-xs font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wide z-20\">Best Seller<\/span>' : ''}\r\n <\/div>\r\n \r\n <div class=\"p-6 flex-1 flex flex-col\">\r\n <div class=\"flex items-center text-gray-500 text-xs font-semibold uppercase tracking-wider mb-2\">\r\n <i class=\"fa-solid fa-map-pin text-brand-orange mr-1.5\"><\/i>\r\n ${tour.location}\r\n <\/div>\r\n\r\n <h3 class=\"font-serif text-xl font-bold text-gray-900 mb-2 group-hover:text-brand-orange transition line-clamp-1\">${tour.title}<\/h3>\r\n \r\n <div class=\"flex items-center gap-2 mb-4\">\r\n <div class=\"flex gap-0.5\">\r\n ${getStars(tour.rating)}\r\n <\/div>\r\n <span class=\"text-xs text-gray-400\">(${tour.reviews} reviews)<\/span>\r\n <\/div>\r\n \r\n <div class=\"mt-auto flex items-center justify-between pt-4 border-t border-gray-50\">\r\n <div>\r\n <span class=\"text-xs text-gray-400 block\">From<\/span>\r\n <span class=\"text-xl font-bold text-brand-orange\">\u20b9${tour.price.toLocaleString('en-IN')}<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"px-5 py-2.5 bg-gray-900 text-white text-sm font-medium rounded hover:bg-brand-orange transition shadow-lg hover:shadow-orange-500\/30\">\r\n Details\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n container.appendChild(card);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Ashish Travels | Plan Your Perfect Trip Domestic & International Tours Plan Your Perfect Trip With Us Explore the world […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seowalley.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":16,"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Ashish Travels | Plan Your Perfect Trip<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n },\r\n colors: {\r\n brand: {\r\n orange: '#ff5722', \r\n dark: '#1a1a1a',\r\n light: '#fff3e0'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n ::-webkit-scrollbar-thumb { background: #ff5722; border-radius: 4px; }\r\n \r\n .hero-bg {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url('https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n height: 100vh;\r\n position: relative;\r\n background-attachment: fixed;\r\n }\r\n\r\n .glass-search {\r\n background: rgba(0, 0, 0, 0.65);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .fab-btn { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n .fab-btn:hover { transform: scale(1.15); }\r\n\r\n .cat-card:hover .cat-overlay { opacity: 1; }\r\n .cat-card:hover img { transform: scale(1.1); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 font-sans antialiased overflow-x-hidden\">\r\n\r\n \r\n <header class=\"hero-bg flex flex-col justify-center items-center text-center px-4 relative\">\r\n <div class=\"max-w-4xl mx-auto z-10 -mt-20\" data-aos=\"zoom-in\" data-aos-duration=\"1000\">\r\n <span class=\"inline-block py-2 px-6 rounded-full bg-white\/20 text-white text-xs md:text-sm font-semibold mb-6 backdrop-blur-md border border-white\/30 tracking-wider uppercase\">\r\n Domestic & International Tours\r\n <\/span>\r\n <h1 class=\"font-serif text-5xl md:text-7xl font-bold text-white mb-6 leading-tight drop-shadow-2xl\">\r\n Plan Your Perfect <br\/>\r\n <span class=\"text-brand-orange\">Trip With Us<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-100 mb-10 max-w-2xl mx-auto font-light leading-relaxed\">\r\n Explore the world with <strong>Ashish Travels<\/strong>. Unbeatable prices on flights, hotels, and holiday packages.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n <button class=\"bg-brand-orange text-white px-8 py-4 rounded-full font-semibold hover:bg-orange-700 transition shadow-lg text-lg min-w-[160px] transform hover:-translate-y-1\">\r\n Book Now\r\n <\/button>\r\n <button class=\"bg-transparent border-2 border-white\/50 text-white px-8 py-4 rounded-full font-semibold hover:bg-white hover:text-gray-900 transition backdrop-blur-sm text-lg min-w-[160px]\">\r\n Call Now\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"absolute bottom-0 translate-y-1\/2 left-0 right-0 px-4 z-20\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"max-w-5xl mx-auto glass-search rounded-2xl p-4 flex flex-col md:flex-row gap-3 items-center shadow-2xl\">\r\n <div class=\"flex-1 w-full bg-white\/10 rounded-xl px-4 py-3 flex items-center border border-white\/10 group focus-within:bg-white\/20 transition\">\r\n <i class=\"fa-solid fa-location-dot text-brand-orange mr-3 text-lg\"><\/i>\r\n <input type=\"text\" placeholder=\"Where to?\" class=\"bg-transparent border-none outline-none text-white placeholder-gray-300 w-full text-base h-full\">\r\n <\/div>\r\n <div class=\"flex-1 w-full bg-white\/10 rounded-xl px-4 py-3 flex items-center border border-white\/10 group focus-within:bg-white\/20 transition\">\r\n <i class=\"fa-regular fa-calendar text-gray-300 mr-3 text-lg\"><\/i>\r\n <input type=\"text\" placeholder=\"Date\" onfocus=\"(this.type='date')\" class=\"bg-transparent border-none outline-none text-white placeholder-gray-300 w-full text-base h-full\">\r\n <\/div>\r\n <button class=\"w-full md:w-auto bg-brand-orange hover:bg-orange-700 text-white px-10 py-4 rounded-xl font-bold shadow-lg transition uppercase tracking-wide h-full\">\r\n Search\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <div class=\"fixed bottom-8 right-6 z-50 flex flex-col gap-4\">\r\n <a href=\"#\" class=\"fab-btn w-14 h-14 bg-green-500 rounded-full flex items-center justify-center text-white shadow-lg shadow-green-500\/30\">\r\n <i class=\"fa-brands fa-whatsapp text-3xl\"><\/i>\r\n <\/a>\r\n <a href=\"tel:+1234567890\" class=\"fab-btn w-14 h-14 bg-brand-orange rounded-full flex items-center justify-center text-white shadow-lg shadow-orange-500\/30\">\r\n <i class=\"fa-solid fa-phone text-2xl\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"bg-white pt-32 pb-16\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center\">\r\n <div data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"1500\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Happy Travelers<\/div>\r\n <\/div>\r\n <div data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"120\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Tours Completed<\/div>\r\n <\/div>\r\n <div data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"50\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Destinations<\/div>\r\n <\/div>\r\n <div data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"text-4xl font-bold text-brand-orange mb-2 font-serif counter\" data-target=\"24\">0<\/div>\r\n <div class=\"text-gray-500 text-sm font-medium uppercase tracking-wider\">Hours Support<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-16 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"text-center mb-12\" data-aos=\"fade-up\">\r\n <span class=\"text-brand-orange font-bold text-sm uppercase tracking-widest block mb-2\">Find Your Style<\/span>\r\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold text-gray-900\">Explore by Category<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n \r\n <div class=\"relative h-80 rounded-2xl overflow-hidden cursor-pointer cat-card shadow-lg group\" data-aos=\"fade-right\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.3&w=600&q=80\" class=\"w-full h-full object-cover transition duration-700\" alt=\"Beach\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-80\"><\/div>\r\n <div class=\"absolute bottom-6 left-6 text-white z-10\">\r\n <h3 class=\"text-2xl font-serif font-bold\">Beaches<\/h3>\r\n <p class=\"text-sm text-gray-300 opacity-0 group-hover:opacity-100 transition duration-300 transform translate-y-2 group-hover:translate-y-0\">Relax on golden sands<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"relative h-80 rounded-2xl overflow-hidden cursor-pointer cat-card shadow-lg group\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?ixlib=rb-4.0.3&w=600&q=80\" class=\"w-full h-full object-cover transition duration-700\" alt=\"Mountain\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-80\"><\/div>\r\n <div class=\"absolute bottom-6 left-6 text-white z-10\">\r\n <h3 class=\"text-2xl font-serif font-bold\">Mountains<\/h3>\r\n <p class=\"text-sm text-gray-300 opacity-0 group-hover:opacity-100 transition duration-300 transform translate-y-2 group-hover:translate-y-0\">Trekking & Adventures<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"relative h-80 rounded-2xl overflow-hidden cursor-pointer cat-card shadow-lg group\" data-aos=\"fade-left\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1477959858617-67f85cf4f1df?ixlib=rb-4.0.3&w=600&q=80\" class=\"w-full h-full object-cover transition duration-700\" alt=\"City\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-80\"><\/div>\r\n <div class=\"absolute bottom-6 left-6 text-white z-10\">\r\n <h3 class=\"text-2xl font-serif font-bold\">City Life<\/h3>\r\n <p class=\"text-sm text-gray-300 opacity-0 group-hover:opacity-100 transition duration-300 transform translate-y-2 group-hover:translate-y-0\">Urban exploration<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n <span class=\"text-brand-orange font-bold text-sm uppercase tracking-widest mb-2 block\">Featured Tours<\/span>\r\n <h2 class=\"font-serif text-4xl font-bold text-gray-900\">Most Popular Packages<\/h2>\r\n <div class=\"w-24 h-1 bg-brand-orange mx-auto mt-4 rounded-full\"><\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\" id=\"tours-container\">\r\n \r\n <\/div>\r\n <div class=\"text-center mt-12\">\r\n <button class=\"border-2 border-gray-900 text-gray-900 px-8 py-3 rounded-full font-semibold hover:bg-gray-900 hover:text-white transition duration-300\">View All Packages<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-brand-light relative overflow-hidden\">\r\n \r\n <i class=\"fa-solid fa-plane absolute top-10 left-10 text-brand-orange opacity-5 text-9xl transform rotate-45\"><\/i>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold text-gray-900\">3 Steps to Your Perfect Trip<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 relative\">\r\n \r\n <div class=\"hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gray-300 -z-10 border-t-2 border-dashed border-brand-orange\/30\"><\/div>\r\n\r\n \r\n <div class=\"text-center group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center shadow-lg mb-6 group-hover:scale-110 transition duration-300 border-2 border-white group-hover:border-brand-orange\">\r\n <i class=\"fa-solid fa-magnifying-glass-location text-3xl text-brand-orange\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">1. Choose Destination<\/h3>\r\n <p class=\"text-gray-600 text-sm px-8\">Browse our wide range of packages or customize your own itinerary.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center shadow-lg mb-6 group-hover:scale-110 transition duration-300 border-2 border-white group-hover:border-brand-orange\">\r\n <i class=\"fa-solid fa-file-signature text-3xl text-brand-orange\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">2. Book & Pay<\/h3>\r\n <p class=\"text-gray-600 text-sm px-8\">Secure your booking with our safe payment options and get instant confirmation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center group\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"w-24 h-24 mx-auto bg-white rounded-full flex items-center justify-center shadow-lg mb-6 group-hover:scale-110 transition duration-300 border-2 border-white group-hover:border-brand-orange\">\r\n <i class=\"fa-solid fa-suitcase-rolling text-3xl text-brand-orange\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">3. Travel & Enjoy<\/h3>\r\n <p class=\"text-gray-600 text-sm px-8\">Pack your bags and get ready for an unforgettable experience with us.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-gray-900 py-24 text-white relative overflow-hidden bg-fixed\" style=\"background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('https:\/\/images.unsplash.com\/photo-1469854523086-cc02fe5d8800?ixlib=rb-4.0.3'); background-size: cover; background-position: center;\">\r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-16 items-center\">\r\n <div data-aos=\"fade-right\">\r\n <span class=\"text-brand-orange font-bold tracking-wider uppercase mb-2 block\">Why Choose Us<\/span>\r\n <h2 class=\"font-serif text-4xl md:text-5xl font-bold mb-6 leading-tight text-white\">We Make Your Travel <br\/> Comfortable<\/h2>\r\n <p class=\"text-gray-300 text-lg leading-relaxed mb-8\">\r\n At Ashish Travels, we believe in providing more than just a trip. We provide an experience. From luxury hotels to off-beat paths, we cover it all.\r\n <\/p>\r\n \r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand-orange flex items-center justify-center text-white shadow-lg shadow-orange-500\/50\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/div>\r\n <span class=\"text-lg\">Best Price Guarantee<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand-orange flex items-center justify-center text-white shadow-lg shadow-orange-500\/50\">\r\n <i class=\"fa-solid fa-headset\"><\/i>\r\n <\/div>\r\n <span class=\"text-lg\">24\/7 Customer Support<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"relative\" data-aos=\"fade-left\">\r\n <div class=\"absolute -inset-4 bg-brand-orange\/20 rounded-2xl blur-lg\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530789253388-582c481c54b0?ixlib=rb-4.0.3&w=800&q=80\" alt=\"Travel\" class=\"rounded-2xl shadow-2xl border-4 border-white\/10 relative z-10 transform hover:scale-[1.02] transition duration-500\">\r\n <div class=\"absolute -bottom-6 -left-6 bg-white p-6 rounded-xl shadow-xl text-gray-900 hidden md:block z-20\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"text-4xl font-bold text-brand-orange\">10+<\/div>\r\n <div class=\"text-sm font-medium leading-tight\">Years of<br>Experience<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-white\">\r\n <div class=\"max-w-6xl mx-auto px-4\">\r\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n <h2 class=\"font-serif text-3xl md:text-4xl font-bold text-gray-900\">Happy Traveler Reviews<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl relative shadow-sm hover:shadow-xl transition duration-300\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <i class=\"fa-solid fa-quote-right absolute top-8 right-8 text-brand-orange\/10 text-6xl\"><\/i>\r\n <div class=\"flex text-brand-orange mb-4 text-xs\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"text-gray-600 mb-6 relative z-10\">\"Amazing experience with Ashish Travels! The Manali trip was perfectly organized. Hotels were clean and view was great.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" class=\"w-12 h-12 rounded-full\" alt=\"User\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-900 text-sm\">Rahul Sharma<\/h4>\r\n <span class=\"text-xs text-gray-500\">Travelled to Manali<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl relative shadow-sm hover:shadow-xl transition duration-300\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <i class=\"fa-solid fa-quote-right absolute top-8 right-8 text-brand-orange\/10 text-6xl\"><\/i>\r\n <div class=\"flex text-brand-orange mb-4 text-xs\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"text-gray-600 mb-6 relative z-10\">\"Best prices guaranteed indeed. I compared with many sites but got the best deal here for Dubai.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" class=\"w-12 h-12 rounded-full\" alt=\"User\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-900 text-sm\">Priya Patel<\/h4>\r\n <span class=\"text-xs text-gray-500\">Travelled to Dubai<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 p-8 rounded-2xl relative shadow-sm hover:shadow-xl transition duration-300\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <i class=\"fa-solid fa-quote-right absolute top-8 right-8 text-brand-orange\/10 text-6xl\"><\/i>\r\n <div class=\"flex text-brand-orange mb-4 text-xs\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star-half-stroke\"><\/i><\/div>\r\n <p class=\"text-gray-600 mb-6 relative z-10\">\"Very supportive staff. They helped us customize our Kerala honeymoon package exactly how we wanted.\"<\/p>\r\n <div class=\"flex items-center gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/86.jpg\" class=\"w-12 h-12 rounded-full\" alt=\"User\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-900 text-sm\">Amit Verma<\/h4>\r\n <span class=\"text-xs text-gray-500\">Travelled to Kerala<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Initialize AOS\r\n AOS.init({\r\n once: true,\r\n offset: 100,\r\n duration: 800,\r\n });\r\n\r\n \/\/ Initialize Counter with Intersection Observer (More Reliable)\r\n const counters = document.querySelectorAll('.counter');\r\n const speed = 200;\r\n\r\n const observerOptions = {\r\n threshold: 0.5\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const counter = entry.target;\r\n const target = +counter.getAttribute('data-target');\r\n \r\n const updateCount = () => {\r\n const count = +counter.innerText;\r\n const inc = target \/ speed;\r\n\r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + inc);\r\n setTimeout(updateCount, 20);\r\n } else {\r\n counter.innerText = target + (target > 100 ? '+' : '');\r\n }\r\n };\r\n \r\n updateCount();\r\n observer.unobserve(counter); \/\/ Stop observing after animation\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n counters.forEach(counter => {\r\n observer.observe(counter);\r\n });\r\n });\r\n\r\n \/\/ Tour Data\r\n const tours = [\r\n {\r\n id: 1,\r\n title: \"Manali & Solang Valley\",\r\n location: \"Himachal Pradesh\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1626621341517-bbf3d9990a23?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 12999,\r\n days: 5,\r\n rating: 4.9,\r\n reviews: 420,\r\n featured: true\r\n },\r\n {\r\n id: 2,\r\n title: \"Goa Beach Party\",\r\n location: \"Goa, India\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1512343879784-a960bf40e7f2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 8499,\r\n days: 4,\r\n rating: 4.7,\r\n reviews: 850,\r\n featured: false\r\n },\r\n {\r\n id: 3,\r\n title: \"Kerala Backwaters\",\r\n location: \"Kerala, India\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1602216056096-3b40cc0c9944?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 15499,\r\n days: 6,\r\n rating: 4.8,\r\n reviews: 230,\r\n featured: true\r\n },\r\n {\r\n id: 4,\r\n title: \"Dubai City Tour\",\r\n location: \"UAE\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1512453979798-5ea904ac66de?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 45000,\r\n days: 5,\r\n rating: 4.9,\r\n reviews: 156,\r\n featured: false\r\n },\r\n {\r\n id: 5,\r\n title: \"Jaipur Royal Palace\",\r\n location: \"Rajasthan\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1477587458883-47145ed94245?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 6999,\r\n days: 3,\r\n rating: 4.6,\r\n reviews: 310,\r\n featured: false\r\n },\r\n {\r\n id: 6,\r\n title: \"Maldives Honeymoon\",\r\n location: \"Maldives\",\r\n image: \"https:\/\/images.unsplash.com\/photo-1514282401047-d77a7149ba6f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\",\r\n price: 65000,\r\n days: 4,\r\n rating: 5.0,\r\n reviews: 89,\r\n featured: true\r\n }\r\n ];\r\n\r\n function getStars(rating) {\r\n let starsHtml = '';\r\n for (let i = 1; i <= 5; i++) {\r\n if (i <= Math.round(rating)) {\r\n starsHtml += '<i class=\"fa-solid fa-star text-brand-orange text-xs\"><\/i>';\r\n } else {\r\n starsHtml += '<i class=\"fa-regular fa-star text-gray-300 text-xs\"><\/i>';\r\n }\r\n }\r\n return starsHtml;\r\n }\r\n\r\n const container = document.getElementById('tours-container');\r\n \r\n tours.forEach((tour, index) => {\r\n const card = document.createElement('div');\r\n \/\/ Adding AOS delay based on index for staggered effect\r\n card.setAttribute('data-aos', 'fade-up');\r\n card.setAttribute('data-aos-delay', index * 100);\r\n \r\n card.className = 'bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-2xl transition duration-500 border border-gray-100 flex flex-col h-full group transform hover:-translate-y-2';\r\n \r\n card.innerHTML = `\r\n <div class=\"relative h-64 overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-black\/10 group-hover:bg-black\/0 transition z-10\"><\/div>\r\n <img decoding=\"async\" src=\"${tour.image}\" alt=\"${tour.title}\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\">\r\n <button class=\"absolute top-4 right-4 w-9 h-9 rounded-full bg-white\/90 backdrop-blur-sm flex items-center justify-center text-gray-400 hover:text-red-500 transition shadow-sm z-20 hover:scale-110\">\r\n <i class=\"fa-regular fa-heart\"><\/i>\r\n <\/button>\r\n ${tour.featured ? '<span class=\"absolute top-4 left-4 bg-brand-orange text-white text-xs font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wide z-20\">Best Seller<\/span>' : ''}\r\n <\/div>\r\n \r\n <div class=\"p-6 flex-1 flex flex-col\">\r\n <div class=\"flex items-center text-gray-500 text-xs font-semibold uppercase tracking-wider mb-2\">\r\n <i class=\"fa-solid fa-map-pin text-brand-orange mr-1.5\"><\/i>\r\n ${tour.location}\r\n <\/div>\r\n\r\n <h3 class=\"font-serif text-xl font-bold text-gray-900 mb-2 group-hover:text-brand-orange transition line-clamp-1\">${tour.title}<\/h3>\r\n \r\n <div class=\"flex items-center gap-2 mb-4\">\r\n <div class=\"flex gap-0.5\">\r\n ${getStars(tour.rating)}\r\n <\/div>\r\n <span class=\"text-xs text-gray-400\">(${tour.reviews} reviews)<\/span>\r\n <\/div>\r\n \r\n <div class=\"mt-auto flex items-center justify-between pt-4 border-t border-gray-50\">\r\n <div>\r\n <span class=\"text-xs text-gray-400 block\">From<\/span>\r\n <span class=\"text-xl font-bold text-brand-orange\">\u20b9${tour.price.toLocaleString('en-IN')}<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"px-5 py-2.5 bg-gray-900 text-white text-sm font-medium rounded hover:bg-brand-orange transition shadow-lg hover:shadow-orange-500\/30\">\r\n Details\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n container.appendChild(card);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Ashish Travels | Plan Your Perfect Trip Domestic & International Tours Plan Your Perfect Trip With Us Explore the world […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seowalley.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":16,"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/seowalley.com\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/seowalley.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}