Japan Rakiya - Jobs, Visa, and Travel Services<\/title>\r\n <meta name=\"description\" content=\"Find jobs, visa services, and travel deals for Japan\">\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .hero-modern {\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .hero-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0.1;\r\n background-image: \r\n radial-gradient(circle at 25% 25%, #cbd5e1 2px, transparent 2px),\r\n radial-gradient(circle at 75% 75%, #cbd5e1 2px, transparent 2px);\r\n background-size: 50px 50px;\r\n animation: patternMove 20s linear infinite;\r\n }\r\n \r\n @keyframes patternMove {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(50px, 50px); }\r\n }\r\n \r\n \/* Japanese Mountain Silhouette *\/\r\n .mountain-silhouette {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 40%;\r\n background: linear-gradient(to top, rgba(148, 163, 184, 0.1) 0%, transparent 60%);\r\n clip-path: polygon(0 100%, 15% 85%, 25% 90%, 35% 70%, 45% 80%, 55% 60%, 65% 75%, 75% 55%, 85% 70%, 100% 80%, 100% 100%);\r\n }\r\n \r\n \/* Cherry Blossom Petals *\/\r\n .sakura-container {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n \r\n .sakura-petal {\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n background: radial-gradient(ellipse at center, #ffb3d9 0%, #ff80cc 40%, #ff4da6 100%);\r\n border-radius: 50% 50% 50% 0;\r\n opacity: 0.8;\r\n animation: sakuraFall ease-in-out infinite;\r\n box-shadow: 0 2px 4px rgba(255, 182, 193, 0.3);\r\n }\r\n \r\n .sakura-petal::before {\r\n content: '';\r\n position: absolute;\r\n top: -6px;\r\n left: -6px;\r\n width: 12px;\r\n height: 12px;\r\n background: radial-gradient(ellipse at center, #ffb3d9 0%, #ff80cc 40%, #ff4da6 100%);\r\n border-radius: 50% 50% 50% 0;\r\n transform: rotate(90deg);\r\n box-shadow: 0 1px 2px rgba(255, 182, 193, 0.2);\r\n }\r\n \r\n .sakura-petal::after {\r\n content: '';\r\n position: absolute;\r\n top: -3px;\r\n left: -3px;\r\n width: 6px;\r\n height: 6px;\r\n background: radial-gradient(circle, #fff 0%, #ffb3d9 100%);\r\n border-radius: 50%;\r\n opacity: 0.6;\r\n }\r\n \r\n .sakura-petal.variant-1 {\r\n background: radial-gradient(ellipse at center, #ffc0cb 0%, #ffb6c1 40%, #ff91a4 100%);\r\n }\r\n \r\n .sakura-petal.variant-1::before {\r\n background: radial-gradient(ellipse at center, #ffc0cb 0%, #ffb6c1 40%, #ff91a4 100%);\r\n }\r\n \r\n .sakura-petal.variant-2 {\r\n background: radial-gradient(ellipse at center, #ffe4e1 0%, #ffd0dc 40%, #ffadd6 100%);\r\n }\r\n \r\n .sakura-petal.variant-2::before {\r\n background: radial-gradient(ellipse at center, #ffe4e1 0%, #ffd0dc 40%, #ffadd6 100%);\r\n }\r\n \r\n @keyframes sakuraFall {\r\n 0% {\r\n transform: translateY(-100px) translateX(0px) rotate(0deg) scale(0.5);\r\n opacity: 0;\r\n }\r\n 5% {\r\n opacity: 0.8;\r\n transform: translateY(-80px) translateX(5px) rotate(15deg) scale(0.7);\r\n }\r\n 25% {\r\n transform: translateY(20vh) translateX(-20px) rotate(90deg) scale(1);\r\n }\r\n 50% {\r\n transform: translateY(50vh) translateX(30px) rotate(180deg) scale(0.9);\r\n }\r\n 75% {\r\n transform: translateY(75vh) translateX(-10px) rotate(270deg) scale(1.1);\r\n }\r\n 95% {\r\n opacity: 0.6;\r\n transform: translateY(95vh) translateX(15px) rotate(340deg) scale(0.8);\r\n }\r\n 100% {\r\n transform: translateY(110vh) translateX(0px) rotate(360deg) scale(0.3);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n \/* Traditional Japanese Wave Pattern *\/\r\n .wave-pattern {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 200%;\r\n height: 100px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 20'%3E%3Cpath d='M0,10 Q25,0 50,10 T100,10 V20 H0 Z' fill='rgba(59, 130, 246, 0.05)'\/%3E%3C\/svg%3E\");\r\n background-size: 100px 20px;\r\n animation: waveMove 8s ease-in-out infinite;\r\n opacity: 0.6;\r\n }\r\n \r\n @keyframes waveMove {\r\n 0%, 100% { transform: translateX(0); }\r\n 50% { transform: translateX(-50px); }\r\n }\r\n \r\n \/* Floating Elements *\/\r\n .floating-elements {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n }\r\n \r\n .floating-circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(59, 130, 246, 0.1);\r\n animation: floatUp linear infinite;\r\n }\r\n \r\n @keyframes floatUp {\r\n 0% {\r\n transform: translateY(100vh) scale(0);\r\n opacity: 0;\r\n }\r\n 10% {\r\n opacity: 0.3;\r\n }\r\n 90% {\r\n opacity: 0.3;\r\n }\r\n 100% {\r\n transform: translateY(-100px) scale(1);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n \/* Japanese Torii Gate Silhouette *\/\r\n .torii-silhouette {\r\n position: absolute;\r\n top: 20%;\r\n right: 10%;\r\n width: 120px;\r\n height: 80px;\r\n opacity: 0.08;\r\n background: #64748b;\r\n clip-path: polygon(0 85%, 15% 85%, 15% 75%, 25% 75%, 25% 25%, 30% 25%, 30% 15%, 70% 15%, 70% 25%, 75% 25%, 75% 75%, 85% 75%, 85% 85%, 100% 85%, 100% 90%, 85% 90%, 85% 100%, 75% 100%, 75% 90%, 25% 90%, 25% 100%, 15% 100%, 15% 90%, 0 90%);\r\n animation: fadeInOut 6s ease-in-out infinite;\r\n }\r\n \r\n @keyframes fadeInOut {\r\n 0%, 100% { opacity: 0.05; }\r\n 50% { opacity: 0.15; }\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n .hero-badge {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .hero-main-card {\r\n background: #f9fafb;\r\n backdrop-filter: none;\r\n border: 1px solid #e5e7eb;\r\n box-shadow: 0 8px 32px -8px rgba(0,0,0,0.10);\r\n }\r\n \r\n .service-mini-card {\r\n background: #fff;\r\n backdrop-filter: none;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .service-mini-card:hover {\r\n transform: translateY(-5px);\r\n background: #f3f4f6;\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n }\r\n \r\n .cta-primary {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\r\n box-shadow: 0 10px 30px rgba(239, 68, 68, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .cta-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.4);\r\n }\r\n \r\n .cta-secondary {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .cta-secondary:hover {\r\n background: rgba(255, 255, 255, 1);\r\n transform: translateY(-2px);\r\n }\r\n \r\n .floating-card {\r\n animation: floatCard 6s ease-in-out infinite;\r\n }\r\n \r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n \r\n .trust-badge {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: white;\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s ease;\r\n }\r\n \r\n .fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n .navbar-blur {\r\n backdrop-filter: blur(10px);\r\n background-color: rgba(255, 255, 255, 0.9);\r\n }\r\n \r\n .smooth-scroll {\r\n scroll-behavior: smooth;\r\n }\r\n \r\n .modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .modal.show {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .mobile-menu {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n }\r\n \r\n .mobile-menu.open {\r\n max-height: 300px;\r\n }\r\n \r\n .card-hover {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .card-hover:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero-main-card {\r\n margin: 1rem;\r\n padding: 2rem 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"smooth-scroll\">\r\n \r\n <section id=\"home\" class=\"hero-modern min-h-screen relative\">\r\n \r\n <div class=\"hero-pattern\"><\/div>\r\n \r\n \r\n <div class=\"mountain-silhouette\"><\/div>\r\n \r\n \r\n <div class=\"wave-pattern\"><\/div>\r\n \r\n \r\n <div class=\"torii-silhouette\"><\/div>\r\n \r\n \r\n <div class=\"sakura-container\" id=\"sakura-container\"><\/div>\r\n \r\n \r\n <div class=\"floating-elements\" id=\"floating-elements\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 min-h-screen flex items-center justify-center\">\r\n <div class=\"text-center hero-content space-y-8 max-w-3xl\">\r\n \r\n <div class=\"fade-in\">\r\n <h1 class=\"text-4xl lg:text-6xl font-bold text-gray-900 leading-tight\">\r\n Dream Job in Japan? \r\n We Handle Your Visa \ud83c\uddef\ud83c\uddf5\r\n <\/h1>\r\n <\/div>\r\n \r\n \r\n <div class=\"fade-in\">\r\n <p class=\"text-xl lg:text-2xl text-gray-600\">\r\n Japan Visa, Document translation, Air-tickets & jobs\u2014all in one place.\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"fade-in\">\r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"cta-primary text-white font-bold py-4 px-8 rounded-xl text-lg inline-flex items-center justify-center bg-blue-600 hover:bg-blue-700\">\r\n <i class=\"fab fa-whatsapp mr-3\"><\/i>\r\n Apply Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16 fade-in\">\r\n <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">\u0d85\u0db4\u0d9c\u0dda \u0dc3\u0dda\u0dc0\u0dcf\u0dc0\u0db1\u0dca<\/h2>\r\n <p class=\"text-xl text-gray-600\">Reliable Japan Visa Services from Start to Finish<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-passport text-blue-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Apply Visa<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Quick visa processing with expert guidance and support throughout the application process.<\/p>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=400\" class=\"inline-flex items-center text-blue-600 hover:text-blue-700 font-semibold transition-colors\">\r\n Learn More <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-language text-green-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Document Translation<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Certified translation services for all your visa and legal documents with accuracy guarantee.<\/p>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=472\" class=\"inline-flex items-center text-green-600 hover:text-green-700 font-semibold transition-colors\">\r\n Learn More <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-plane text-purple-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Air Tickets<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Book flights at the best rates with flexible options and dedicated customer support.<\/p>\r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"inline-flex items-center text-purple-600 hover:text-purple-700 font-semibold transition-colors\">\r\n Book Now <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-briefcase text-red-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Find Jobs<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Complete support for finding work in Japan including job matching and interview preparation.<\/p>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=188\" class=\"inline-flex items-center text-red-600 hover:text-red-700 font-semibold transition-colors\">\r\n View Jobs <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center mt-16 fade-in\">\r\n <div class=\"bg-gradient-to-r from-blue-50 to-purple-50 rounded-3xl p-8 lg:p-12\">\r\n <h3 class=\"text-2xl lg:text-3xl font-bold text-gray-900 mb-4\">Ready to Start Your Japan Journey?<\/h3>\r\n <p class=\"text-gray-600 mb-8 max-w-2xl mx-auto\">Get personalized assistance from our experts and make your dream of working or visiting Japan a reality.<\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"cta-primary text-white font-bold py-4 px-8 rounded-xl text-lg inline-flex items-center justify-center bg-blue-600 hover:bg-blue-700 transition-all\">\r\n <i class=\"fab fa-whatsapp mr-3\"><\/i>\r\n Contact Us Now\r\n <\/a>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=472\" class=\"cta-secondary text-blue-600 font-bold py-4 px-8 rounded-xl text-lg inline-flex items-center justify-center border-2 border-blue-600 hover:bg-blue-600 hover:text-white transition-all\">\r\n <i class=\"fas fa-info-circle mr-3\"><\/i>\r\n Learn More\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"how-it-works\" class=\"py-20 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16 fade-in\">\r\n <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">\u0d9a\u0dca\u200d\u0dbb\u0dd2\u0dba\u0dcf\u0dad\u0dca\u0db8\u0d9a \u0dc0\u0db1\u0dca\u0db1\u0dda \u0d9a\u0dd9\u0dc3\u0dda\u0daf?<\/h2>\r\n <p class=\"text-xl text-gray-600\">\u201cHassle-Free Japan Visa & Travel Process\u201d<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold\">1<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-blue-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-phone text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Contact<\/h3>\r\n <p class=\"text-gray-600\">Reach out to us through WhatsApp or phone for initial consultation and guidance.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-green-600 rounded-full flex items-center justify-center text-white font-bold\">2<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-green-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-file-alt text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Submit Docs<\/h3>\r\n <p class=\"text-gray-600\">Provide documents, meet the agent first, then the lawyer for documents and payment.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center text-white font-bold\">3<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-purple-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-clock text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Visa Processing<\/h3>\r\n <p class=\"text-gray-600\">We handle your visa application and update you until receiving the Japan Embassy receipt<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-red-600 rounded-full flex items-center justify-center text-white font-bold\">4<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-red-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-plane text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Fly & Begin Work<\/h3>\r\n <p class=\"text-gray-600\">After visa approval, complete final steps, book flights, and start working in Japan<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-25 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-7 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12 fade-in\">\r\n <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">Contact Us<\/h2>\r\n <p class=\"text-lg text-gray-600\">Get in touch for any inquiries or assistance<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 mb-8 fade-in\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\r\n \r\n <div>\r\n <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-phone text-blue-600 text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Phone<\/h3>\r\n <p class=\"text-blue-600 font-medium\">+81 90-9516-5465 \/ <\/p>\r\n <\/div>\r\n \r\n \r\n <div>\r\n <div class=\"w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-envelope text-purple-600 text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Email<\/h3>\r\n <p class=\"text-purple-600 font-medium\">admin@japanrakiya.com<\/p>\r\n <\/div>\r\n \r\n \r\n <div>\r\n <div class=\"w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-clock text-green-600 text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Business Hours<\/h3>\r\n <p class=\"text-green-600 font-medium\">Mon - Sat: 9:00 AM - 6:00 PM <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 fade-in\">\r\n <h3 class=\"text-xl font-bold text-gray-900 text-center mb-6\">Quick Contact<\/h3>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\r\n \r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"bg-green-500 hover:bg-green-600 text-white rounded-lg p-4 text-center transition-colors\">\r\n <i class=\"fab fa-whatsapp text-2xl mb-2\"><\/i>\r\n <div class=\"font-semibold\">WhatsApp<\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/web.facebook.com\/groups\/1363264294513039\" target=\"_blank\" class=\"bg-blue-600 hover:bg-blue-700 text-white rounded-lg p-4 text-center transition-colors\">\r\n <i class=\"fab fa-facebook-f text-2xl mb-2\"><\/i>\r\n <div class=\"font-semibold\">Facebook<\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"tel:+819095165465\" class=\"bg-orange-500 hover:bg-orange-600 text-white rounded-lg p-4 text-center transition-colors\">\r\n <i class=\"fas fa-phone text-2xl mb-2\"><\/i>\r\n <div class=\"font-semibold\">Call Now<\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <script>\r\n \/\/ Smooth scrolling for navigation links\r\n function scrollToSection(target) {\r\n document.querySelector(target).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n \/\/ Add click listeners to navigation links - removed since no nav bar\r\n \/\/ document.querySelectorAll('nav a[href^=\"#\"]').forEach(link => {\r\n \/\/ link.addEventListener('click', (e) => {\r\n \/\/ e.preventDefault();\r\n \/\/ const target = link.getAttribute('href');\r\n \/\/ scrollToSection(target);\r\n \/\/ \/\/ Close mobile menu if open\r\n \/\/ mobileMenu.classList.remove('open');\r\n \/\/ });\r\n \/\/ });\r\n\r\n \/\/ Fade in animation on scroll\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all fade-in elements\r\n document.querySelectorAll('.fade-in').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Navbar background change on scroll - removed since no navbar\r\n \/\/ window.addEventListener('scroll', () => {\r\n \/\/ const navbar = document.querySelector('nav');\r\n \/\/ if (window.scrollY > 100) {\r\n \/\/ navbar.classList.add('bg-white', 'shadow-lg');\r\n \/\/ } else {\r\n \/\/ navbar.classList.remove('bg-white', 'shadow-lg');\r\n \/\/ }\r\n \/\/ });\r\n\r\n \/\/ Hero animation initialization\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Create cherry blossom petals\r\n createSakuraPetals();\r\n \r\n \/\/ Create floating elements\r\n createFloatingElements();\r\n \r\n \/\/ Trigger fade-in for hero section elements\r\n setTimeout(() => {\r\n document.querySelectorAll('#home .fade-in').forEach((el, index) => {\r\n setTimeout(() => {\r\n el.classList.add('visible');\r\n }, index * 200);\r\n });\r\n }, 300);\r\n });\r\n \r\n \/\/ Create cherry blossom petals animation\r\n function createSakuraPetals() {\r\n const container = document.getElementById('sakura-container');\r\n \r\n function createPetal() {\r\n const petal = document.createElement('div');\r\n petal.className = 'sakura-petal';\r\n \r\n \/\/ Add random variants for different petal colors\r\n const variants = ['', 'variant-1', 'variant-2'];\r\n const randomVariant = variants[Math.floor(Math.random() * variants.length)];\r\n if (randomVariant) {\r\n petal.classList.add(randomVariant);\r\n }\r\n \r\n \/\/ Random starting position (spread across full width)\r\n petal.style.left = Math.random() * 100 + '%';\r\n \r\n \/\/ Varied animation duration for more natural movement\r\n petal.style.animationDuration = (Math.random() * 8 + 12) + 's';\r\n petal.style.animationDelay = Math.random() * 3 + 's';\r\n \r\n \/\/ Random size variation for more realistic petals\r\n const sizeMultiplier = Math.random() * 0.6 + 0.7; \/\/ 0.7x to 1.3x\r\n const baseSize = 12;\r\n const size = baseSize * sizeMultiplier;\r\n petal.style.width = size + 'px';\r\n petal.style.height = size + 'px';\r\n \r\n \/\/ Adjust pseudo-elements for size\r\n petal.style.setProperty('--petal-size', size + 'px');\r\n \r\n \/\/ Random rotation for initial orientation\r\n const initialRotation = Math.random() * 360;\r\n petal.style.transform = `rotate(${initialRotation}deg)`;\r\n \r\n \/\/ Slightly varied opacity\r\n const opacity = Math.random() * 0.3 + 0.6; \/\/ 0.6 to 0.9\r\n petal.style.opacity = opacity;\r\n \r\n container.appendChild(petal);\r\n \r\n \/\/ Remove petal after animation (increased time for longer animations)\r\n setTimeout(() => {\r\n if (petal.parentNode) {\r\n petal.parentNode.removeChild(petal);\r\n }\r\n }, 20000);\r\n }\r\n \r\n \/\/ Create initial petals with staggered timing\r\n for (let i = 0; i < 12; i++) {\r\n setTimeout(() => createPetal(), i * 1500);\r\n }\r\n \r\n \/\/ Continuously create new petals more frequently for fuller effect\r\n setInterval(createPetal, 2000);\r\n }\r\n \r\n \/\/ Create floating elements animation\r\n function createFloatingElements() {\r\n const container = document.getElementById('floating-elements');\r\n \r\n function createFloatingCircle() {\r\n const circle = document.createElement('div');\r\n circle.className = 'floating-circle';\r\n \r\n \/\/ Random starting position\r\n circle.style.left = Math.random() * 100 + '%';\r\n circle.style.animationDuration = (Math.random() * 20 + 25) + 's';\r\n circle.style.animationDelay = Math.random() * 10 + 's';\r\n \r\n \/\/ Random size\r\n const size = Math.random() * 60 + 20;\r\n circle.style.width = size + 'px';\r\n circle.style.height = size + 'px';\r\n \r\n \/\/ Random opacity and color\r\n const opacity = Math.random() * 0.1 + 0.05;\r\n const colors = ['rgba(59, 130, 246, ' + opacity + ')', 'rgba(168, 85, 247, ' + opacity + ')', 'rgba(236, 72, 153, ' + opacity + ')'];\r\n circle.style.background = colors[Math.floor(Math.random() * colors.length)];\r\n \r\n container.appendChild(circle);\r\n \r\n \/\/ Remove circle after animation\r\n setTimeout(() => {\r\n if (circle.parentNode) {\r\n circle.parentNode.removeChild(circle);\r\n }\r\n }, 45000);\r\n }\r\n \r\n \/\/ Create initial circles\r\n for (let i = 0; i < 3; i++) {\r\n setTimeout(() => createFloatingCircle(), i * 5000);\r\n }\r\n \r\n \/\/ Continuously create new circles\r\n setInterval(createFloatingCircle, 8000);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Japan Rakiya – Jobs, Visa, and Travel Services Dream Job in Japan? We Handle Your Visa \ud83c\uddef\ud83c\uddf5 Japan Visa, Document […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1734","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"tevon","author_link":"https:\/\/japanrakiya.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Japan Rakiya – Jobs, Visa, and Travel Services Dream Job in Japan? We Handle Your Visa \ud83c\uddef\ud83c\uddf5 Japan Visa, Document […]","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1318,"url":"https:\/\/japanrakiya.com\/?page_id=1318","url_meta":{"origin":1734,"position":0},"title":"ABOUT US","author":"tevon","date":"February 1, 2025","format":false,"excerpt":"Professional Japan Visa Service Moshi Moshi Japan is dedicated to helping individuals and families achieve their dream of working in Japan. With years of experience in visa processing and travel support, we provide reliable, step-by-step assistance to ensure your application process is smooth, accurate, and stress-free. Book Visa Consultation Mission\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":472,"url":"https:\/\/japanrakiya.com\/?page_id=472","url_meta":{"origin":1734,"position":1},"title":"OUR SERVICES","author":"tevon","date":"December 15, 2024","format":false,"excerpt":"Information & Pre-arrival \u2014 Moshi Moshi Japan Information & Pre-arrival \u0d94\u0db6 \u0da2\u0db4\u0dcf\u0db1\u0dba\u0da7 \u0db4\u0dd0\u0db8\u0dd2\u0dab\u0dd3\u0db8\u0da7 \u0db4\u0dd9\u0dbb \u0d85\u0db4 \u0dc4\u0dcf \u0daf\u0dd4\u0dbb\u0d9a\u0dae\u0db1\u0dba\u0dd9\u0db1\u0dca \u0dc3\u0db8\u0dca\u0db6\u0db1\u0dca\u0db0 \u0dc0\u0dd3\u0db8\u0dd9\u0db1\u0dca \u0dad\u0ddc\u0dbb\u0dad\u0dd4\u0dbb\u0dd4 \u0daf\u0dd0\u0db1\u0d9c\u0dad \u0dc4\u0dd0\u0d9a\u0dd2\u0dba Airport Pickup \u0d9c\u0dd4\u0dc0\u0db1\u0dca \u0dad\u0ddc\u0da7\u0dd4\u0db4\u0dc5\u0dda \u0dc3\u0dd2\u0da7 \u0d85\u0db4 \u0db4\u0dd0\u0db8\u0dd2\u0dab \u0d94\u0db6\u0dc0 \u0dbb\u0dd0\u0d9c\u0dd9\u0db1 \u0dba\u0dcf\u0db8 We pick you up from the airport Winter Clothes \u0dc1\u0dd3\u0dad \u0d9a\u0dcf\u0dbd\u0dba \u0dc3\u0db3\u0dc4\u0dcf \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba\u0dba \u0dbb\u0dd9\u0daf\u0dd2 (\u0da2\u0dd0\u0d9a\u0da7\u0dca, \u0d9a\u0dbd\u0dd2\u0dc3\u0db8\u0dca, \u0d9a\u0db8\u0dd2\u0dc3) \u0dbb\u0dd0\u0d9c\u0dd9\u0db1\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":299,"url":"https:\/\/japanrakiya.com\/?page_id=299","url_meta":{"origin":1734,"position":2},"title":"Other Country Visa","author":"tevon","date":"December 14, 2024","format":false,"excerpt":"Other Country Visa Other Country Visa Apply for your visa quickly and easily. Explore multiple countries with reliable and professional visa services. Canada 72 LAKS Experience Canada\u2019s natural beauty and urban culture effortlessly with our visa services. Visa Duration: 1 - 3 or 6 Months Time taken to obtain a\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":400,"url":"https:\/\/japanrakiya.com\/?page_id=400","url_meta":{"origin":1734,"position":3},"title":"Japan Visa","author":"tevon","date":"December 14, 2024","format":false,"excerpt":"JAPAN WORKING VISA \u2714 1 YEAR \u2714 2 YEARS \u2714 3 YEARS Visa Options \u2013 Full Width Page \ud83d\udcc4 Required Documents for Visa Application \u2022 Birth Certificate (Original & Photocopy) \u2022 Marriage Certificate (Original & Photocopy) \u2022 National Identity Card (Original & Photocopy) \u2022 Passport (Original & Photocopy) \u2022 Passport\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1734"}],"version-history":[{"count":5,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages\/1734\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages\/1734\/revisions\/2316"}],"wp:attachment":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Japan Rakiya - Jobs, Visa, and Travel Services<\/title>\r\n <meta name=\"description\" content=\"Find jobs, visa services, and travel deals for Japan\">\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .hero-modern {\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .hero-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0.1;\r\n background-image: \r\n radial-gradient(circle at 25% 25%, #cbd5e1 2px, transparent 2px),\r\n radial-gradient(circle at 75% 75%, #cbd5e1 2px, transparent 2px);\r\n background-size: 50px 50px;\r\n animation: patternMove 20s linear infinite;\r\n }\r\n \r\n @keyframes patternMove {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(50px, 50px); }\r\n }\r\n \r\n \/* Japanese Mountain Silhouette *\/\r\n .mountain-silhouette {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 40%;\r\n background: linear-gradient(to top, rgba(148, 163, 184, 0.1) 0%, transparent 60%);\r\n clip-path: polygon(0 100%, 15% 85%, 25% 90%, 35% 70%, 45% 80%, 55% 60%, 65% 75%, 75% 55%, 85% 70%, 100% 80%, 100% 100%);\r\n }\r\n \r\n \/* Cherry Blossom Petals *\/\r\n .sakura-container {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n \r\n .sakura-petal {\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n background: radial-gradient(ellipse at center, #ffb3d9 0%, #ff80cc 40%, #ff4da6 100%);\r\n border-radius: 50% 50% 50% 0;\r\n opacity: 0.8;\r\n animation: sakuraFall ease-in-out infinite;\r\n box-shadow: 0 2px 4px rgba(255, 182, 193, 0.3);\r\n }\r\n \r\n .sakura-petal::before {\r\n content: '';\r\n position: absolute;\r\n top: -6px;\r\n left: -6px;\r\n width: 12px;\r\n height: 12px;\r\n background: radial-gradient(ellipse at center, #ffb3d9 0%, #ff80cc 40%, #ff4da6 100%);\r\n border-radius: 50% 50% 50% 0;\r\n transform: rotate(90deg);\r\n box-shadow: 0 1px 2px rgba(255, 182, 193, 0.2);\r\n }\r\n \r\n .sakura-petal::after {\r\n content: '';\r\n position: absolute;\r\n top: -3px;\r\n left: -3px;\r\n width: 6px;\r\n height: 6px;\r\n background: radial-gradient(circle, #fff 0%, #ffb3d9 100%);\r\n border-radius: 50%;\r\n opacity: 0.6;\r\n }\r\n \r\n .sakura-petal.variant-1 {\r\n background: radial-gradient(ellipse at center, #ffc0cb 0%, #ffb6c1 40%, #ff91a4 100%);\r\n }\r\n \r\n .sakura-petal.variant-1::before {\r\n background: radial-gradient(ellipse at center, #ffc0cb 0%, #ffb6c1 40%, #ff91a4 100%);\r\n }\r\n \r\n .sakura-petal.variant-2 {\r\n background: radial-gradient(ellipse at center, #ffe4e1 0%, #ffd0dc 40%, #ffadd6 100%);\r\n }\r\n \r\n .sakura-petal.variant-2::before {\r\n background: radial-gradient(ellipse at center, #ffe4e1 0%, #ffd0dc 40%, #ffadd6 100%);\r\n }\r\n \r\n @keyframes sakuraFall {\r\n 0% {\r\n transform: translateY(-100px) translateX(0px) rotate(0deg) scale(0.5);\r\n opacity: 0;\r\n }\r\n 5% {\r\n opacity: 0.8;\r\n transform: translateY(-80px) translateX(5px) rotate(15deg) scale(0.7);\r\n }\r\n 25% {\r\n transform: translateY(20vh) translateX(-20px) rotate(90deg) scale(1);\r\n }\r\n 50% {\r\n transform: translateY(50vh) translateX(30px) rotate(180deg) scale(0.9);\r\n }\r\n 75% {\r\n transform: translateY(75vh) translateX(-10px) rotate(270deg) scale(1.1);\r\n }\r\n 95% {\r\n opacity: 0.6;\r\n transform: translateY(95vh) translateX(15px) rotate(340deg) scale(0.8);\r\n }\r\n 100% {\r\n transform: translateY(110vh) translateX(0px) rotate(360deg) scale(0.3);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n \/* Traditional Japanese Wave Pattern *\/\r\n .wave-pattern {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 200%;\r\n height: 100px;\r\n background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 20'%3E%3Cpath d='M0,10 Q25,0 50,10 T100,10 V20 H0 Z' fill='rgba(59, 130, 246, 0.05)'\/%3E%3C\/svg%3E\");\r\n background-size: 100px 20px;\r\n animation: waveMove 8s ease-in-out infinite;\r\n opacity: 0.6;\r\n }\r\n \r\n @keyframes waveMove {\r\n 0%, 100% { transform: translateX(0); }\r\n 50% { transform: translateX(-50px); }\r\n }\r\n \r\n \/* Floating Elements *\/\r\n .floating-elements {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n }\r\n \r\n .floating-circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(59, 130, 246, 0.1);\r\n animation: floatUp linear infinite;\r\n }\r\n \r\n @keyframes floatUp {\r\n 0% {\r\n transform: translateY(100vh) scale(0);\r\n opacity: 0;\r\n }\r\n 10% {\r\n opacity: 0.3;\r\n }\r\n 90% {\r\n opacity: 0.3;\r\n }\r\n 100% {\r\n transform: translateY(-100px) scale(1);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n \/* Japanese Torii Gate Silhouette *\/\r\n .torii-silhouette {\r\n position: absolute;\r\n top: 20%;\r\n right: 10%;\r\n width: 120px;\r\n height: 80px;\r\n opacity: 0.08;\r\n background: #64748b;\r\n clip-path: polygon(0 85%, 15% 85%, 15% 75%, 25% 75%, 25% 25%, 30% 25%, 30% 15%, 70% 15%, 70% 25%, 75% 25%, 75% 75%, 85% 75%, 85% 85%, 100% 85%, 100% 90%, 85% 90%, 85% 100%, 75% 100%, 75% 90%, 25% 90%, 25% 100%, 15% 100%, 15% 90%, 0 90%);\r\n animation: fadeInOut 6s ease-in-out infinite;\r\n }\r\n \r\n @keyframes fadeInOut {\r\n 0%, 100% { opacity: 0.05; }\r\n 50% { opacity: 0.15; }\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n .hero-badge {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .hero-main-card {\r\n background: #f9fafb;\r\n backdrop-filter: none;\r\n border: 1px solid #e5e7eb;\r\n box-shadow: 0 8px 32px -8px rgba(0,0,0,0.10);\r\n }\r\n \r\n .service-mini-card {\r\n background: #fff;\r\n backdrop-filter: none;\r\n border: 1px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .service-mini-card:hover {\r\n transform: translateY(-5px);\r\n background: #f3f4f6;\r\n box-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n }\r\n \r\n .cta-primary {\r\n background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\r\n box-shadow: 0 10px 30px rgba(239, 68, 68, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .cta-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.4);\r\n }\r\n \r\n .cta-secondary {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .cta-secondary:hover {\r\n background: rgba(255, 255, 255, 1);\r\n transform: translateY(-2px);\r\n }\r\n \r\n .floating-card {\r\n animation: floatCard 6s ease-in-out infinite;\r\n }\r\n \r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n \r\n .trust-badge {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: white;\r\n animation: pulse 2s infinite;\r\n }\r\n \r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s ease;\r\n }\r\n \r\n .fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \r\n .navbar-blur {\r\n backdrop-filter: blur(10px);\r\n background-color: rgba(255, 255, 255, 0.9);\r\n }\r\n \r\n .smooth-scroll {\r\n scroll-behavior: smooth;\r\n }\r\n \r\n .modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .modal.show {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .mobile-menu {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n }\r\n \r\n .mobile-menu.open {\r\n max-height: 300px;\r\n }\r\n \r\n .card-hover {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .card-hover:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero-main-card {\r\n margin: 1rem;\r\n padding: 2rem 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"smooth-scroll\">\r\n \r\n <section id=\"home\" class=\"hero-modern min-h-screen relative\">\r\n \r\n <div class=\"hero-pattern\"><\/div>\r\n \r\n \r\n <div class=\"mountain-silhouette\"><\/div>\r\n \r\n \r\n <div class=\"wave-pattern\"><\/div>\r\n \r\n \r\n <div class=\"torii-silhouette\"><\/div>\r\n \r\n \r\n <div class=\"sakura-container\" id=\"sakura-container\"><\/div>\r\n \r\n \r\n <div class=\"floating-elements\" id=\"floating-elements\"><\/div>\r\n \r\n <div class=\"container mx-auto px-4 min-h-screen flex items-center justify-center\">\r\n <div class=\"text-center hero-content space-y-8 max-w-3xl\">\r\n \r\n <div class=\"fade-in\">\r\n <h1 class=\"text-4xl lg:text-6xl font-bold text-gray-900 leading-tight\">\r\n Dream Job in Japan? \r\n We Handle Your Visa \ud83c\uddef\ud83c\uddf5\r\n <\/h1>\r\n <\/div>\r\n \r\n \r\n <div class=\"fade-in\">\r\n <p class=\"text-xl lg:text-2xl text-gray-600\">\r\n Japan Visa, Document translation, Air-tickets & jobs\u2014all in one place.\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"fade-in\">\r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"cta-primary text-white font-bold py-4 px-8 rounded-xl text-lg inline-flex items-center justify-center bg-blue-600 hover:bg-blue-700\">\r\n <i class=\"fab fa-whatsapp mr-3\"><\/i>\r\n Apply Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"py-20 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16 fade-in\">\r\n <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">\u0d85\u0db4\u0d9c\u0dda \u0dc3\u0dda\u0dc0\u0dcf\u0dc0\u0db1\u0dca<\/h2>\r\n <p class=\"text-xl text-gray-600\">Reliable Japan Visa Services from Start to Finish<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-passport text-blue-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Apply Visa<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Quick visa processing with expert guidance and support throughout the application process.<\/p>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=400\" class=\"inline-flex items-center text-blue-600 hover:text-blue-700 font-semibold transition-colors\">\r\n Learn More <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-language text-green-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Document Translation<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Certified translation services for all your visa and legal documents with accuracy guarantee.<\/p>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=472\" class=\"inline-flex items-center text-green-600 hover:text-green-700 font-semibold transition-colors\">\r\n Learn More <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-plane text-purple-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Air Tickets<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Book flights at the best rates with flexible options and dedicated customer support.<\/p>\r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"inline-flex items-center text-purple-600 hover:text-purple-700 font-semibold transition-colors\">\r\n Book Now <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"service-mini-card rounded-2xl p-8 text-center card-hover fade-in\">\r\n <div class=\"w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <i class=\"fas fa-briefcase text-red-600 text-2xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Find Jobs<\/h3>\r\n <p class=\"text-gray-600 mb-6\">Complete support for finding work in Japan including job matching and interview preparation.<\/p>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=188\" class=\"inline-flex items-center text-red-600 hover:text-red-700 font-semibold transition-colors\">\r\n View Jobs <i class=\"fas fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center mt-16 fade-in\">\r\n <div class=\"bg-gradient-to-r from-blue-50 to-purple-50 rounded-3xl p-8 lg:p-12\">\r\n <h3 class=\"text-2xl lg:text-3xl font-bold text-gray-900 mb-4\">Ready to Start Your Japan Journey?<\/h3>\r\n <p class=\"text-gray-600 mb-8 max-w-2xl mx-auto\">Get personalized assistance from our experts and make your dream of working or visiting Japan a reality.<\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"cta-primary text-white font-bold py-4 px-8 rounded-xl text-lg inline-flex items-center justify-center bg-blue-600 hover:bg-blue-700 transition-all\">\r\n <i class=\"fab fa-whatsapp mr-3\"><\/i>\r\n Contact Us Now\r\n <\/a>\r\n <a href=\"https:\/\/japanrakiya.com\/?page_id=472\" class=\"cta-secondary text-blue-600 font-bold py-4 px-8 rounded-xl text-lg inline-flex items-center justify-center border-2 border-blue-600 hover:bg-blue-600 hover:text-white transition-all\">\r\n <i class=\"fas fa-info-circle mr-3\"><\/i>\r\n Learn More\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"how-it-works\" class=\"py-20 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16 fade-in\">\r\n <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">\u0d9a\u0dca\u200d\u0dbb\u0dd2\u0dba\u0dcf\u0dad\u0dca\u0db8\u0d9a \u0dc0\u0db1\u0dca\u0db1\u0dda \u0d9a\u0dd9\u0dc3\u0dda\u0daf?<\/h2>\r\n <p class=\"text-xl text-gray-600\">\u201cHassle-Free Japan Visa & Travel Process\u201d<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold\">1<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-blue-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-phone text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Contact<\/h3>\r\n <p class=\"text-gray-600\">Reach out to us through WhatsApp or phone for initial consultation and guidance.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-green-600 rounded-full flex items-center justify-center text-white font-bold\">2<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-green-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-file-alt text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Submit Docs<\/h3>\r\n <p class=\"text-gray-600\">Provide documents, meet the agent first, then the lawyer for documents and payment.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center text-white font-bold\">3<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-purple-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-clock text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Visa Processing<\/h3>\r\n <p class=\"text-gray-600\">We handle your visa application and update you until receiving the Japan Embassy receipt<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"text-center fade-in\">\r\n <div class=\"w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6 relative\">\r\n <div class=\"w-8 h-8 bg-red-600 rounded-full flex items-center justify-center text-white font-bold\">4<\/div>\r\n <div class=\"absolute -top-2 -right-2 w-6 h-6 bg-red-600 rounded-full flex items-center justify-center\">\r\n <i class=\"fas fa-plane text-white text-xs\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Fly & Begin Work<\/h3>\r\n <p class=\"text-gray-600\">After visa approval, complete final steps, book flights, and start working in Japan<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-25 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto px-7 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12 fade-in\">\r\n <h2 class=\"text-4xl font-bold text-gray-900 mb-4\">Contact Us<\/h2>\r\n <p class=\"text-lg text-gray-600\">Get in touch for any inquiries or assistance<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 mb-8 fade-in\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\r\n \r\n <div>\r\n <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-phone text-blue-600 text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Phone<\/h3>\r\n <p class=\"text-blue-600 font-medium\">+81 90-9516-5465 \/ <\/p>\r\n <\/div>\r\n \r\n \r\n <div>\r\n <div class=\"w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-envelope text-purple-600 text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Email<\/h3>\r\n <p class=\"text-purple-600 font-medium\">admin@japanrakiya.com<\/p>\r\n <\/div>\r\n \r\n \r\n <div>\r\n <div class=\"w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fas fa-clock text-green-600 text-xl\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-2\">Business Hours<\/h3>\r\n <p class=\"text-green-600 font-medium\">Mon - Sat: 9:00 AM - 6:00 PM <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 fade-in\">\r\n <h3 class=\"text-xl font-bold text-gray-900 text-center mb-6\">Quick Contact<\/h3>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\r\n \r\n <a href=\"https:\/\/wa.me\/qr\/7RCY4RCBR3TBB1\" target=\"_blank\" class=\"bg-green-500 hover:bg-green-600 text-white rounded-lg p-4 text-center transition-colors\">\r\n <i class=\"fab fa-whatsapp text-2xl mb-2\"><\/i>\r\n <div class=\"font-semibold\">WhatsApp<\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/web.facebook.com\/groups\/1363264294513039\" target=\"_blank\" class=\"bg-blue-600 hover:bg-blue-700 text-white rounded-lg p-4 text-center transition-colors\">\r\n <i class=\"fab fa-facebook-f text-2xl mb-2\"><\/i>\r\n <div class=\"font-semibold\">Facebook<\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"tel:+819095165465\" class=\"bg-orange-500 hover:bg-orange-600 text-white rounded-lg p-4 text-center transition-colors\">\r\n <i class=\"fas fa-phone text-2xl mb-2\"><\/i>\r\n <div class=\"font-semibold\">Call Now<\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <script>\r\n \/\/ Smooth scrolling for navigation links\r\n function scrollToSection(target) {\r\n document.querySelector(target).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n }\r\n\r\n \/\/ Add click listeners to navigation links - removed since no nav bar\r\n \/\/ document.querySelectorAll('nav a[href^=\"#\"]').forEach(link => {\r\n \/\/ link.addEventListener('click', (e) => {\r\n \/\/ e.preventDefault();\r\n \/\/ const target = link.getAttribute('href');\r\n \/\/ scrollToSection(target);\r\n \/\/ \/\/ Close mobile menu if open\r\n \/\/ mobileMenu.classList.remove('open');\r\n \/\/ });\r\n \/\/ });\r\n\r\n \/\/ Fade in animation on scroll\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all fade-in elements\r\n document.querySelectorAll('.fade-in').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Navbar background change on scroll - removed since no navbar\r\n \/\/ window.addEventListener('scroll', () => {\r\n \/\/ const navbar = document.querySelector('nav');\r\n \/\/ if (window.scrollY > 100) {\r\n \/\/ navbar.classList.add('bg-white', 'shadow-lg');\r\n \/\/ } else {\r\n \/\/ navbar.classList.remove('bg-white', 'shadow-lg');\r\n \/\/ }\r\n \/\/ });\r\n\r\n \/\/ Hero animation initialization\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Create cherry blossom petals\r\n createSakuraPetals();\r\n \r\n \/\/ Create floating elements\r\n createFloatingElements();\r\n \r\n \/\/ Trigger fade-in for hero section elements\r\n setTimeout(() => {\r\n document.querySelectorAll('#home .fade-in').forEach((el, index) => {\r\n setTimeout(() => {\r\n el.classList.add('visible');\r\n }, index * 200);\r\n });\r\n }, 300);\r\n });\r\n \r\n \/\/ Create cherry blossom petals animation\r\n function createSakuraPetals() {\r\n const container = document.getElementById('sakura-container');\r\n \r\n function createPetal() {\r\n const petal = document.createElement('div');\r\n petal.className = 'sakura-petal';\r\n \r\n \/\/ Add random variants for different petal colors\r\n const variants = ['', 'variant-1', 'variant-2'];\r\n const randomVariant = variants[Math.floor(Math.random() * variants.length)];\r\n if (randomVariant) {\r\n petal.classList.add(randomVariant);\r\n }\r\n \r\n \/\/ Random starting position (spread across full width)\r\n petal.style.left = Math.random() * 100 + '%';\r\n \r\n \/\/ Varied animation duration for more natural movement\r\n petal.style.animationDuration = (Math.random() * 8 + 12) + 's';\r\n petal.style.animationDelay = Math.random() * 3 + 's';\r\n \r\n \/\/ Random size variation for more realistic petals\r\n const sizeMultiplier = Math.random() * 0.6 + 0.7; \/\/ 0.7x to 1.3x\r\n const baseSize = 12;\r\n const size = baseSize * sizeMultiplier;\r\n petal.style.width = size + 'px';\r\n petal.style.height = size + 'px';\r\n \r\n \/\/ Adjust pseudo-elements for size\r\n petal.style.setProperty('--petal-size', size + 'px');\r\n \r\n \/\/ Random rotation for initial orientation\r\n const initialRotation = Math.random() * 360;\r\n petal.style.transform = `rotate(${initialRotation}deg)`;\r\n \r\n \/\/ Slightly varied opacity\r\n const opacity = Math.random() * 0.3 + 0.6; \/\/ 0.6 to 0.9\r\n petal.style.opacity = opacity;\r\n \r\n container.appendChild(petal);\r\n \r\n \/\/ Remove petal after animation (increased time for longer animations)\r\n setTimeout(() => {\r\n if (petal.parentNode) {\r\n petal.parentNode.removeChild(petal);\r\n }\r\n }, 20000);\r\n }\r\n \r\n \/\/ Create initial petals with staggered timing\r\n for (let i = 0; i < 12; i++) {\r\n setTimeout(() => createPetal(), i * 1500);\r\n }\r\n \r\n \/\/ Continuously create new petals more frequently for fuller effect\r\n setInterval(createPetal, 2000);\r\n }\r\n \r\n \/\/ Create floating elements animation\r\n function createFloatingElements() {\r\n const container = document.getElementById('floating-elements');\r\n \r\n function createFloatingCircle() {\r\n const circle = document.createElement('div');\r\n circle.className = 'floating-circle';\r\n \r\n \/\/ Random starting position\r\n circle.style.left = Math.random() * 100 + '%';\r\n circle.style.animationDuration = (Math.random() * 20 + 25) + 's';\r\n circle.style.animationDelay = Math.random() * 10 + 's';\r\n \r\n \/\/ Random size\r\n const size = Math.random() * 60 + 20;\r\n circle.style.width = size + 'px';\r\n circle.style.height = size + 'px';\r\n \r\n \/\/ Random opacity and color\r\n const opacity = Math.random() * 0.1 + 0.05;\r\n const colors = ['rgba(59, 130, 246, ' + opacity + ')', 'rgba(168, 85, 247, ' + opacity + ')', 'rgba(236, 72, 153, ' + opacity + ')'];\r\n circle.style.background = colors[Math.floor(Math.random() * colors.length)];\r\n \r\n container.appendChild(circle);\r\n \r\n \/\/ Remove circle after animation\r\n setTimeout(() => {\r\n if (circle.parentNode) {\r\n circle.parentNode.removeChild(circle);\r\n }\r\n }, 45000);\r\n }\r\n \r\n \/\/ Create initial circles\r\n for (let i = 0; i < 3; i++) {\r\n setTimeout(() => createFloatingCircle(), i * 5000);\r\n }\r\n \r\n \/\/ Continuously create new circles\r\n setInterval(createFloatingCircle, 8000);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Japan Rakiya – Jobs, Visa, and Travel Services Dream Job in Japan? We Handle Your Visa \ud83c\uddef\ud83c\uddf5 Japan Visa, Document […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1734","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"tevon","author_link":"https:\/\/japanrakiya.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Japan Rakiya – Jobs, Visa, and Travel Services Dream Job in Japan? We Handle Your Visa \ud83c\uddef\ud83c\uddf5 Japan Visa, Document […]","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1318,"url":"https:\/\/japanrakiya.com\/?page_id=1318","url_meta":{"origin":1734,"position":0},"title":"ABOUT US","author":"tevon","date":"February 1, 2025","format":false,"excerpt":"Professional Japan Visa Service Moshi Moshi Japan is dedicated to helping individuals and families achieve their dream of working in Japan. With years of experience in visa processing and travel support, we provide reliable, step-by-step assistance to ensure your application process is smooth, accurate, and stress-free. Book Visa Consultation Mission\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":472,"url":"https:\/\/japanrakiya.com\/?page_id=472","url_meta":{"origin":1734,"position":1},"title":"OUR SERVICES","author":"tevon","date":"December 15, 2024","format":false,"excerpt":"Information & Pre-arrival \u2014 Moshi Moshi Japan Information & Pre-arrival \u0d94\u0db6 \u0da2\u0db4\u0dcf\u0db1\u0dba\u0da7 \u0db4\u0dd0\u0db8\u0dd2\u0dab\u0dd3\u0db8\u0da7 \u0db4\u0dd9\u0dbb \u0d85\u0db4 \u0dc4\u0dcf \u0daf\u0dd4\u0dbb\u0d9a\u0dae\u0db1\u0dba\u0dd9\u0db1\u0dca \u0dc3\u0db8\u0dca\u0db6\u0db1\u0dca\u0db0 \u0dc0\u0dd3\u0db8\u0dd9\u0db1\u0dca \u0dad\u0ddc\u0dbb\u0dad\u0dd4\u0dbb\u0dd4 \u0daf\u0dd0\u0db1\u0d9c\u0dad \u0dc4\u0dd0\u0d9a\u0dd2\u0dba Airport Pickup \u0d9c\u0dd4\u0dc0\u0db1\u0dca \u0dad\u0ddc\u0da7\u0dd4\u0db4\u0dc5\u0dda \u0dc3\u0dd2\u0da7 \u0d85\u0db4 \u0db4\u0dd0\u0db8\u0dd2\u0dab \u0d94\u0db6\u0dc0 \u0dbb\u0dd0\u0d9c\u0dd9\u0db1 \u0dba\u0dcf\u0db8 We pick you up from the airport Winter Clothes \u0dc1\u0dd3\u0dad \u0d9a\u0dcf\u0dbd\u0dba \u0dc3\u0db3\u0dc4\u0dcf \u0d85\u0dc0\u0dc1\u0dca\u200d\u0dba\u0dba \u0dbb\u0dd9\u0daf\u0dd2 (\u0da2\u0dd0\u0d9a\u0da7\u0dca, \u0d9a\u0dbd\u0dd2\u0dc3\u0db8\u0dca, \u0d9a\u0db8\u0dd2\u0dc3) \u0dbb\u0dd0\u0d9c\u0dd9\u0db1\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":299,"url":"https:\/\/japanrakiya.com\/?page_id=299","url_meta":{"origin":1734,"position":2},"title":"Other Country Visa","author":"tevon","date":"December 14, 2024","format":false,"excerpt":"Other Country Visa Other Country Visa Apply for your visa quickly and easily. Explore multiple countries with reliable and professional visa services. Canada 72 LAKS Experience Canada\u2019s natural beauty and urban culture effortlessly with our visa services. Visa Duration: 1 - 3 or 6 Months Time taken to obtain a\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":400,"url":"https:\/\/japanrakiya.com\/?page_id=400","url_meta":{"origin":1734,"position":3},"title":"Japan Visa","author":"tevon","date":"December 14, 2024","format":false,"excerpt":"JAPAN WORKING VISA \u2714 1 YEAR \u2714 2 YEARS \u2714 3 YEARS Visa Options \u2013 Full Width Page \ud83d\udcc4 Required Documents for Visa Application \u2022 Birth Certificate (Original & Photocopy) \u2022 Marriage Certificate (Original & Photocopy) \u2022 National Identity Card (Original & Photocopy) \u2022 Passport (Original & Photocopy) \u2022 Passport\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1734"}],"version-history":[{"count":5,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages\/1734\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/japanrakiya.com\/index.php?rest_route=\/wp\/v2\/pages\/1734\/revisions\/2316"}],"wp:attachment":[{"href":"https:\/\/japanrakiya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}