{"id":702,"date":"2026-06-09T05:07:47","date_gmt":"2026-06-09T05:07:47","guid":{"rendered":"https:\/\/manishbhatta.com.np\/?page_id=702"},"modified":"2026-06-09T05:40:19","modified_gmt":"2026-06-09T05:40:19","slug":"702-2","status":"publish","type":"page","link":"https:\/\/manishbhatta.com.np\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Manish Bhatta \u2014 Travel &amp; Finance Professional<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&amp;family=Plus+Jakarta+Sans:wght@300;400;500;600&amp;display=swap\" rel=\"stylesheet\">\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        colors: {\n          navy: '#00008b',\n          crimson: '#ed183b',\n          navyLight: '#0000b8',\n          navyDark: '#000070',\n        },\n        fontFamily: {\n          sora: ['Sora', 'sans-serif'],\n          jakarta: ['Plus Jakarta Sans', 'sans-serif'],\n        }\n      }\n    }\n  }\n<\/script>\n<style>\n  :root {\n    --navy: #00008b;\n    --crimson: #ed183b;\n  }\n  html { scroll-behavior: smooth; }\n  body { font-family: 'Plus Jakarta Sans', sans-serif; background: #f8f9ff; }\n\n  \/* --- Cursor glow --- *\/\n  .cursor-glow {\n    pointer-events: none;\n    position: fixed;\n    width: 400px; height: 400px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0,0,139,0.07) 0%, transparent 70%);\n    transform: translate(-50%, -50%);\n    transition: left 0.08s ease, top 0.08s ease;\n    z-index: 0;\n  }\n\n  \/* --- Scroll reveal --- *\/\n  .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n  .reveal-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .reveal-left.visible { opacity: 1; transform: translateX(0); }\n  .reveal-right { opacity: 0; transform: translateX(40px); transition: opacity 0.7s ease, transform 0.7s ease; }\n  .reveal-right.visible { opacity: 1; transform: translateX(0); }\n\n  \/* --- Navbar glass --- *\/\n  .navbar {\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    background: rgba(0,0,139,0.92);\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n  }\n\n  \/* --- Hero --- *\/\n  .hero-bg {\n    background: linear-gradient(135deg, #00008b 0%, #000060 40%, #1a0030 100%);\n    position: relative;\n    overflow: hidden;\n  }\n  .hero-bg::before {\n    content: '';\n    position: absolute; inset: 0;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  }\n  .hero-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px);\n    animation: float 8s ease-in-out infinite;\n  }\n  @keyframes float {\n    0%,100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-20px) scale(1.05); }\n  }\n  @keyframes floatReverse {\n    0%,100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(20px) scale(0.95); }\n  }\n  .float-anim { animation: float 6s ease-in-out infinite; }\n  .float-anim-2 { animation: floatReverse 7s ease-in-out infinite; }\n\n  \/* Photo ring *\/\n  .photo-ring {\n    position: relative;\n    display: inline-block;\n  }\n  .photo-ring::before {\n    content: '';\n    position: absolute;\n    inset: -6px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #ed183b, #ff6b6b, #00008b, #ed183b);\n    background-size: 300% 300%;\n    animation: ringRotate 4s linear infinite;\n    z-index: 0;\n  }\n  @keyframes ringRotate {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n  .photo-ring img {\n    position: relative;\n    z-index: 1;\n    border: 4px solid #fff;\n  }\n\n  \/* --- Stat chips --- *\/\n  .stat-chip {\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.2);\n    transition: transform 0.2s, background 0.2s;\n  }\n  .stat-chip:hover {\n    transform: translateY(-3px);\n    background: rgba(255,255,255,0.18);\n  }\n\n  \/* --- Section label --- *\/\n  .section-label {\n    font-family: 'Sora', sans-serif;\n    font-size: 0.7rem;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--crimson);\n    font-weight: 600;\n  }\n  .section-title {\n    font-family: 'Sora', sans-serif;\n    font-weight: 800;\n    color: var(--navy);\n    line-height: 1.15;\n  }\n\n  \/* --- About card --- *\/\n  .about-blob {\n    background: linear-gradient(135deg, var(--navy) 0%, #1a0060 100%);\n    border-radius: 24px;\n    position: relative;\n    overflow: hidden;\n  }\n  .about-blob::after {\n    content: '';\n    position: absolute;\n    width: 300px; height: 300px;\n    background: rgba(237,24,59,0.15);\n    border-radius: 50%;\n    bottom: -80px; right: -80px;\n    filter: blur(60px);\n  }\n\n  \/* --- Service cards --- *\/\n  .service-card {\n    background: #fff;\n    border: 1.5px solid rgba(0,0,139,0.08);\n    border-radius: 20px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  .service-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, var(--navy), #1a0060);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n    border-radius: 18px;\n    z-index: 0;\n  }\n  .service-card:hover::before { opacity: 1; }\n  .service-card:hover { transform: translateY(-8px); box-shadow: 0 24px 50px rgba(0,0,139,0.22); border-color: transparent; }\n  .service-card > * { position: relative; z-index: 1; }\n  .service-card .icon-wrap {\n    width: 64px; height: 64px;\n    background: linear-gradient(135deg, rgba(0,0,139,0.1), rgba(237,24,59,0.08));\n    border-radius: 16px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem;\n    color: var(--navy);\n    transition: background 0.35s, color 0.35s;\n  }\n  .service-card:hover .icon-wrap {\n    background: rgba(255,255,255,0.15);\n    color: #fff;\n  }\n  .service-card .card-title { color: var(--navy); transition: color 0.35s; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 1.1rem; }\n  .service-card:hover .card-title { color: #fff; }\n  .service-card .card-desc { color: #64748b; transition: color 0.35s; font-size: 0.9rem; line-height: 1.6; }\n  .service-card:hover .card-desc { color: rgba(255,255,255,0.8); }\n  .service-card .card-tag {\n    display: inline-flex; align-items: center; gap: 4px;\n    background: rgba(0,0,139,0.07); color: var(--navy);\n    border-radius: 999px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600;\n    transition: background 0.35s, color 0.35s;\n  }\n  .service-card:hover .card-tag { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.9); }\n\n  \/* --- Contact form --- *\/\n  .form-input {\n    width: 100%;\n    background: rgba(255,255,255,0.06);\n    border: 1.5px solid rgba(255,255,255,0.15);\n    border-radius: 12px;\n    padding: 14px 18px;\n    color: #fff;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 0.9rem;\n    transition: border-color 0.2s, background 0.2s;\n    outline: none;\n  }\n  .form-input::placeholder { color: rgba(255,255,255,0.4); }\n  .form-input:focus { border-color: var(--crimson); background: rgba(255,255,255,0.1); }\n\n  \/* --- Timeline dot --- *\/\n  .timeline-item { position: relative; padding-left: 2rem; }\n  .timeline-item::before {\n    content: '';\n    position: absolute; left: 0; top: 8px;\n    width: 12px; height: 12px;\n    background: var(--crimson);\n    border-radius: 50%;\n    box-shadow: 0 0 0 3px rgba(237,24,59,0.2);\n  }\n  .timeline-item::after {\n    content: '';\n    position: absolute; left: 5px; top: 20px;\n    width: 2px; height: calc(100% + 8px);\n    background: rgba(237,24,59,0.15);\n  }\n  .timeline-item:last-child::after { display: none; }\n\n  \/* --- Footer --- *\/\n  .footer-bg {\n    background: linear-gradient(135deg, #000060 0%, #00008b 50%, #1a0030 100%);\n  }\n\n  \/* --- Nav link --- *\/\n  .nav-link {\n    position: relative;\n    color: rgba(255,255,255,0.75);\n    font-size: 0.875rem;\n    font-weight: 500;\n    letter-spacing: 0.03em;\n    transition: color 0.2s;\n    padding: 4px 0;\n  }\n  .nav-link::after {\n    content: '';\n    position: absolute; bottom: -2px; left: 0;\n    width: 0; height: 2px;\n    background: var(--crimson);\n    transition: width 0.3s ease;\n    border-radius: 1px;\n  }\n  .nav-link:hover { color: #fff; }\n  .nav-link:hover::after { width: 100%; }\n\n  \/* CTA button *\/\n  .btn-primary {\n    background: var(--crimson);\n    color: #fff;\n    font-family: 'Sora', sans-serif;\n    font-weight: 600;\n    border-radius: 999px;\n    padding: 14px 32px;\n    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n    display: inline-flex; align-items: center; gap: 8px;\n    position: relative; overflow: hidden;\n  }\n  .btn-primary::before {\n    content: '';\n    position: absolute; inset: 0;\n    background: rgba(255,255,255,0.15);\n    opacity: 0;\n    transition: opacity 0.2s;\n  }\n  .btn-primary:hover::before { opacity: 1; }\n  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(237,24,59,0.4); }\n  .btn-primary:active { transform: translateY(0); }\n\n  .btn-outline {\n    border: 2px solid rgba(255,255,255,0.4);\n    color: #fff;\n    font-family: 'Sora', sans-serif;\n    font-weight: 600;\n    border-radius: 999px;\n    padding: 13px 32px;\n    transition: all 0.2s;\n    display: inline-flex; align-items: center; gap: 8px;\n  }\n  .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.1); transform: translateY(-2px); }\n\n  \/* Scroll indicator *\/\n  @keyframes bounce {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(8px); }\n  }\n  .scroll-bounce { animation: bounce 1.8s ease-in-out infinite; }\n\n  \/* Contact info card *\/\n  .contact-card {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 16px;\n    transition: background 0.2s, transform 0.2s;\n  }\n  .contact-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-2px); }\n\n  \/* Mobile menu *\/\n  #mobile-menu { transition: max-height 0.3s ease, opacity 0.3s ease; }\n\n  \/* Type animation *\/\n  .typed-cursor { animation: blink 1s step-end infinite; }\n  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }\n\n  \/* Number counter *\/\n  .counter-num { font-family: 'Sora', sans-serif; font-weight: 800; }\n<\/style>\n\n\n\n<!-- Cursor glow -->\n<div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\n\n<!-- ========== NAVBAR ========== -->\n<header class=\"navbar fixed top-0 left-0 right-0 z-50\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"flex items-center justify-between h-16\">\n      <!-- Logo -->\n      <a href=\"#home\" class=\"flex items-center gap-3 group\">\n        <div class=\"w-9 h-9 rounded-xl flex items-center justify-center text-white font-bold text-lg\" style=\"background: var(--crimson);\">M<\/div>\n        <span class=\"font-sora font-700 text-white text-lg tracking-tight\" style=\"font-family:'Sora',sans-serif; font-weight:700;\">Manish Bhatta<\/span>\n      <\/a>\n\n      <!-- Desktop nav -->\n      <nav class=\"hidden md:flex items-center gap-8\">\n        <a href=\"#home\" class=\"nav-link\">Home<\/a>\n        <a href=\"#about\" class=\"nav-link\">About<\/a>\n        <a href=\"#services\" class=\"nav-link\">Services<\/a>\n        <a href=\"#contact\" class=\"nav-link\">Contact<\/a>\n      <\/nav>\n\n      <!-- CTA + Hamburger -->\n      <div class=\"flex items-center gap-3\">\n        <a href=\"#contact\" class=\"hidden sm:flex items-center gap-2 btn-primary text-sm py-2.5 px-5\">\n          <i class=\"fa-solid fa-paper-plane\"><\/i> Hire Me\n        <\/a>\n        <button id=\"hamburger\" class=\"md:hidden text-white p-2 rounded-lg hover:bg-white\/10 transition\" aria-label=\"Toggle menu\">\n          <i class=\"fa-solid fa-bars text-xl\" id=\"ham-icon\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Mobile menu -->\n    <div id=\"mobile-menu\" class=\"md:hidden overflow-hidden max-h-0 opacity-0\">\n      <div class=\"py-4 space-y-1 border-t border-white\/10\">\n        <a href=\"#home\" class=\"block px-4 py-2.5 text-white\/80 hover:text-white hover:bg-white\/10 rounded-lg transition text-sm font-medium mobile-link\">Home<\/a>\n        <a href=\"#about\" class=\"block px-4 py-2.5 text-white\/80 hover:text-white hover:bg-white\/10 rounded-lg transition text-sm font-medium mobile-link\">About<\/a>\n        <a href=\"#services\" class=\"block px-4 py-2.5 text-white\/80 hover:text-white hover:bg-white\/10 rounded-lg transition text-sm font-medium mobile-link\">Services<\/a>\n        <a href=\"#contact\" class=\"block px-4 py-2.5 text-white\/80 hover:text-white hover:bg-white\/10 rounded-lg transition text-sm font-medium mobile-link\">Contact<\/a>\n        <div class=\"px-4 pt-2\">\n          <a href=\"#contact\" class=\"btn-primary text-sm py-2.5 px-5 w-full justify-center\">\n            <i class=\"fa-solid fa-paper-plane\"><\/i> Hire Me\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ========== HERO ========== -->\n<section id=\"home\" class=\"hero-bg min-h-screen flex items-center pt-16 relative\">\n  <!-- Orbs -->\n  <div class=\"hero-orb float-anim\" style=\"width:400px;height:400px;background:rgba(237,24,59,0.18);top:-100px;right:-100px;\"><\/div>\n  <div class=\"hero-orb float-anim-2\" style=\"width:300px;height:300px;background:rgba(255,255,255,0.04);bottom:50px;left:-80px;\"><\/div>\n  <div class=\"hero-orb float-anim\" style=\"width:200px;height:200px;background:rgba(100,50,200,0.2);top:30%;right:25%;animation-delay:2s;\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full py-16 lg:py-24 relative z-10\">\n    <div class=\"flex flex-col lg:flex-row items-center gap-12 lg:gap-20\">\n\n      <!-- Text side -->\n      <div class=\"flex-1 text-center lg:text-left order-2 lg:order-1\">\n        <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full mb-6 stat-chip reveal\">\n          <span class=\"w-2 h-2 rounded-full bg-green-400 animate-pulse inline-block\"><\/span>\n          <span class=\"text-white\/80 text-xs font-medium tracking-wider uppercase\">Available for Projects<\/span>\n        <\/div>\n\n        <h1 class=\"font-sora text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight mb-4 reveal\" style=\"animation-delay:0.1s\">\n          Hi, I&#8217;m<br>\n          <span class=\"relative inline-block\">\n            Manish\n            <span class=\"absolute -bottom-1 left-0 right-0 h-1.5 rounded-full\" style=\"background: var(--crimson); opacity:0.8;\"><\/span>\n          <\/span>\n          <span class=\"block text-white\/90 mt-1\">Bhatta<\/span>\n        <\/h1>\n\n        <p class=\"text-white\/60 text-sm font-semibold tracking-widest uppercase mb-3 reveal\" style=\"animation-delay:0.2s\">\n          <i class=\"fa-solid fa-location-dot\" style=\"color:var(--crimson);\"><\/i> Hattisar Road, Kathmandu\n        <\/p>\n\n        <p class=\"text-white\/80 text-lg lg:text-xl font-light max-w-lg mx-auto lg:mx-0 mb-8 leading-relaxed reveal\" style=\"animation-delay:0.3s\">\n          I help businesses grow through smart travel solutions, financial strategy, and seamless hospitality experiences.\n        <\/p>\n\n        <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start mb-12 reveal\" style=\"animation-delay:0.4s\">\n          <a href=\"#contact\" class=\"btn-primary text-base px-8 py-4\">\n            <i class=\"fa-solid fa-rocket\"><\/i> Let&#8217;s Work Together\n          <\/a>\n          <a href=\"#about\" class=\"btn-outline text-base px-8 py-4\">\n            <i class=\"fa-solid fa-user\"><\/i> About Me\n          <\/a>\n        <\/div>\n\n        <!-- Stats -->\n        <div class=\"flex flex-wrap gap-4 justify-center lg:justify-start reveal\" style=\"animation-delay:0.5s\">\n          <div class=\"stat-chip rounded-2xl px-5 py-3 text-center min-w-[100px]\">\n            <div class=\"counter-num text-white text-2xl\" data-target=\"5\">0<\/div>\n            <div class=\"text-white\/50 text-xs mt-0.5\">Years Exp.<\/div>\n          <\/div>\n          <div class=\"stat-chip rounded-2xl px-5 py-3 text-center min-w-[100px]\">\n            <div class=\"counter-num text-white text-2xl\" data-target=\"200\">0<\/div>\n            <div class=\"text-white\/50 text-xs mt-0.5\">Clients Served<\/div>\n          <\/div>\n          <div class=\"stat-chip rounded-2xl px-5 py-3 text-center min-w-[100px]\">\n            <div class=\"counter-num text-white text-2xl\" data-target=\"50\">0<\/div>\n            <div class=\"text-white\/50 text-xs mt-0.5\">Countries<\/div>\n          <\/div>\n          <div class=\"stat-chip rounded-2xl px-5 py-3 text-center min-w-[100px]\">\n            <div class=\"counter-num text-white text-2xl\" data-target=\"98\">0<\/div>\n            <div class=\"text-white\/50 text-xs mt-0.5\">% Satisfaction<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Photo side -->\n      <div class=\"flex-shrink-0 order-1 lg:order-2 reveal-right\">\n        <div class=\"relative\">\n          <!-- Decorative ring behind -->\n          <div class=\"absolute inset-0 rounded-full opacity-20 float-anim\" style=\"background: conic-gradient(from 0deg, var(--navy), var(--crimson), var(--navy)); filter: blur(30px); transform: scale(1.3);\"><\/div>\n          <div class=\"photo-ring\">\n            <img decoding=\"async\" src=\"https:\/\/manishbhatta.com.np\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-09-at-11.21.31.jpeg\" alt=\"Manish Bhatta\" class=\"w-56 h-56 sm:w-72 sm:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 rounded-full object-cover\" id=\"heroPhoto\" onerror=\"this.onerror=null; this.src='data:image\/svg+xml;utf8,&lt;svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22&gt;&lt;rect width=%22320%22 height=%22320%22 fill=%22%2300008b%22\/&gt;&lt;circle cx=%22160%22 cy=%22120%22 r=%2260%22 fill=%22%23c58c61%22\/&gt;&lt;ellipse cx=%22160%22 cy=%22280%22 rx=%2290%22 ry=%2260%22 fill=%22%23c58c61%22\/&gt;&lt;text x=%22160%22 y=%22168%22 text-anchor=%22middle%22 fill=%22white%22 font-size=%2224%22 font-family=%22sans-serif%22 font-weight=%22bold%22&gt;MB&lt;\/text&gt;&lt;\/svg&gt;'\">\n          <\/div>\n          <!-- Floating badges -->\n          <div class=\"absolute -bottom-4 -left-4 stat-chip rounded-2xl px-4 py-2.5 float-anim-2 hidden sm:block\">\n            <div class=\"flex items-center gap-2\">\n              <div class=\"w-8 h-8 rounded-full flex items-center justify-center text-white text-sm\" style=\"background:var(--crimson);\"><i class=\"fa-solid fa-plane\"><\/i><\/div>\n              <div>\n                <div class=\"text-white text-xs font-bold\">Flight Expert<\/div>\n                <div class=\"text-white\/50 text-xs\">Since 2019<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"absolute -top-2 -right-4 stat-chip rounded-2xl px-4 py-2.5 float-anim hidden sm:block\">\n            <div class=\"flex items-center gap-2\">\n              <div class=\"w-8 h-8 rounded-full flex items-center justify-center text-white text-sm\" style=\"background:#1a0060;\"><i class=\"fa-solid fa-star text-yellow-400\"><\/i><\/div>\n              <div>\n                <div class=\"text-white text-xs font-bold\">Top Rated<\/div>\n                <div class=\"text-white\/50 text-xs\">5.0 \u2605\u2605\u2605\u2605\u2605<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Scroll indicator -->\n    <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-2 text-white\/30 scroll-bounce\">\n      <span class=\"text-xs tracking-widest uppercase\">Scroll<\/span>\n      <i class=\"fa-solid fa-chevron-down text-sm\"><\/i>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== ABOUT ========== -->\n<section id=\"about\" class=\"py-24 lg:py-32 bg-white relative overflow-hidden\">\n  <div class=\"absolute top-0 right-0 w-96 h-96 rounded-full opacity-5 -translate-y-1\/2 translate-x-1\/4\" style=\"background:var(--navy);\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"flex flex-col lg:flex-row gap-16 lg:gap-24 items-center\">\n\n      <!-- Left: decorative card -->\n      <div class=\"flex-shrink-0 w-full max-w-sm mx-auto lg:mx-0 reveal-left\">\n        <div class=\"about-blob p-8 text-white relative\">\n          <div class=\"flex items-center gap-4 mb-6\">\n            <div class=\"w-16 h-16 rounded-2xl overflow-hidden border-2 border-white\/20\">\n              <img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/8.x\/personas\/svg?seed=ManishBhatta&amp;backgroundColor=00008b\" alt=\"Manish Bhatta\" class=\"w-full h-full object-cover\" onerror=\"this.onerror=null; this.src='data:image\/svg+xml;utf8,&lt;svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22&gt;&lt;rect width=%2264%22 height=%2264%22 fill=%22%23000060%22\/&gt;&lt;text x=%2232%22 y=%2242%22 text-anchor=%22middle%22 fill=%22white%22 font-size=%2224%22 font-weight=%22bold%22&gt;MB&lt;\/text&gt;&lt;\/svg&gt;'\">\n            <\/div>\n            <div>\n              <div class=\"font-sora font-bold text-lg\">Manish Bhatta<\/div>\n              <div class=\"text-white\/60 text-sm\">Travel &amp; Finance Expert<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Skills bars -->\n          <div class=\"space-y-4 mb-6 relative z-10\">\n            <div>\n              <div class=\"flex justify-between text-sm mb-1.5\">\n                <span class=\"text-white\/80 font-medium\">Travel &amp; Hospitality<\/span>\n                <span class=\"text-white\/50\">95%<\/span>\n              <\/div>\n              <div class=\"h-1.5 rounded-full bg-white\/10 overflow-hidden\">\n                <div class=\"h-full rounded-full skill-bar\" style=\"background: linear-gradient(90deg,var(--crimson),#ff6b6b); width:0;\" data-w=\"95%\"><\/div>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"flex justify-between text-sm mb-1.5\">\n                <span class=\"text-white\/80 font-medium\">Financial Strategy<\/span>\n                <span class=\"text-white\/50\">88%<\/span>\n              <\/div>\n              <div class=\"h-1.5 rounded-full bg-white\/10 overflow-hidden\">\n                <div class=\"h-full rounded-full skill-bar\" style=\"background: linear-gradient(90deg,#7b6fff,#a78bfa); width:0;\" data-w=\"88%\"><\/div>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"flex justify-between text-sm mb-1.5\">\n                <span class=\"text-white\/80 font-medium\">Tour Management<\/span>\n                <span class=\"text-white\/50\">92%<\/span>\n              <\/div>\n              <div class=\"h-1.5 rounded-full bg-white\/10 overflow-hidden\">\n                <div class=\"h-full rounded-full skill-bar\" style=\"background: linear-gradient(90deg,#22d3ee,#67e8f9); width:0;\" data-w=\"92%\"><\/div>\n              <\/div>\n            <\/div>\n            <div>\n              <div class=\"flex justify-between text-sm mb-1.5\">\n                <span class=\"text-white\/80 font-medium\">Visa Consulting<\/span>\n                <span class=\"text-white\/50\">85%<\/span>\n              <\/div>\n              <div class=\"h-1.5 rounded-full bg-white\/10 overflow-hidden\">\n                <div class=\"h-full rounded-full skill-bar\" style=\"background: linear-gradient(90deg,#34d399,#6ee7b7); width:0;\" data-w=\"85%\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Social links -->\n          <div class=\"flex gap-3 relative z-10\">\n            <a href=\"#\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-brands fa-linkedin-in text-sm\"><\/i><\/a>\n            <a href=\"#\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-brands fa-facebook-f text-sm\"><\/i><\/a>\n            <a href=\"#\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-brands fa-instagram text-sm\"><\/i><\/a>\n            <a href=\"mailto:bhattamanish001@gmail.com\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-solid fa-envelope text-sm\"><\/i><\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Experience timeline below card -->\n        <div class=\"mt-8 space-y-5 pl-2\">\n          <div class=\"timeline-item\">\n            <div class=\"text-xs font-semibold uppercase tracking-wider mb-0.5\" style=\"color:var(--crimson);\">2019 \u2014 Present<\/div>\n            <div class=\"font-sora font-700 text-navy text-sm font-semibold\" style=\"font-family:'Sora',sans-serif; color:var(--navy);\">Senior Travel Consultant<\/div>\n            <div class=\"text-gray-500 text-xs\">Full-service travel &amp; financial advisory<\/div>\n          <\/div>\n          <div class=\"timeline-item\">\n            <div class=\"text-xs font-semibold uppercase tracking-wider mb-0.5\" style=\"color:var(--crimson);\">2016 \u2014 2019<\/div>\n            <div class=\"font-sora font-700 text-navy text-sm font-semibold\" style=\"font-family:'Sora',sans-serif; color:var(--navy);\">Tour Operations Manager<\/div>\n            <div class=\"text-gray-500 text-xs\">Managed Himalayan expedition tours<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right: content -->\n      <div class=\"flex-1 reveal-right\">\n        <p class=\"section-label mb-3\">Who I Am<\/p>\n        <h2 class=\"section-title text-4xl sm:text-5xl mb-6\">About <span style=\"color:var(--crimson);\">Me<\/span><\/h2>\n\n        <p class=\"text-gray-600 text-lg leading-relaxed mb-5\">\n          Hello there! I&#8217;m <strong class=\"font-semibold\" style=\"color:var(--navy);\">Manish Bhatta<\/strong>, a seasoned professional where travel, hospitality, and finance intersect. With over <strong class=\"font-semibold\" style=\"color:var(--crimson);\">5 years of dedicated experience<\/strong>, I&#8217;ve built a career around crafting journeys that transform perspectives and balance sheets alike.\n        <\/p>\n        <p class=\"text-gray-500 leading-relaxed mb-5\">\n          From orchestrating bespoke Himalayan expeditions to consulting on cross-border fiscal strategies, my journey has taken me through <strong class=\"font-semibold text-gray-700\">50+ countries<\/strong>, each adding a new dimension to my understanding of global markets and diverse cultures.\n        <\/p>\n        <p class=\"text-gray-500 leading-relaxed mb-8\">\n          My edge lies in the rare combination of deep travel industry knowledge and rigorous financial acumen \u2014 covering budgeting, investment strategies, and fiscal planning \u2014 all tailored to the unique rhythms of the travel and hospitality sector. The result: clients who travel farther, spend smarter, and grow faster.\n        <\/p>\n\n        <!-- Value propositions -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n          <div class=\"flex items-start gap-3 p-4 rounded-2xl bg-blue-50 border border-blue-100\">\n            <div class=\"w-10 h-10 rounded-xl flex items-center justify-center text-white text-base flex-shrink-0\" style=\"background:var(--navy);\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\n            <div>\n              <div class=\"font-semibold text-sm mb-0.5\" style=\"color:var(--navy); font-family:'Sora',sans-serif;\">Global Reach<\/div>\n              <div class=\"text-gray-500 text-xs leading-relaxed\">Connections across 50+ countries and all major travel markets.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"flex items-start gap-3 p-4 rounded-2xl bg-red-50 border border-red-100\">\n            <div class=\"w-10 h-10 rounded-xl flex items-center justify-center text-white text-base flex-shrink-0\" style=\"background:var(--crimson);\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n            <div>\n              <div class=\"font-semibold text-sm mb-0.5\" style=\"color:var(--crimson); font-family:'Sora',sans-serif;\">Financial Clarity<\/div>\n              <div class=\"text-gray-500 text-xs leading-relaxed\">Industry-specific budgeting and investment advisory that works.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"flex items-start gap-3 p-4 rounded-2xl bg-indigo-50 border border-indigo-100\">\n            <div class=\"w-10 h-10 rounded-xl flex items-center justify-center text-white text-base flex-shrink-0\" style=\"background:#4f46e5;\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\n            <div>\n              <div class=\"font-semibold text-sm mb-0.5\" style=\"color:#4f46e5; font-family:'Sora',sans-serif;\">Client-First<\/div>\n              <div class=\"text-gray-500 text-xs leading-relaxed\">98% client satisfaction with long-term partnerships that grow.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"flex items-start gap-3 p-4 rounded-2xl bg-teal-50 border border-teal-100\">\n            <div class=\"w-10 h-10 rounded-xl flex items-center justify-center text-white text-base flex-shrink-0\" style=\"background:#0d9488;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n            <div>\n              <div class=\"font-semibold text-sm mb-0.5\" style=\"color:#0d9488; font-family:'Sora',sans-serif;\">Trusted &amp; Reliable<\/div>\n              <div class=\"text-gray-500 text-xs leading-relaxed\">End-to-end accountability from planning to execution.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <a href=\"#contact\" class=\"btn-primary inline-flex text-base px-8 py-4\" style=\"background:var(--navy);\">\n          <i class=\"fa-solid fa-download\"><\/i> Download CV\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== SERVICES ========== -->\n<section id=\"services\" class=\"py-24 lg:py-32 relative overflow-hidden\" style=\"background: #f0f2ff;\">\n  <div class=\"absolute inset-0 opacity-30\" style=\"background: radial-gradient(ellipse at 20% 50%, rgba(0,0,139,0.08) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(237,24,59,0.06) 0%, transparent 50%);\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n    <div class=\"text-center max-w-2xl mx-auto mb-16 reveal\">\n      <p class=\"section-label mb-3\">What I Do<\/p>\n      <h2 class=\"section-title text-4xl sm:text-5xl mb-5\">My <span style=\"color:var(--crimson);\">Services<\/span><\/h2>\n      <p class=\"text-gray-500 text-lg leading-relaxed\">Comprehensive travel, hospitality, and financial services tailored to help you reach new destinations \u2014 personally and professionally.<\/p>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n\n      <!-- Flight Ticketing -->\n      <div class=\"service-card p-6 reveal\" style=\"transition-delay: 0s;\">\n        <div class=\"icon-wrap mb-5\"><i class=\"fa-solid fa-plane-departure\"><\/i><\/div>\n        <div class=\"card-title mb-2\">Flight Ticketing<\/div>\n        <div class=\"card-desc mb-4\">Domestic and international flight booking with competitive fares, flexible scheduling, and full-service support from departure to arrival.<\/div>\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"card-tag\"><i class=\"fa-solid fa-bolt text-xs\"><\/i> Fast<\/span>\n          <span class=\"card-tag\"><i class=\"fa-solid fa-tag text-xs\"><\/i> Best Fares<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Holiday Package -->\n      <div class=\"service-card p-6 reveal\" style=\"transition-delay: 0.1s;\">\n        <div class=\"icon-wrap mb-5\"><i class=\"fa-solid fa-umbrella-beach\"><\/i><\/div>\n        <div class=\"card-title mb-2\">Holiday Package<\/div>\n        <div class=\"card-desc mb-4\">Curated all-inclusive holiday packages \u2014 accommodation, transfers, activities, and local experiences crafted for unforgettable getaways.<\/div>\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"card-tag\"><i class=\"fa-solid fa-star text-xs\"><\/i> Curated<\/span>\n          <span class=\"card-tag\"><i class=\"fa-solid fa-heart text-xs\"><\/i> Tailored<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Visa Service -->\n      <div class=\"service-card p-6 reveal\" style=\"transition-delay: 0.2s;\">\n        <div class=\"icon-wrap mb-5\"><i class=\"fa-solid fa-passport\"><\/i><\/div>\n        <div class=\"card-title mb-2\">Visa Service<\/div>\n        <div class=\"card-desc mb-4\">Hassle-free visa application assistance for 100+ destinations. Document prep, application tracking, and expert guidance every step of the way.<\/div>\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"card-tag\"><i class=\"fa-solid fa-check text-xs\"><\/i> 100+ Countries<\/span>\n          <span class=\"card-tag\"><i class=\"fa-solid fa-shield text-xs\"><\/i> Secure<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Tour Management -->\n      <div class=\"service-card p-6 reveal\" style=\"transition-delay: 0.3s;\">\n        <div class=\"icon-wrap mb-5\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\n        <div class=\"card-title mb-2\">Tour Management<\/div>\n        <div class=\"card-desc mb-4\">End-to-end tour operations \u2014 from itinerary design and logistics to on-ground coordination. Corporate trips, group tours, and private adventures.<\/div>\n        <div class=\"flex flex-wrap gap-2\">\n          <span class=\"card-tag\"><i class=\"fa-solid fa-users text-xs\"><\/i> Groups<\/span>\n          <span class=\"card-tag\"><i class=\"fa-solid fa-gem text-xs\"><\/i> VIP<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Feature banner -->\n    <div class=\"mt-16 rounded-3xl overflow-hidden reveal\" style=\"background: linear-gradient(135deg, var(--navy) 0%, #1a0060 100%);\">\n      <div class=\"flex flex-col lg:flex-row items-center gap-8 p-8 lg:p-12\">\n        <div class=\"flex-1 text-white\">\n          <p class=\"text-white\/50 text-xs font-semibold uppercase tracking-widest mb-3\"><i class=\"fa-solid fa-fire\" style=\"color:var(--crimson);\"><\/i> Why Choose Me<\/p>\n          <h3 class=\"font-sora font-bold text-2xl sm:text-3xl mb-4\">One stop for all your<br><span style=\"color:var(--crimson);\">travel &amp; finance<\/span> needs<\/h3>\n          <p class=\"text-white\/60 leading-relaxed max-w-lg\">Most consultants specialise in one area. I sit at the rare intersection of travel expertise and financial strategy \u2014 giving you holistic advice that maximises both your experience and your budget.<\/p>\n        <\/div>\n        <div class=\"flex flex-col sm:flex-row gap-4 flex-shrink-0\">\n          <div class=\"text-center px-6 py-4 rounded-2xl\" style=\"background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.1);\">\n            <div class=\"font-sora font-extrabold text-3xl text-white\">5+<\/div>\n            <div class=\"text-white\/50 text-xs mt-1\">Years Experience<\/div>\n          <\/div>\n          <div class=\"text-center px-6 py-4 rounded-2xl\" style=\"background:rgba(237,24,59,0.15); border:1px solid rgba(237,24,59,0.2);\">\n            <div class=\"font-sora font-extrabold text-3xl text-white\">98%<\/div>\n            <div class=\"text-white\/50 text-xs mt-1\">Client Satisfaction<\/div>\n          <\/div>\n          <div class=\"text-center px-6 py-4 rounded-2xl\" style=\"background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.1);\">\n            <div class=\"font-sora font-extrabold text-3xl text-white\">50+<\/div>\n            <div class=\"text-white\/50 text-xs mt-1\">Countries Covered<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== CONTACT ========== -->\n<section id=\"contact\" class=\"py-24 lg:py-32 relative overflow-hidden\" style=\"background: linear-gradient(135deg, #000060 0%, #00008b 50%, #1a0040 100%);\">\n  <div class=\"absolute inset-0 opacity-10\" style=\"background: url(\\\" data:image=\"\" svg+xml,%3csvg=\"\" width=\"80\" height=\"80\" viewbox=\"0 0 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" %3e%3cg=\"\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"1\" %3e%3cpath=\"\" d=\"M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z\" %3e%3c=\"\" g%3e%3c=\"\" svg%3e\\\");\"=\"\"><\/div>\n  <div class=\"hero-orb float-anim\" style=\"width:400px;height:400px;background:rgba(237,24,59,0.12);bottom:-100px;left:-100px;\"><\/div>\n  <div class=\"hero-orb float-anim-2\" style=\"width:300px;height:300px;background:rgba(255,255,255,0.03);top:50px;right:-50px;\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n    <div class=\"text-center max-w-2xl mx-auto mb-16 reveal\">\n      <p class=\"section-label mb-3\" style=\"color:rgba(237,24,59,0.9);\">Get in Touch<\/p>\n      <h2 class=\"font-sora font-extrabold text-4xl sm:text-5xl text-white mb-5\">Contact <span style=\"color:var(--crimson);\">Me<\/span><\/h2>\n      <p class=\"text-white\/60 text-lg\">Ready to plan your next journey or explore financial strategies that work? Let&#8217;s talk.<\/p>\n    <\/div>\n\n    <div class=\"flex flex-col lg:flex-row gap-10 lg:gap-16\">\n\n      <!-- Contact info -->\n      <div class=\"lg:w-5\/12 reveal-left\">\n        <h3 class=\"font-sora font-bold text-xl text-white mb-6\">Reach me directly<\/h3>\n\n        <div class=\"space-y-4 mb-10\">\n          <div class=\"contact-card p-5 flex items-center gap-4\">\n            <div class=\"w-12 h-12 rounded-2xl flex items-center justify-center text-white flex-shrink-0\" style=\"background:rgba(237,24,59,0.2);\">\n              <i class=\"fa-solid fa-location-dot\" style=\"color:var(--crimson); font-size:1.1rem;\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"text-white\/40 text-xs font-semibold uppercase tracking-wider mb-0.5\">My Location<\/div>\n              <div class=\"text-white font-medium\">Hattisar Road, Kathmandu<\/div>\n            <\/div>\n          <\/div>\n          <a href=\"tel:+9779801055717\" class=\"contact-card p-5 flex items-center gap-4 block\">\n            <div class=\"w-12 h-12 rounded-2xl flex items-center justify-center text-white flex-shrink-0\" style=\"background:rgba(237,24,59,0.2);\">\n              <i class=\"fa-solid fa-phone\" style=\"color:var(--crimson); font-size:1.1rem;\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"text-white\/40 text-xs font-semibold uppercase tracking-wider mb-0.5\">Phone Number<\/div>\n              <div class=\"text-white font-medium\">+977 9801055717<\/div>\n            <\/div>\n          <\/a>\n          <a href=\"mailto:bhattamanish001@gmail.com\" class=\"contact-card p-5 flex items-center gap-4 block\">\n            <div class=\"w-12 h-12 rounded-2xl flex items-center justify-center text-white flex-shrink-0\" style=\"background:rgba(237,24,59,0.2);\">\n              <i class=\"fa-solid fa-envelope\" style=\"color:var(--crimson); font-size:1.1rem;\"><\/i>\n            <\/div>\n            <div>\n              <div class=\"text-white\/40 text-xs font-semibold uppercase tracking-wider mb-0.5\">Email Address<\/div>\n              <div class=\"text-white font-medium\">bhattamanish001@gmail.com<\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <!-- Map placeholder -->\n        <div class=\"rounded-2xl overflow-hidden\" style=\"border:1px solid rgba(255,255,255,0.1); height: 180px; background: rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; cursor:pointer;\" onclick=\"window.open('https:\/\/maps.google.com\/?q=Hattisar+Road+Kathmandu', '_blank')\">\n          <i class=\"fa-solid fa-map-location-dot text-3xl\" style=\"color:var(--crimson);\"><\/i>\n          <span class=\"text-white\/60 text-sm\">Click to Get Directions<\/span>\n          <span class=\"text-white\/30 text-xs\">Hattisar Road, Kathmandu<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Contact form -->\n      <div class=\"flex-1 reveal-right\">\n        <div class=\"rounded-3xl p-8 sm:p-10\" style=\"background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);\">\n          <h3 class=\"font-sora font-bold text-xl text-white mb-6\">Send me a message<\/h3>\n          <form id=\"contactForm\" class=\"space-y-4\" onsubmit=\"handleSubmit(event)\">\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n              <div>\n                <label class=\"block text-white\/50 text-xs font-semibold uppercase tracking-wider mb-2\">Full Name *<\/label>\n                <input type=\"text\" class=\"form-input\" placeholder=\"Sita Rai\" required=\"\">\n              <\/div>\n              <div>\n                <label class=\"block text-white\/50 text-xs font-semibold uppercase tracking-wider mb-2\">Email *<\/label>\n                <input type=\"email\" class=\"form-input\" placeholder=\"sita@example.com\" required=\"\">\n              <\/div>\n            <\/div>\n            <div>\n              <label class=\"block text-white\/50 text-xs font-semibold uppercase tracking-wider mb-2\">Company<\/label>\n              <input type=\"text\" class=\"form-input\" placeholder=\"Your Company\">\n            <\/div>\n            <div>\n              <label class=\"block text-white\/50 text-xs font-semibold uppercase tracking-wider mb-2\">Service Interested In<\/label>\n              <select class=\"form-input\" style=\"background:rgba(255,255,255,0.06);\">\n                <option value=\"\" style=\"background:#00008b;\">Select a service&#8230;<\/option>\n                <option value=\"flight\" style=\"background:#00008b;\">Flight Ticketing<\/option>\n                <option value=\"holiday\" style=\"background:#00008b;\">Holiday Package<\/option>\n                <option value=\"visa\" style=\"background:#00008b;\">Visa Service<\/option>\n                <option value=\"tour\" style=\"background:#00008b;\">Tour Management<\/option>\n              <\/select>\n            <\/div>\n            <div>\n              <label class=\"block text-white\/50 text-xs font-semibold uppercase tracking-wider mb-2\">Message<\/label>\n              <textarea class=\"form-input resize-none\" rows=\"4\" placeholder=\"Tell me about your project or travel goals...\"><\/textarea>\n            <\/div>\n            <button type=\"submit\" class=\"btn-primary w-full justify-center text-base py-4\" id=\"submitBtn\">\n              <i class=\"fa-solid fa-paper-plane\"><\/i>\n              <span id=\"btnText\">Send Message<\/span>\n            <\/button>\n          <\/form>\n          <!-- Success message -->\n          <div id=\"successMsg\" class=\"hidden mt-4 p-4 rounded-2xl text-center\" style=\"background:rgba(34,197,94,0.15); border:1px solid rgba(34,197,94,0.3);\">\n            <i class=\"fa-solid fa-circle-check text-green-400 text-2xl mb-2\"><\/i>\n            <p class=\"text-green-400 font-semibold\">Message sent successfully!<\/p>\n            <p class=\"text-white\/50 text-sm mt-1\">I&#8217;ll get back to you within 24 hours.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== FOOTER ========== -->\n<footer class=\"footer-bg py-10\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\n      <div class=\"flex items-center gap-3\">\n        <div class=\"w-9 h-9 rounded-xl flex items-center justify-center text-white font-bold text-lg\" style=\"background: var(--crimson);\">M<\/div>\n        <div>\n          <div class=\"font-sora font-bold text-white text-base\">Manish Bhatta<\/div>\n          <div class=\"text-white\/40 text-xs\">Travel &amp; Finance Professional<\/div>\n        <\/div>\n      <\/div>\n\n      <nav class=\"flex flex-wrap gap-6 justify-center\">\n        <a href=\"#home\" class=\"text-white\/50 hover:text-white text-sm transition\">Home<\/a>\n        <a href=\"#about\" class=\"text-white\/50 hover:text-white text-sm transition\">About<\/a>\n        <a href=\"#services\" class=\"text-white\/50 hover:text-white text-sm transition\">Services<\/a>\n        <a href=\"#contact\" class=\"text-white\/50 hover:text-white text-sm transition\">Contact<\/a>\n      <\/nav>\n\n      <div class=\"flex gap-3\">\n        <a href=\"#\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-brands fa-linkedin-in text-sm\"><\/i><\/a>\n        <a href=\"#\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-brands fa-facebook-f text-sm\"><\/i><\/a>\n        <a href=\"#\" class=\"w-9 h-9 rounded-xl bg-white\/10 hover:bg-white\/20 flex items-center justify-center text-white\/70 hover:text-white transition\"><i class=\"fa-brands fa-instagram text-sm\"><\/i><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-8 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-white\/30 text-sm\" style=\"border-top:1px solid rgba(255,255,255,0.08);\">\n      <span>\u00a9 2025 Manish Bhatta. All rights reserved.<\/span>\n      <div class=\"flex items-center gap-1\">\n        <span>Made with<\/span>\n        <i class=\"fa-solid fa-heart text-xs\" style=\"color:var(--crimson);\"><\/i>\n        <span>in Kathmandu, Nepal<\/span>\n        <span class=\"ml-2\">&#x1f1f3;&#x1f1f5;<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- Back to top -->\n<button id=\"backToTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\" class=\"fixed bottom-6 right-6 w-12 h-12 rounded-2xl flex items-center justify-center text-white shadow-lg opacity-0 pointer-events-none transition-all duration-300 z-50\" style=\"background:var(--crimson);\">\n  <i class=\"fa-solid fa-chevron-up\"><\/i>\n<\/button>\n\n<script>\n\/\/ Cursor glow\nconst glow = document.getElementById('cursorGlow');\ndocument.addEventListener('mousemove', e => {\n  glow.style.left = e.clientX + 'px';\n  glow.style.top = e.clientY + 'px';\n});\n\n\/\/ Scroll reveal\nconst revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\nconst observer = new IntersectionObserver(entries => {\n  entries.forEach((entry, i) => {\n    if (entry.isIntersecting) {\n      const delay = entry.target.style.transitionDelay || '0s';\n      setTimeout(() => {\n        entry.target.classList.add('visible');\n      }, parseFloat(delay) * 1000);\n      observer.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.15 });\nrevealEls.forEach(el => observer.observe(el));\n\n\/\/ Skill bars animation\nconst skillObserver = new IntersectionObserver(entries => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.querySelectorAll('.skill-bar').forEach(bar => {\n        setTimeout(() => { bar.style.transition = 'width 1.2s ease'; bar.style.width = bar.dataset.w; }, 200);\n      });\n      skillObserver.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.3 });\nconst aboutBlob = document.querySelector('.about-blob');\nif (aboutBlob) skillObserver.observe(aboutBlob);\n\n\/\/ Counter animation\nconst counterEls = document.querySelectorAll('[data-target]');\nconst counterObserver = new IntersectionObserver(entries => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      const el = entry.target;\n      const target = parseInt(el.dataset.target);\n      const suffix = target === 98 ? '%' : target === 5 ? '+' : '+';\n      let current = 0;\n      const step = Math.ceil(target \/ 60);\n      const timer = setInterval(() => {\n        current = Math.min(current + step, target);\n        el.textContent = current + suffix;\n        if (current >= target) clearInterval(timer);\n      }, 25);\n      counterObserver.unobserve(el);\n    }\n  });\n}, { threshold: 0.5 });\ncounterEls.forEach(el => counterObserver.observe(el));\n\n\/\/ Hamburger\nconst ham = document.getElementById('hamburger');\nconst menu = document.getElementById('mobile-menu');\nconst hamIcon = document.getElementById('ham-icon');\nlet menuOpen = false;\nham.addEventListener('click', () => {\n  menuOpen = !menuOpen;\n  if (menuOpen) {\n    menu.style.maxHeight = '400px';\n    menu.style.opacity = '1';\n    hamIcon.className = 'fa-solid fa-xmark text-xl';\n  } else {\n    menu.style.maxHeight = '0';\n    menu.style.opacity = '0';\n    hamIcon.className = 'fa-solid fa-bars text-xl';\n  }\n});\ndocument.querySelectorAll('.mobile-link').forEach(link => {\n  link.addEventListener('click', () => {\n    menuOpen = false;\n    menu.style.maxHeight = '0';\n    menu.style.opacity = '0';\n    hamIcon.className = 'fa-solid fa-bars text-xl';\n  });\n});\n\n\/\/ Navbar active on scroll\nwindow.addEventListener('scroll', () => {\n  \/\/ Back to top\n  const btn = document.getElementById('backToTop');\n  if (window.scrollY > 400) {\n    btn.style.opacity = '1'; btn.style.pointerEvents = 'auto';\n  } else {\n    btn.style.opacity = '0'; btn.style.pointerEvents = 'none';\n  }\n});\n\n\/\/ Form submit\nfunction handleSubmit(e) {\n  e.preventDefault();\n  const btn = document.getElementById('submitBtn');\n  const txt = document.getElementById('btnText');\n  btn.disabled = true;\n  txt.textContent = 'Sending...';\n  btn.querySelector('.fa-paper-plane').className = 'fa-solid fa-spinner fa-spin';\n  setTimeout(() => {\n    document.getElementById('contactForm').style.display = 'none';\n    document.getElementById('successMsg').classList.remove('hidden');\n  }, 1500);\n}\n\n\/\/ Service card stagger on scroll\nconst cards = document.querySelectorAll('.service-card');\nconst cardObserver = new IntersectionObserver(entries => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.classList.add('visible');\n    }\n  });\n}, { threshold: 0.1 });\ncards.forEach((card, i) => {\n  card.style.transitionDelay = i * 0.08 + 's';\n  cardObserver.observe(card);\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Manish Bhatta \u2014 Travel &amp; Finance Professional M Manish Bhatta Home About Services Contact Hire Me Home About Services Contact Hire Me Available for Projects Hi, I&#8217;m Manish Bhatta Hattisar Road, Kathmandu I help businesses grow through smart travel solutions, financial strategy, and seamless hospitality experiences. Let&#8217;s Work Together About Me 0 Years Exp. 0 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"custom-template","meta":{"footnotes":""},"class_list":["post-702","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=\/wp\/v2\/pages\/702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=702"}],"version-history":[{"count":4,"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=\/wp\/v2\/pages\/702\/revisions"}],"predecessor-version":[{"id":718,"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=\/wp\/v2\/pages\/702\/revisions\/718"}],"wp:attachment":[{"href":"https:\/\/manishbhatta.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}