{"id":7,"date":"2026-06-15T06:43:42","date_gmt":"2026-06-15T06:43:42","guid":{"rendered":"https:\/\/harweyn.com\/?page_id=7"},"modified":"2026-06-15T06:58:34","modified_gmt":"2026-06-15T06:58:34","slug":"tijaabo","status":"publish","type":"page","link":"https:\/\/harweyn.com\/?page_id=7","title":{"rendered":"Tijaabo"},"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\r\n\r\n\r\n\r\n\r\nTravel Bee \u2014 Discover Beautiful Places<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\" \/>\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --blue: #1A6FFF;\r\n --navy: #111827;\r\n --yellow: #F5C518;\r\n --bg: #F4F6FA;\r\n --white: #FFFFFF;\r\n --body: #4B5563;\r\n --light-blue-tint: #EEF4FF;\r\n --border: #E5E7EB;\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--body);\r\n background: var(--bg);\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n nav {\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n background: var(--white);\r\n border-bottom: 1px solid var(--border);\r\n padding: 0 24px;\r\n }\r\n .nav-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n height: 68px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n }\r\n .logo {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 22px;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n }\r\n .logo .t { color: var(--blue); }\r\n .logo .rest { color: var(--navy); }\r\n .nav-links {\r\n display: flex;\r\n gap: 32px;\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--body);\r\n padding-bottom: 4px;\r\n transition: color .2s;\r\n }\r\n .nav-links a.active,\r\n .nav-links a:hover { color: var(--navy); border-bottom: 2px solid var(--blue); }\r\n .btn-signup {\r\n background: var(--blue);\r\n color: #fff;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 10px 22px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background .2s, transform .15s;\r\n }\r\n .btn-signup:hover { background: #1259d4; transform: translateY(-1px); }\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n .hamburger span { display: block; width: 24px; height: 2px; background: var(--navy); border-radius: 2px; }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n background: var(--bg);\r\n padding: 90px 0 0;\r\n }\r\n .hero-inner {\r\n display: grid;\r\n grid-template-columns: 55% 45%;\r\n gap: 48px;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n .hero-label {\r\n font-size: 13px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: var(--blue);\r\n margin-bottom: 16px;\r\n }\r\n .hero h1 {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: clamp(36px, 5vw, 52px);\r\n font-weight: 800;\r\n line-height: 1.15;\r\n color: var(--navy);\r\n margin-bottom: 20px;\r\n }\r\n .hero h1 .blue { color: var(--blue); }\r\n .hero-sub {\r\n font-size: 16px;\r\n color: var(--body);\r\n max-width: 420px;\r\n margin-bottom: 36px;\r\n line-height: 1.7;\r\n }\r\n .hero-btns { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }\r\n .btn-primary {\r\n background: var(--blue);\r\n color: #fff;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 13px 28px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background .2s, transform .15s;\r\n }\r\n .btn-primary:hover { background: #1259d4; transform: translateY(-2px); }\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--blue);\r\n border: 2px solid var(--blue);\r\n border-radius: 8px;\r\n padding: 11px 28px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all .2s;\r\n }\r\n .btn-outline:hover { background: var(--blue); color: #fff; }\r\n .hero-arrow {\r\n position: relative;\r\n margin-top: 12px;\r\n }\r\n .hero-arrow svg { position: absolute; left: 100px; top: -10px; }\r\n\r\n \/* Mosaic *\/\r\n .hero-mosaic {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 200px 160px 180px;\r\n gap: 12px;\r\n max-width: 460px;\r\n margin-left: auto;\r\n }\r\n .mosaic-img {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n .mosaic-img img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n .mosaic-img:nth-child(1) { grid-column: 1; grid-row: 1 \/ 2; }\r\n .mosaic-img:nth-child(2) { grid-column: 2; grid-row: 1 \/ 3; border-radius: 50px 16px 16px 50px; }\r\n .mosaic-img:nth-child(3) { grid-column: 1; grid-row: 2; }\r\n .mosaic-img:nth-child(4) { grid-column: 1; grid-row: 3; border-radius: 16px 16px 50px 16px; }\r\n .mosaic-img:nth-child(5) { grid-column: 2; grid-row: 3; }\r\n\r\n .wifi-badge {\r\n position: absolute;\r\n top: -16px; right: -16px;\r\n background: var(--yellow);\r\n border-radius: 50%;\r\n width: 44px; height: 44px;\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.15);\r\n z-index: 2;\r\n }\r\n\r\n \/* \u2500\u2500 SEARCH BAR \u2500\u2500 *\/\r\n .search-panel {\r\n background: var(--white);\r\n border-radius: 16px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,.10);\r\n padding: 20px 28px;\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 48px auto 0;\r\n flex-wrap: wrap;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .search-field {\r\n flex: 1;\r\n min-width: 160px;\r\n }\r\n .search-field label {\r\n display: block;\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: var(--navy);\r\n margin-bottom: 6px;\r\n }\r\n .search-field select {\r\n width: 100%;\r\n border: none;\r\n font-size: 15px;\r\n font-family: inherit;\r\n color: var(--body);\r\n background: transparent;\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234B5563' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 4px center;\r\n padding-right: 20px;\r\n }\r\n .search-field select:focus { outline: none; }\r\n .search-divider { width: 1px; height: 40px; background: var(--border); flex-shrink: 0; }\r\n .btn-search {\r\n background: var(--blue);\r\n color: #fff;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 13px 28px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n white-space: nowrap;\r\n transition: background .2s, transform .15s;\r\n flex-shrink: 0;\r\n }\r\n .btn-search:hover { background: #1259d4; transform: translateY(-1px); }\r\n\r\n \/* \u2500\u2500 SECTION HEADER \u2500\u2500 *\/\r\n .section-label {\r\n font-size: 13px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: var(--blue);\r\n margin-bottom: 8px;\r\n }\r\n .section-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 6px;\r\n }\r\n .section-underline {\r\n width: 40px;\r\n height: 3px;\r\n background: var(--yellow);\r\n border-radius: 2px;\r\n margin-bottom: 12px;\r\n }\r\n .section-sub {\r\n font-size: 15px;\r\n color: var(--body);\r\n margin-bottom: 48px;\r\n max-width: 500px;\r\n }\r\n .section-header-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n }\r\n\r\n \/* \u2500\u2500 CATEGORIES \u2500\u2500 *\/\r\n .categories { padding: 90px 0; background: var(--white); }\r\n .category-row {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n padding-bottom: 4px;\r\n }\r\n .category-row::-webkit-scrollbar { display: none; }\r\n .category-item {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n }\r\n .category-oval {\r\n width: 110px;\r\n height: 154px;\r\n border-radius: 50% \/ 40%;\r\n overflow: hidden;\r\n transition: transform .25s;\r\n }\r\n .category-item:hover .category-oval { transform: translateY(-4px); }\r\n .category-oval img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n .category-name {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--navy);\r\n text-align: center;\r\n }\r\n\r\n \/* \u2500\u2500 DESTINATIONS \u2500\u2500 *\/\r\n .destinations { padding: 90px 0; background: var(--bg); }\r\n .carousel-controls { display: flex; gap: 10px; }\r\n .carousel-btn {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n border: 2px solid var(--border);\r\n background: var(--white);\r\n cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: all .2s;\r\n flex-shrink: 0;\r\n }\r\n .carousel-btn.next { background: var(--blue); border-color: var(--blue); }\r\n .carousel-btn svg { pointer-events: none; }\r\n .carousel-btn:hover:not(.next) { border-color: var(--blue); }\r\n .carousel-btn.next:hover { background: #1259d4; }\r\n .dest-carousel {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n padding-bottom: 8px;\r\n scroll-behavior: smooth;\r\n }\r\n .dest-carousel::-webkit-scrollbar { display: none; }\r\n .dest-card {\r\n flex-shrink: 0;\r\n width: 270px;\r\n background: var(--white);\r\n border-radius: 12px;\r\n box-shadow: 0 4px 16px rgba(0,0,0,.08);\r\n overflow: hidden;\r\n transition: transform .25s, box-shadow .25s;\r\n cursor: pointer;\r\n }\r\n .dest-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.12); }\r\n .dest-thumb { width: 100%; height: 180px; object-fit: cover; display: block; }\r\n .dest-info { padding: 16px; }\r\n .dest-name {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 4px;\r\n }\r\n .dest-meta { font-size: 13px; color: var(--body); margin-bottom: 12px; }\r\n .dest-meta span { margin-right: 12px; }\r\n .dest-footer { display: flex; justify-content: space-between; align-items: center; }\r\n .dest-price { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 17px; color: var(--navy); }\r\n .btn-book-outline {\r\n background: transparent;\r\n color: var(--blue);\r\n border: 2px solid var(--blue);\r\n border-radius: 8px;\r\n padding: 7px 16px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all .2s;\r\n }\r\n .btn-book-outline:hover, .dest-card.featured .btn-book-outline { background: var(--blue); color: #fff; }\r\n .btn-book-solid {\r\n background: var(--blue);\r\n color: #fff;\r\n border: 2px solid var(--blue);\r\n border-radius: 8px;\r\n padding: 7px 16px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all .2s;\r\n }\r\n .btn-book-solid:hover { background: #1259d4; }\r\n\r\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n .services { padding: 90px 0; background: var(--white); }\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n align-items: center;\r\n }\r\n .services-card {\r\n background: var(--light-blue-tint);\r\n border-radius: 20px;\r\n padding: 40px 36px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .service-item { margin-bottom: 36px; }\r\n .service-item:last-of-type { margin-bottom: 0; }\r\n .service-icon {\r\n width: 48px; height: 48px;\r\n background: var(--white);\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 14px;\r\n font-size: 22px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\r\n }\r\n .service-title {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 18px;\r\n color: var(--navy);\r\n margin-bottom: 6px;\r\n }\r\n .service-desc { font-size: 14px; color: var(--body); margin-bottom: 12px; line-height: 1.6; }\r\n .service-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--blue);\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: gap .2s;\r\n }\r\n .service-link:hover { gap: 12px; }\r\n .service-link .link-arrow {\r\n width: 26px; height: 26px;\r\n background: var(--blue);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .services-divider {\r\n border: none;\r\n border-top: 1px dashed #C7D9FF;\r\n margin: 36px 0;\r\n }\r\n .services-photo {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n height: 440px;\r\n }\r\n .services-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n \/* Yellow arrow between services *\/\r\n .yellow-arrow-svc { position: absolute; right: 28px; top: 50%; transform: translateY(-50%); opacity: .6; pointer-events: none; }\r\n\r\n \/* \u2500\u2500 REVIEWS \u2500\u2500 *\/\r\n .reviews { padding: 90px 0; background: var(--bg); }\r\n .reviews-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr;\r\n gap: 64px;\r\n align-items: center;\r\n }\r\n .reviewer-portrait-wrap {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .reviewer-portrait {\r\n width: 240px; height: 240px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 5px solid var(--white);\r\n box-shadow: 0 8px 32px rgba(0,0,0,.12);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .reviewer-portrait img { width: 100%; height: 100%; object-fit: cover; }\r\n .dot-cluster {\r\n position: absolute;\r\n top: -16px; right: 0;\r\n pointer-events: none;\r\n }\r\n .yellow-ring {\r\n position: absolute;\r\n bottom: -20px; left: -20px;\r\n width: 100px; height: 100px;\r\n border: 3px solid var(--yellow);\r\n border-radius: 50%;\r\n opacity: .6;\r\n }\r\n .review-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 40px 36px;\r\n box-shadow: 0 4px 16px rgba(0,0,0,.08);\r\n }\r\n .quote-icon {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 72px;\r\n font-weight: 800;\r\n line-height: .8;\r\n color: var(--blue);\r\n margin-bottom: 20px;\r\n opacity: .15;\r\n }\r\n .review-text {\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: var(--body);\r\n margin-bottom: 24px;\r\n font-style: italic;\r\n }\r\n .reviewer-name {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 16px;\r\n color: var(--navy);\r\n margin-bottom: 2px;\r\n }\r\n .reviewer-role { font-size: 13px; color: var(--body); margin-bottom: 12px; }\r\n .stars { color: var(--yellow); font-size: 18px; letter-spacing: 2px; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: var(--navy);\r\n padding: 60px 24px 0;\r\n }\r\n .footer-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n gap: 64px;\r\n flex-wrap: wrap;\r\n padding-bottom: 48px;\r\n border-bottom: 1px solid rgba(255,255,255,.08);\r\n }\r\n .footer-brand { flex: 1; min-width: 200px; }\r\n .footer-logo {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 22px;\r\n margin-bottom: 16px;\r\n display: inline-block;\r\n }\r\n .footer-logo .t { color: var(--blue); }\r\n .footer-logo .rest { color: #fff; }\r\n .footer-desc { font-size: 14px; color: rgba(255,255,255,.5); line-height: 1.7; max-width: 240px; }\r\n .footer-nav { flex: 2; min-width: 300px; display: flex; gap: 48px; flex-wrap: wrap; }\r\n .footer-nav-col h4 {\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: rgba(255,255,255,.4);\r\n margin-bottom: 16px;\r\n }\r\n .footer-nav-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n .footer-nav-col a {\r\n text-decoration: none;\r\n color: rgba(255,255,255,.7);\r\n font-size: 14px;\r\n transition: color .2s;\r\n }\r\n .footer-nav-col a:hover { color: var(--blue); }\r\n .footer-bottom {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px 0 28px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n .footer-copy { font-size: 13px; color: var(--blue); }\r\n .footer-legal { display: flex; gap: 20px; }\r\n .footer-legal a { font-size: 13px; color: rgba(255,255,255,.4); text-decoration: none; transition: color .2s; }\r\n .footer-legal a:hover { color: #fff; }\r\n .footer-socials { display: flex; gap: 10px; }\r\n .social-btn {\r\n width: 36px; height: 36px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.2);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n transition: all .2s;\r\n }\r\n .social-btn:hover { border-color: var(--blue); background: var(--blue); }\r\n .social-btn svg { pointer-events: none; }\r\n\r\n \/* \u2500\u2500 FADE IN \u2500\u2500 *\/\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity .6s ease, transform .6s ease;\r\n }\r\n .fade-in.visible { opacity: 1; transform: none; }\r\n\r\n \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n .nav-links.open {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n top: 68px; left: 0; right: 0;\r\n background: var(--white);\r\n padding: 20px 24px;\r\n border-bottom: 1px solid var(--border);\r\n gap: 16px;\r\n z-index: 200;\r\n }\r\n .hero-inner { grid-template-columns: 1fr; }\r\n .hero-mosaic { display: none; }\r\n .services-grid { grid-template-columns: 1fr; }\r\n .services-photo { height: 260px; }\r\n .reviews-grid { grid-template-columns: 1fr; }\r\n .reviewer-portrait-wrap { margin-bottom: 32px; }\r\n .footer-inner { gap: 32px; }\r\n .footer-bottom { flex-direction: column; align-items: flex-start; }\r\n .search-panel { padding: 16px; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .section-title { font-size: 26px; }\r\n .hero h1 { font-size: 32px; }\r\n .search-divider { display: none; }\r\n .search-field { width: 100%; }\r\n .btn-search { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\r\n<nav>\r\n <div class=\"nav-inner\">\r\n <a href=\"#\" class=\"logo\"><span class=\"t\">T<\/span><span class=\"rest\">ravel Bee<\/span><\/a>\r\n <ul class=\"nav-links\" id=\"nav-links\">\r\n <li><a href=\"#\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#destinations\">Packages<\/a><\/li>\r\n <li><a href=\"#reviews\">Community<\/a><\/li>\r\n <\/ul>\r\n <button class=\"btn-signup\">Sign up<\/button>\r\n <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleNav()\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n<section class=\"hero\" id=\"about\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-left fade-in\">\r\n <p class=\"hero-label\">\u2708 Best Travel Agency<\/p>\r\n <h1>Visit The Most <span class=\"blue\">Beautiful Places<\/span> In The World<\/h1>\r\n <p class=\"hero-sub\">Handpicked destinations, curated experiences, and unbeatable prices \u2014 all in one place. Your next adventure is a click away.<\/p>\r\n <div class=\"hero-btns\">\r\n <button class=\"btn-primary\">Explore Now<\/button>\r\n <button class=\"btn-outline\">Learn More<\/button>\r\n <\/div>\r\n <div class=\"hero-arrow\">\r\n <svg width=\"90\" height=\"50\" viewBox=\"0 0 90 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 45 C 20 5, 70 5, 82 20\" stroke=\"#F5C518\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M78 14 L 84 22 L 72 22\" stroke=\"#F5C518\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right fade-in\" style=\"transition-delay:.15s;position:relative;\">\r\n <div class=\"mosaic-img\" style=\"position:absolute;top:-16px;right:-16px;z-index:10;width:auto;height:auto;border-radius:0;overflow:visible;\">\r\n <div class=\"wifi-badge\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#111827\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n <path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/>\r\n <path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"#111827\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-mosaic\">\r\n <div class=\"mosaic-img\" style=\"background:linear-gradient(135deg,#2d6a4f,#52b788,#1a3a2a);\"><\/div>\r\n <div class=\"mosaic-img\" style=\"background:linear-gradient(135deg,#0077b6,#00b4d8,#90e0ef);\"><\/div>\r\n <div class=\"mosaic-img\" style=\"background:linear-gradient(135deg,#f4a261,#e76f51,#264653);\"><\/div>\r\n <div class=\"mosaic-img\" style=\"background:linear-gradient(135deg,#6c757d,#adb5bd,#495057);\"><\/div>\r\n <div class=\"mosaic-img\" style=\"background:linear-gradient(135deg,#1a6fff,#48cae4,#ffffff88);\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Search Panel -->\r\n <div class=\"container\">\r\n <div class=\"search-panel fade-in\" style=\"transition-delay:.3s;\">\r\n <div class=\"search-field\">\r\n <label>\ud83d\udccd Location<\/label>\r\n <select>\r\n <option>Select destination<\/option>\r\n <option>Santorini, Greece<\/option>\r\n <option>Swiss Alps, Switzerland<\/option>\r\n <option>Great Barrier Reef, Australia<\/option>\r\n <option>Venice, Italy<\/option>\r\n <option>Pyramids, Egypt<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"search-divider\"><\/div>\r\n <div class=\"search-field\">\r\n <label>\ud83d\udcc5 Date<\/label>\r\n <select>\r\n <option>Choose travel dates<\/option>\r\n <option>July 2025<\/option>\r\n <option>August 2025<\/option>\r\n <option>September 2025<\/option>\r\n <option>October 2025<\/option>\r\n <option>December 2025<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"search-divider\"><\/div>\r\n <div class=\"search-field\">\r\n <label>\ud83d\udc65 Guests<\/label>\r\n <select>\r\n <option>1 Guest<\/option>\r\n <option>2 Guests<\/option>\r\n <option>3 Guests<\/option>\r\n <option>4+ Guests<\/option>\r\n <\/select>\r\n <\/div>\r\n <button class=\"btn-search\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/>\r\n <\/svg>\r\n Search\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 CATEGORIES \u2500\u2500 -->\r\n<section class=\"categories fade-in\" id=\"categories\">\r\n <div class=\"container\">\r\n <p class=\"section-label\">Explore By Type<\/p>\r\n <h2 class=\"section-title\">Categories<\/h2>\r\n <div class=\"section-underline\"><\/div>\r\n <p class=\"section-sub\">From ancient wonders to modern escapes \u2014 find the journey that calls to you.<\/p>\r\n <div class=\"category-row\">\r\n <div class=\"category-item\">\r\n <div class=\"category-oval\" style=\"background:linear-gradient(160deg,#c9a84c,#8B6914,#3d2b05);display:flex;align-items:center;justify-content:center;font-size:40px;\">\ud83c\udfdb\ufe0f<\/div>\r\n <span class=\"category-name\">Pyramid<\/span>\r\n <\/div>\r\n <div class=\"category-item\">\r\n <div class=\"category-oval\" style=\"background:linear-gradient(160deg,#4a7c59,#2d5a3d,#8ab4a0);display:flex;align-items:center;justify-content:center;font-size:40px;\">\u26f0\ufe0f<\/div>\r\n <span class=\"category-name\">Mountain<\/span>\r\n <\/div>\r\n <div class=\"category-item\">\r\n <div class=\"category-oval\" style=\"background:linear-gradient(160deg,#1a6fff,#0d3b8a,#c9a84c);display:flex;align-items:center;justify-content:center;font-size:40px;\">\ud83d\udd4c<\/div>\r\n <span class=\"category-name\">The Mosque<\/span>\r\n <\/div>\r\n <div class=\"category-item\">\r\n <div class=\"category-oval\" style=\"background:linear-gradient(160deg,#f4a261,#e9c46a,#c07a3b);display:flex;align-items:center;justify-content:center;font-size:40px;\">\ud83c\udf35<\/div>\r\n <span class=\"category-name\">Desert<\/span>\r\n <\/div>\r\n <div class=\"category-item\">\r\n <div class=\"category-oval\" style=\"background:linear-gradient(160deg,#6c757d,#343a40,#adb5bd);display:flex;align-items:center;justify-content:center;font-size:40px;\">\ud83d\uddfc<\/div>\r\n <span class=\"category-name\">Tower<\/span>\r\n <\/div>\r\n <div class=\"category-item\">\r\n <div class=\"category-oval\" style=\"background:linear-gradient(160deg,#0096c7,#48cae4,#f4d58d);display:flex;align-items:center;justify-content:center;font-size:40px;\">\ud83c\udfd6\ufe0f<\/div>\r\n <span class=\"category-name\">Beach<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 DESTINATIONS \u2500\u2500 -->\r\n<section class=\"destinations fade-in\" id=\"destinations\">\r\n <div class=\"container\">\r\n <div class=\"section-header-row\">\r\n <div>\r\n <p class=\"section-label\">Top Picks<\/p>\r\n <h2 class=\"section-title\">Popular Destinations<\/h2>\r\n <div class=\"section-underline\"><\/div>\r\n <p class=\"section-sub\" style=\"margin-bottom:0;\">Traveler-approved spots with unforgettable experiences.<\/p>\r\n <\/div>\r\n <div class=\"carousel-controls\" style=\"margin-top:8px;\">\r\n <button class=\"carousel-btn prev\" onclick=\"scrollCarousel(-1)\" aria-label=\"Previous\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4B5563\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"carousel-btn next\" onclick=\"scrollCarousel(1)\" aria-label=\"Next\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-top:40px;\">\r\n <div class=\"dest-carousel\" id=\"dest-carousel\">\r\n <div class=\"dest-card featured\">\r\n <div class=\"dest-thumb\" style=\"background:linear-gradient(135deg,#0077b6,#00b4d8,#023e8a);display:flex;align-items:center;justify-content:center;font-size:52px;\">\ud83e\udeb8<\/div>\r\n <div class=\"dest-info\">\r\n <div class=\"dest-name\">Great Barrier Reef<\/div>\r\n <div class=\"dest-meta\"><span>\ud83d\uddfa 14 Places<\/span><span>\ud83c\udfaf 22 Activities<\/span><\/div>\r\n <div class=\"dest-footer\">\r\n <div class=\"dest-price\">$895.50<\/div>\r\n <button class=\"btn-book-solid\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dest-card\">\r\n <div class=\"dest-thumb\" style=\"background:linear-gradient(135deg,#e9ecef,#4a7c59,#ffffff);display:flex;align-items:center;justify-content:center;font-size:52px;\">\ud83c\udfd4\ufe0f<\/div>\r\n <div class=\"dest-info\">\r\n <div class=\"dest-name\">Swiss Alps<\/div>\r\n <div class=\"dest-meta\"><span>\ud83d\uddfa 9 Places<\/span><span>\ud83c\udfaf 18 Activities<\/span><\/div>\r\n <div class=\"dest-footer\">\r\n <div class=\"dest-price\">$769.99<\/div>\r\n <button class=\"btn-book-outline\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dest-card\">\r\n <div class=\"dest-thumb\" style=\"background:linear-gradient(135deg,#1a6fff,#e9c46a,#ffffff);display:flex;align-items:center;justify-content:center;font-size:52px;\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"dest-info\">\r\n <div class=\"dest-name\">Santorini<\/div>\r\n <div class=\"dest-meta\"><span>\ud83d\uddfa 6 Places<\/span><span>\ud83c\udfaf 12 Activities<\/span><\/div>\r\n <div class=\"dest-footer\">\r\n <div class=\"dest-price\">$39.80<\/div>\r\n <button class=\"btn-book-outline\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dest-card\">\r\n <div class=\"dest-thumb\" style=\"background:linear-gradient(135deg,#457b9d,#1d3557,#a8dadc);display:flex;align-items:center;justify-content:center;font-size:52px;\">\ud83d\udef6<\/div>\r\n <div class=\"dest-info\">\r\n <div class=\"dest-name\">Venice<\/div>\r\n <div class=\"dest-meta\"><span>\ud83d\uddfa 11 Places<\/span><span>\ud83c\udfaf 16 Activities<\/span><\/div>\r\n <div class=\"dest-footer\">\r\n <div class=\"dest-price\">$939.00<\/div>\r\n <button class=\"btn-book-outline\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dest-card\" style=\"opacity:.6;\">\r\n <div class=\"dest-thumb\" style=\"background:linear-gradient(135deg,#c9a84c,#8B6914,#f4e4bc);display:flex;align-items:center;justify-content:center;font-size:52px;\">\ud83c\udffa<\/div>\r\n <div class=\"dest-info\">\r\n <div class=\"dest-name\">Giza Pyramids<\/div>\r\n <div class=\"dest-meta\"><span>\ud83d\uddfa 5 Places<\/span><span>\ud83c\udfaf 10 Activities<\/span><\/div>\r\n <div class=\"dest-footer\">\r\n <div class=\"dest-price\">$549.00<\/div>\r\n <button class=\"btn-book-outline\">Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 SERVICES \u2500\u2500 -->\r\n<section class=\"services fade-in\" id=\"services\">\r\n <div class=\"container\">\r\n <p class=\"section-label\">What We Offer<\/p>\r\n <h2 class=\"section-title\">Travel Made Easy<\/h2>\r\n <div class=\"section-underline\"><\/div>\r\n <p class=\"section-sub\">Everything you need for a stress-free journey \u2014 from wheels to walls.<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"services-card\">\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\ud83d\ude97<\/div>\r\n <div class=\"service-title\">Book Car<\/div>\r\n <p class=\"service-desc\">Reliable rides at every destination. Choose from economy compacts to luxury SUVs \u2014 pickup from airport or hotel.<\/p>\r\n <a href=\"#\" class=\"service-link\">\r\n Explore more\r\n <span class=\"link-arrow\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n <hr class=\"services-divider\" \/>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\ud83c\udfe8<\/div>\r\n <div class=\"service-title\">Book Hotel<\/div>\r\n <p class=\"service-desc\">Handpicked stays from boutique guesthouses to five-star resorts. Best-price guarantee included.<\/p>\r\n <a href=\"#\" class=\"service-link\">\r\n Explore more\r\n <span class=\"link-arrow\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n <!-- Yellow arrow accent -->\r\n <svg class=\"yellow-arrow-svc\" width=\"50\" height=\"90\" viewBox=\"0 0 50 90\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M 25 5 C 45 30, 5 60, 25 85\" stroke=\"#F5C518\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"5 4\"\/>\r\n <path d=\"M 20 80 L 27 87 L 30 78\" stroke=\"#F5C518\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"services-photo\" style=\"background:linear-gradient(135deg,#e9c46a,#f4a261,#264653);display:flex;align-items:center;justify-content:center;font-size:80px;\">\u2615<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 REVIEWS \u2500\u2500 -->\r\n<section class=\"reviews fade-in\" id=\"reviews\">\r\n <div class=\"container\">\r\n <div class=\"section-header-row\">\r\n <div>\r\n <p class=\"section-label\">Testimonials<\/p>\r\n <h2 class=\"section-title\">Client Reviews<\/h2>\r\n <div class=\"section-underline\"><\/div>\r\n <p class=\"section-sub\" style=\"margin-bottom:0;\">Real stories from travelers who made memories with us.<\/p>\r\n <\/div>\r\n <div class=\"carousel-controls\" style=\"margin-top:8px;\">\r\n <button class=\"carousel-btn prev\" aria-label=\"Previous review\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4B5563\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"carousel-btn next\" aria-label=\"Next review\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reviews-grid\" style=\"margin-top:48px;\">\r\n <div class=\"reviewer-portrait-wrap\">\r\n <div class=\"reviewer-portrait\" style=\"background:linear-gradient(135deg,#457b9d,#1d3557);display:flex;align-items:center;justify-content:center;font-size:72px;\">\ud83e\uddf3<\/div>\r\n <svg class=\"dot-cluster\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\">\r\n <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"#1A6FFF\" opacity=\".25\"\/>\r\n <circle cx=\"30\" cy=\"8\" r=\"3\" fill=\"#1A6FFF\" opacity=\".4\"\/>\r\n <circle cx=\"50\" cy=\"14\" r=\"5\" fill=\"#1A6FFF\" opacity=\".2\"\/>\r\n <circle cx=\"18\" cy=\"30\" r=\"3\" fill=\"#1A6FFF\" opacity=\".35\"\/>\r\n <circle cx=\"40\" cy=\"28\" r=\"4\" fill=\"#1A6FFF\" opacity=\".3\"\/>\r\n <circle cx=\"62\" cy=\"6\" r=\"3\" fill=\"#1A6FFF\" opacity=\".2\"\/>\r\n <circle cx=\"70\" cy=\"30\" r=\"4\" fill=\"#1A6FFF\" opacity=\".15\"\/>\r\n <\/svg>\r\n <div class=\"yellow-ring\"><\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"quote-icon\">\"<\/div>\r\n <p class=\"review-text\">Travel Bee completely changed how I plan my holidays. From the moment I searched for destinations to the second I landed back home, every detail was taken care of. I found a hidden gem in Santorini that I would have never discovered on my own.<\/p>\r\n <div class=\"reviewer-name\">Sarah Mitchell<\/div>\r\n <div class=\"reviewer-role\">Adventure Traveler \u00b7 New York, USA<\/div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 FOOTER \u2500\u2500 -->\r\n<footer>\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-brand\">\r\n <div class=\"footer-logo\"><span class=\"t\">T<\/span><span class=\"rest\">ravel Bee<\/span><\/div>\r\n <p class=\"footer-desc\">Making the world smaller, one trip at a time. Explore, discover, and create unforgettable memories.<\/p>\r\n <\/div>\r\n <div class=\"footer-nav\">\r\n <div class=\"footer-nav-col\">\r\n <h4>Company<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Products<\/a><\/li>\r\n <li><a href=\"#\">FAQ<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-nav-col\">\r\n <h4>Destinations<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Europe<\/a><\/li>\r\n <li><a href=\"#\">Asia Pacific<\/a><\/li>\r\n <li><a href=\"#\">Middle East<\/a><\/li>\r\n <li><a href=\"#\">Americas<\/a><\/li>\r\n <li><a href=\"#\">Africa<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\" style=\"max-width:1200px;margin:0 auto;padding:20px 0 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;\">\r\n <span class=\"footer-copy\">\u00a9 2022 Lynch Consulting Ltd.<\/span>\r\n <div class=\"footer-legal\">\r\n <a href=\"#\">Imprint<\/a>\r\n <a href=\"#\">Privacy<\/a>\r\n <\/div>\r\n <div class=\"footer-socials\">\r\n <div class=\"social-btn\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"social-btn\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/>\r\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"social-btn\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/>\r\n <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Fade-in on scroll\r\n const faders = document.querySelectorAll('.fade-in');\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\r\n }, { threshold: 0.1 });\r\n faders.forEach(f => obs.observe(f));\r\n\r\n \/\/ Carousel\r\n function scrollCarousel(dir) {\r\n const c = document.getElementById('dest-carousel');\r\n c.scrollBy({ left: dir * 290, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Mobile nav\r\n function toggleNav() {\r\n document.getElementById('nav-links').classList.toggle('open');\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Travel Bee \u2014 Discover Beautiful Places Travel Bee Home About Packages Community Sign up \u2708 Best Travel Agency Visit The Most Beautiful Places In The World Handpicked destinations, curated experiences, and unbeatable prices \u2014 all in one place. Your next adventure is a click away. Explore Now Learn More \ud83d\udccd Location Select destinationSantorini, GreeceSwiss Alps,…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/harweyn.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harweyn.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harweyn.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harweyn.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harweyn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/harweyn.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/harweyn.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/harweyn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}