{"id":8,"date":"2025-08-24T08:54:13","date_gmt":"2025-08-24T08:54:13","guid":{"rendered":"https:\/\/bluwellness.in\/?page_id=8"},"modified":"2025-11-13T11:32:50","modified_gmt":"2025-11-13T11:32:50","slug":"home","status":"publish","type":"page","link":"https:\/\/bluwellness.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Blu Wellness - Evolve Your Potential<\/title>\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Swiper.js (for Services Slider) -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n <script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- Global Body Style --- *\/\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #121212;\r\n color: #EAEAEA;\r\n }\r\n\r\n \/* --- Scoped Header Styles --- *\/\r\n #blu-header-container {\r\n --primary-blue: #007BFF;\r\n --text-light: #EAEAEA;\r\n }\r\n #blu-header-container #main-header {\r\n transition: background-color 0.4s ease;\r\n }\r\n #blu-header-container #main-header.header-scrolled {\r\n background-color: rgba(18, 18, 18, 0.9);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n #blu-header-container .nav-link {\r\n position: relative;\r\n color: var(--text-light);\r\n transition: color 0.3s ease;\r\n letter-spacing: 1px;\r\n padding-bottom: 4px;\r\n }\r\n #blu-header-container .nav-link:hover {\r\n color: var(--primary-blue);\r\n }\r\n #blu-header-container .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: var(--primary-blue);\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n }\r\n #blu-header-container .nav-link:hover::after {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n #blu-header-container #mobile-menu.open {\r\n transform: translateY(0);\r\n }\r\n #blu-header-container #mobile-menu-button .hamburger-line {\r\n transition: transform 0.3s ease, opacity 0.3s ease;\r\n }\r\n #blu-header-container #mobile-menu-button.is-active .hamburger-line:nth-child(1) {\r\n transform: translateY(8px) rotate(45deg);\r\n }\r\n #blu-header-container #mobile-menu-button.is-active .hamburger-line:nth-child(2) {\r\n opacity: 0;\r\n }\r\n #blu-header-container #mobile-menu-button.is-active .hamburger-line:nth-child(3) {\r\n transform: translateY(-8px) rotate(-45deg);\r\n }\r\n #blu-header-container .btn-primary {\r\n background-color: var(--primary-blue);\r\n color: var(--text-light);\r\n transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 2px solid var(--primary-blue);\r\n font-weight: 600;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n #blu-header-container .btn-primary:after {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0;\r\n height: 100%; width: 100%;\r\n background-color: #fff;\r\n z-index: -1;\r\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n transform-origin: 0 50%;\r\n transform: scaleX(0);\r\n }\r\n #blu-header-container .btn-primary:hover {\r\n color: var(--primary-blue);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px -10px rgba(0, 123, 255, 0.6);\r\n }\r\n #blu-header-container .btn-primary:hover:after {\r\n transform: scaleX(1);\r\n }\r\n #blu-header-container #header-logo {\r\n transition: opacity 0.4s ease, width 0.4s ease, margin-right 0.4s ease;\r\n }\r\n #blu-header-container #desktop-nav-container {\r\n transition: margin-left 0.4s ease;\r\n }\r\n #blu-header-container #main-header.header-scrolled #header-logo {\r\n opacity: 0;\r\n width: 0;\r\n margin-right: 0;\r\n pointer-events: none;\r\n }\r\n #blu-header-container #main-header.header-scrolled #desktop-nav-container {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* --- Scoped Body Styles --- *\/\r\n #blu-wellness-container {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #121212;\r\n color: #EAEAEA;\r\n overflow-x: hidden;\r\n position: relative; \/* Crucial for positioning background effects *\/\r\n \/* -- Define CSS variables locally to this container -- *\/\r\n --primary-blue: #007BFF;\r\n --secondary-gold: #FFD700;\r\n --accent-red: #DC3545;\r\n --background-dark: #121212;\r\n --card-bg: #1A1A1A;\r\n --text-light: #EAEAEA;\r\n --text-muted: #A0A0A0;\r\n }\r\n #blu-wellness-container .background-blobs {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n filter: blur(100px);\r\n opacity: 0.25;\r\n }\r\n #blu-wellness-container .blob {\r\n position: absolute;\r\n border-radius: 50%;\r\n will-change: transform;\r\n }\r\n #blu-wellness-container .blob:nth-child(1) {\r\n width: 600px; height: 600px; top: -15%; left: -15%;\r\n background: var(--primary-blue);\r\n animation: moveBlob1 25s infinite alternate;\r\n }\r\n #blu-wellness-container .blob:nth-child(2) {\r\n width: 450px; height: 450px; top: 25%; right: -20%;\r\n background: var(--accent-red);\r\n animation: moveBlob2 30s infinite alternate;\r\n }\r\n #blu-wellness-container .blob:nth-child(3) {\r\n width: 350px; height: 350px; bottom: -25%; left: 30%;\r\n background: var(--secondary-gold);\r\n animation: moveBlob3 20s infinite alternate;\r\n }\r\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n @keyframes pulse {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }\r\n }\r\n @keyframes gradient-animation {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n @keyframes moveBlob1 { from { transform: translate(-10%, -10%) scale(1); } to { transform: translate(20%, 30%) scale(1.2); } }\r\n @keyframes moveBlob2 { from { transform: translate(10%, 20%) scale(1); } to { transform: translate(-20%, -10%) scale(0.8); } }\r\n @keyframes moveBlob3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-30%, 20%) scale(1.3); } }\r\n \r\n #blu-wellness-container section {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n #blu-wellness-container .section-title {\r\n font-weight: 900;\r\n background: linear-gradient(90deg, var(--primary-blue), var(--text-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n }\r\n #blu-wellness-container .btn-primary {\r\n background-color: var(--primary-blue);\r\n color: var(--text-light);\r\n transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 2px solid var(--primary-blue);\r\n font-weight: 600;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n #blu-wellness-container .btn-primary:after {\r\n content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%;\r\n background-color: #fff; z-index: -1;\r\n transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\r\n transform-origin: 0 50%; transform: scaleX(0);\r\n }\r\n #blu-wellness-container .btn-primary:hover {\r\n color: var(--primary-blue); transform: translateY(-3px);\r\n box-shadow: 0 10px 20px -10px rgba(0, 123, 255, 0.6);\r\n }\r\n #blu-wellness-container .btn-primary:hover:after { transform: scaleX(1); }\r\n #blu-wellness-container .reveal {\r\n opacity: 0; transform: translateY(50px);\r\n transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n }\r\n #blu-wellness-container .reveal.visible { opacity: 1; transform: translateY(0); }\r\n \r\n #blu-wellness-container .hero-slide {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background-size: cover; background-position: center;\r\n opacity: 0;\r\n transition: opacity 1.5s ease-in-out, transform 7s ease-in-out;\r\n transform: scale(1.05); z-index: 1;\r\n }\r\n #blu-wellness-container .hero-slide.active { opacity: 1; transform: scale(1); z-index: 2; }\r\n #blu-wellness-container .potential-container { position: relative; max-width: 900px; margin: auto; height: 600px; }\r\n #blu-wellness-container .potential-node {\r\n position: absolute; text-align: center;\r\n transition: transform 0.3s ease, color 0.3s ease;\r\n width: 140px; cursor: pointer;\r\n }\r\n #blu-wellness-container .potential-node .circle {\r\n width: 80px; height: 80px; border: 1px solid rgba(0, 123, 255, 0.5);\r\n border-radius: 50%; margin: 0 auto 10px; display: flex;\r\n align-items: center; justify-content: center; position: relative;\r\n transition: all 0.3s ease;\r\n }\r\n #blu-wellness-container .potential-node .circle::before {\r\n content: ''; position: absolute; width: 90px; height: 90px;\r\n border: 1px dashed var(--primary-blue); border-radius: 50%;\r\n animation: spin 20s linear infinite;\r\n }\r\n #blu-wellness-container .potential-node .inner-circle {\r\n width: 10px; height: 10px; background-color: var(--primary-blue);\r\n border-radius: 50%; box-shadow: 0 0 15px var(--primary-blue);\r\n transition: all 0.3s ease;\r\n }\r\n #blu-wellness-container .potential-node p {\r\n font-size: 0.9rem; color: var(--text-muted); font-weight: 300;\r\n transition: color 0.3s ease;\r\n }\r\n #blu-wellness-container .potential-node:hover { transform: scale(1.1); }\r\n #blu-wellness-container .potential-node:hover .circle {\r\n border-color: var(--secondary-gold);\r\n box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);\r\n }\r\n #blu-wellness-container .potential-node:hover .inner-circle {\r\n background-color: var(--secondary-gold);\r\n box-shadow: 0 0 25px var(--secondary-gold);\r\n }\r\n #blu-wellness-container .potential-node:hover p { color: var(--text-light); }\r\n #blu-wellness-container .central-image-container {\r\n position: absolute; inset: 0; display: flex;\r\n align-items: center; justify-content: center;\r\n }\r\n #blu-wellness-container .central-image-container img {\r\n max-height: 90%; max-width: 90%; object-fit: contain;\r\n filter: drop-shadow(0 0 30px rgba(0,0,0,0.8));\r\n transition: transform 0.5s ease;\r\n }\r\n #blu-wellness-container .potential-container:hover .central-image-container img { transform: scale(1.03); }\r\n #blu-wellness-container .arcs-container {\r\n position: absolute; inset: 0; display: flex;\r\n align-items: center; justify-content: center;\r\n }\r\n #blu-wellness-container .arc { position: absolute; border-radius: 50%; border-style: solid; }\r\n #blu-wellness-container #commitment { position: relative; overflow: hidden; }\r\n #blu-wellness-container #commitment::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 100%;\r\n background: linear-gradient(110deg, var(--card-bg) 40%, rgba(255,255,255,0.05) 50%, var(--card-bg) 60%);\r\n animation: shimmer 10s linear infinite; z-index: 0;\r\n }\r\n @keyframes shimmer { from { transform: translateX(-50%); } to { transform: translateX(0%); } }\r\n #blu-wellness-container #commitment > .container { position: relative; z-index: 1; }\r\n #blu-wellness-container .services-slider { width: 100%; height: 70vh; }\r\n @media (min-width: 768px) { #blu-wellness-container .services-slider { height: 80vh; } }\r\n #blu-wellness-container .services-slider .swiper-slide {\r\n position: relative; background-size: cover; background-position: center;\r\n display: flex; align-items: center; justify-content: center; overflow: hidden;\r\n }\r\n #blu-wellness-container .services-slider .slide-content {\r\n position: relative; z-index: 10; text-align: center; color: white;\r\n opacity: 0; transform: translateY(20px);\r\n transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;\r\n }\r\n #blu-wellness-container .services-slider .swiper-slide-active .slide-content { opacity: 1; transform: translateY(0); }\r\n #blu-wellness-container .services-slider .slide-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); z-index: 5; }\r\n #blu-wellness-container .services-slider .geometric-shape {\r\n position: absolute; background-color: var(--primary-blue); opacity: 0.8;\r\n z-index: 8; transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);\r\n }\r\n #blu-wellness-container .shape-left {\r\n top: 0; left: 0; width: 40%; height: 100%;\r\n clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%); transform: translateX(-100%);\r\n }\r\n #blu-wellness-container .shape-right {\r\n bottom: 0; right: 0; width: 40%; height: 100%;\r\n clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%); transform: translateX(100%);\r\n }\r\n #blu-wellness-container .services-slider .swiper-slide-active .geometric-shape { transform: translateX(0); }\r\n #blu-wellness-container .services-slider .swiper-button-next,\r\n #blu-wellness-container .services-slider .swiper-button-prev { color: white; --swiper-navigation-size: 32px; }\r\n @media (min-width: 768px) {\r\n #blu-wellness-container .services-slider .swiper-button-next,\r\n #blu-wellness-container .services-slider .swiper-button-prev { --swiper-navigation-size: 44px; }\r\n }\r\n #blu-wellness-container .how-it-works-graphic {\r\n position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n width: 200px; height: 200px;\r\n }\r\n @media (min-width: 768px) { #blu-wellness-container .how-it-works-graphic { width: 300px; height: 300px; } }\r\n #blu-wellness-container .how-it-works-graphic .circle { fill: none; stroke: var(--primary-blue); stroke-width: 2; opacity: 0.3; }\r\n #blu-wellness-container .how-it-works-graphic .icon { fill: var(--primary-blue); animation: pulse 2s infinite; }\r\n #blu-wellness-container .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2.5rem; }\r\n #blu-wellness-container .team-card {\r\n background: #fff; padding: 1rem; border-radius: 0.5rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n #blu-wellness-container .team-card:nth-child(3n+1) { transform: rotate(2deg); }\r\n #blu-wellness-container .team-card:nth-child(3n+2) { transform: rotate(-2deg); }\r\n #blu-wellness-container .team-card:nth-child(3n+3) { transform: rotate(1deg); }\r\n #blu-wellness-container .team-card:hover {\r\n transform: translateY(-15px) rotate(0deg) scale(1.05);\r\n box-shadow: 0 20px 35px rgba(0,0,0,0.3); z-index: 10; position: relative;\r\n }\r\n #blu-wellness-container .team-card .team-content { text-align: center; }\r\n #blu-wellness-container .team-card .team-content h3 { color: #2d3748; font-weight: 700; font-size: 1.25rem; }\r\n #blu-wellness-container .team-card .team-content p { color: #718096; font-size: 1rem; }\r\n #blu-wellness-container .team-card .team-content a { color: var(--primary-blue); font-weight: 600; }\r\n #blu-wellness-container .philosophy-section {\r\n position: relative; overflow: hidden;\r\n background: linear-gradient(-45deg, #121212, #1a1a1a, #121212, #001f3f);\r\n background-size: 400% 400%; animation: gradient-animation 15s ease infinite;\r\n }\r\n #blu-wellness-container .flip-card { background-color: transparent; width: 100%; height: 350px; perspective: 1000px; }\r\n #blu-wellness-container .flip-card-inner {\r\n position: relative; width: 100%; height: 100%; text-align: center;\r\n transition: transform 0.8s; transform-style: preserve-3d;\r\n }\r\n #blu-wellness-container .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }\r\n #blu-wellness-container .flip-card-front, #blu-wellness-container .flip-card-back {\r\n position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden; border-radius: 1rem; display: flex;\r\n flex-direction: column; align-items: center; justify-content: center; padding: 2rem;\r\n }\r\n #blu-wellness-container .flip-card-front { background-color: var(--card-bg); border: 1px solid var(--primary-blue); }\r\n #blu-wellness-container .flip-card-back { background-color: var(--primary-blue); color: white; transform: rotateY(180deg); }\r\n\r\n \/* --- Scoped Footer Styles --- *\/\r\n #blu-footer-container {\r\n \/* -- Define CSS variables locally to this container -- *\/\r\n --primary-blue: #007BFF;\r\n --text-light: #EAEAEA;\r\n --text-muted: #A0A0A0;\r\n --card-bg: #1A1A1A;\r\n }\r\n #blu-footer-container .footer-link {\r\n transition: color 0.3s ease;\r\n }\r\n #blu-footer-container .footer-link:hover {\r\n color: var(--primary-blue);\r\n }\r\n #blu-footer-container .social-icon svg {\r\n transition: transform 0.3s ease, fill 0.3s ease;\r\n }\r\n #blu-footer-container .social-icon:hover svg {\r\n transform: scale(1.2);\r\n fill: var(--primary-blue);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-black\">\r\n\r\n <!-- \r\n =====================================================================\r\n HEADER\r\n =====================================================================\r\n -->\r\n <div id=\"blu-header-container\">\r\n <!-- Header -->\r\n <header id=\"main-header\" class=\"fixed top-0 left-0 w-full z-50 py-6\">\r\n <div class=\"container mx-auto px-6 flex items-center\">\r\n <!-- Logo Container -->\r\n <a href=\"#\" id=\"header-logo\" class=\"block z-50 w-20 h-8 flex-shrink-0\">\r\n <img decoding=\"async\" src=\"https:\/\/bluwellness.in\/wp-content\/uploads\/2025\/08\/Blue-Logo-1.png\" alt=\"Blu Wellness Logo\" class=\"w-full h-full object-contain\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/80x32\/121212\/FFFFFF?text=Blu.';\">\r\n <\/a>\r\n \r\n <!-- Right Side Items Wrapper - Using ml-auto to push to the right -->\r\n <div id=\"desktop-nav-container\" class=\"hidden md:flex items-center ml-auto space-x-8\">\r\n <!-- Desktop Navigation -->\r\n <nav class=\"flex items-center space-x-8\">\r\n <a href=\"#potential\" class=\"nav-link\">Potential<\/a>\r\n <a href=\"#philosophy\" class=\"nav-link\">Philosophy<\/a>\r\n <a href=\"#services\" class=\"nav-link\">Services<\/a>\r\n <a href=\"#team\" class=\"nav-link\">Team<\/a>\r\n <\/nav>\r\n <!-- Contact Button -->\r\n <a href=\"#contact\" class=\"btn-primary py-2 px-6 rounded-full text-sm\">Contact Us<\/a>\r\n <\/div>\r\n \r\n <!-- Mobile Menu Button (Hamburger) - Using ml-auto to push to the right -->\r\n <button id=\"mobile-menu-button\" class=\"md:hidden text-white z-50 p-2 ml-auto\">\r\n <div class=\"space-y-2\">\r\n <span class=\"block w-6 h-0.5 bg-white hamburger-line\"><\/span>\r\n <span class=\"block w-6 h-0.5 bg-white hamburger-line\"><\/span>\r\n <span class=\"block w-6 h-0.5 bg-white hamburger-line\"><\/span>\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Mobile Menu Panel -->\r\n <div id=\"mobile-menu\" class=\"fixed top-0 left-0 w-full h-full bg-black\/90 backdrop-blur-sm z-40 flex flex-col items-center justify-center space-y-8 transition-transform duration-500 transform -translate-y-full\">\r\n <a href=\"#potential\" class=\"text-3xl font-bold text-white mobile-nav-link\">Potential<\/a>\r\n <a href=\"#philosophy\" class=\"text-3xl font-bold text-white mobile-nav-link\">Philosophy<\/a>\r\n <a href=\"#services\" class=\"text-3xl font-bold text-white mobile-nav-link\">Services<\/a>\r\n <a href=\"#team\" class=\"text-3xl font-bold text-white mobile-nav-link\">Team<\/a>\r\n <a href=\"#contact\" class=\"mt-8 btn-primary py-3 px-8 rounded-full text-lg mobile-nav-link\">Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \r\n =====================================================================\r\n BODY CONTENT\r\n =====================================================================\r\n -->\r\n <div id=\"blu-wellness-container\">\r\n \r\n <!-- Background Blobs Container -->\r\n <div class=\"background-blobs\">\r\n <div class=\"blob\"><\/div>\r\n <div class=\"blob\"><\/div>\r\n <div class=\"blob\"><\/div>\r\n <\/div>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"relative h-screen w-full flex items-center overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-full h-full\">\r\n <div class=\"hero-slide active\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?q=80&w=2070&auto=format&fit=crop');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1541534741688-6078c6bfb5c5?q=80&w=2069&auto=format&fit=crop');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1599058917212-d750089bc07e?q=80&w=2069&auto=format&fit=crop');\"><\/div>\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-black\/80 to-black\/40 z-10\"><\/div>\r\n <div class=\"relative z-20 container mx-auto px-6\">\r\n <div class=\"max-w-xl text-left\">\r\n <p class=\"text-lg font-semibold text-[var(--primary-blue)] mb-2 reveal\" style=\"animation: fadeInUp 1s ease-out;\">#DISCOVERYOURPOTENTIAL<\/p>\r\n <div class=\"w-24 h-1 bg-[var(--primary-blue)] mb-4 reveal\" style=\"transition-delay: 0.1s;\"><\/div>\r\n <h1 class=\"text-4xl sm:text-5xl md:text-7xl font-black text-white mb-4 reveal\" style=\"transition-delay: 0.2s;\">LEARN. EVOLVE. GROW.<\/h1>\r\n <p class=\"text-base sm:text-lg max-w-lg text-gray-300 mb-8 reveal\" style=\"transition-delay: 0.4s;\">Longevity through exercise and nutrition. Discover the power within.<\/p>\r\n <a href=\"#contact\" class=\"btn-primary py-3 px-8 md:py-4 md:px-12 rounded-full text-base md:text-lg reveal\" style=\"transition-delay: 0.6s;\">Begin Your Journey<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Unleash Your Potential Section -->\r\n <section id=\"potential\" class=\"py-16 md:py-24 bg-transparent\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"section-title text-4xl md:text-5xl mb-4 reveal\">A NEW ERA OF WELLNESS<\/h2>\r\n <p class=\"text-base md:text-lg text-gray-400 mb-12 md:mb-16 reveal\" style=\"transition-delay: 0.2s; font-style: italic;\">\"To create a happier and healthier society.\"<\/p>\r\n <div class=\"hidden md:block potential-container reveal\">\r\n <div class=\"arcs-container\">\r\n <div class=\"arc\" style=\"width: 400px; height: 400px; border-width: 2px; border-color: transparent var(--accent-red) transparent transparent; animation: spin 10s linear infinite reverse;\"><\/div>\r\n <div class=\"arc\" style=\"width: 500px; height: 500px; border-width: 2px; border-color: transparent transparent var(--secondary-gold) transparent; animation: spin 12s linear infinite;\"><\/div>\r\n <div class=\"arc\" style=\"width: 600px; height: 600px; border-width: 2px; border-color: var(--primary-blue) transparent transparent transparent; animation: spin 15s linear infinite reverse;\"><\/div>\r\n <\/div>\r\n <div class=\"central-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/GvT1F1n\/sprinter-nobg.png\" alt=\"Athlete sprinting\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/1A1A1A\/EAEAEA?text=Athlete';\">\r\n <\/div>\r\n <div class=\"potential-node\" style=\"top: 15%; left: 0%;\"><div class=\"circle\"><div class=\"inner-circle\"><\/div><\/div><p>Sports Massage<\/p><\/div>\r\n <div class=\"potential-node\" style=\"top: 50%; left: -10%; transform: translateY(-50%);\"><div class=\"circle\"><div class=\"inner-circle\"><\/div><\/div><p>Rehabilitation<\/p><\/div>\r\n <div class=\"potential-node\" style=\"bottom: 15%; left: 5%;\"><div class=\"circle\"><div class=\"inner-circle\"><\/div><\/div><p>Strength & Conditioning<\/p><\/div>\r\n <div class=\"potential-node\" style=\"top: 15%; right: 0%;\"><div class=\"circle\"><div class=\"inner-circle\"><\/div><\/div><p>Nutritional Consulting<\/p><\/div>\r\n <div class=\"potential-node\" style=\"top: 50%; right: -10%; transform: translateY(-50%);\"><div class=\"circle\"><div class=\"inner-circle\"><\/div><\/div><p>Physiotherapy<\/p><\/div>\r\n <div class=\"potential-node\" style=\"bottom: 15%; right: 5%;\"><div class=\"circle\"><div class=\"inner-circle\"><\/div><\/div><p>Olympic Weightlifting<\/p><\/div>\r\n <\/div>\r\n <div class=\"md:hidden grid grid-cols-2 gap-8 reveal\">\r\n <div class=\"flex flex-col items-center text-center\"><div class=\"w-20 h-20 rounded-full border border-blue-500\/50 flex items-center justify-center mb-2\"><div class=\"w-3 h-3 bg-blue-500 rounded-full shadow-lg shadow-blue-500\/50\"><\/div><\/div><p class=\"text-sm text-gray-400\">Sports Massage<\/p><\/div>\r\n <div class=\"flex flex-col items-center text-center\"><div class=\"w-20 h-20 rounded-full border border-blue-500\/50 flex items-center justify-center mb-2\"><div class=\"w-3 h-3 bg-blue-500 rounded-full shadow-lg shadow-blue-500\/50\"><\/div><\/div><p class=\"text-sm text-gray-400\">Rehabilitation<\/p><\/div>\r\n <div class=\"flex flex-col items-center text-center\"><div class=\"w-20 h-20 rounded-full border border-blue-500\/50 flex items-center justify-center mb-2\"><div class=\"w-3 h-3 bg-blue-500 rounded-full shadow-lg shadow-blue-500\/50\"><\/div><\/div><p class=\"text-sm text-gray-400\">Strength & Conditioning<\/p><\/div>\r\n <div class=\"flex flex-col items-center text-center\"><div class=\"w-20 h-20 rounded-full border border-blue-500\/50 flex items-center justify-center mb-2\"><div class=\"w-3 h-3 bg-blue-500 rounded-full shadow-lg shadow-blue-500\/50\"><\/div><\/div><p class=\"text-sm text-gray-400\">Nutritional Consulting<\/p><\/div>\r\n <div class=\"flex flex-col items-center text-center\"><div class=\"w-20 h-20 rounded-full border border-blue-500\/50 flex items-center justify-center mb-2\"><div class=\"w-3 h-3 bg-blue-500 rounded-full shadow-lg shadow-blue-500\/50\"><\/div><\/div><p class=\"text-sm text-gray-400\">Physiotherapy<\/p><\/div>\r\n <div class=\"flex flex-col items-center text-center\"><div class=\"w-20 h-20 rounded-full border border-blue-500\/50 flex items-center justify-center mb-2\"><div class=\"w-3 h-3 bg-blue-500 rounded-full shadow-lg shadow-blue-500\/50\"><\/div><\/div><p class=\"text-sm text-gray-400\">Olympic Weightlifting<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Commitment & Achievement Section -->\r\n <section id=\"commitment\" class=\"py-16 md:py-24 bg-[var(--card-bg)]\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid md:grid-cols-2 gap-12 md:gap-16 items-center\">\r\n <div class=\"relative reveal text-center md:text-left\">\r\n <div class=\"absolute top-1\/2 left-1\/2 md:left-0 transform -translate-y-1\/2 -translate-x-1\/2 md:-translate-x-1\/4 w-64 h-64 bg-black rounded-full opacity-20 blur-2xl\"><\/div>\r\n <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black leading-tight\">\r\n <span class=\"text-[var(--primary-blue)]\">Customer First.<\/span><br>\r\n <span class=\"text-white\">Superior Facilities.<\/span><br>\r\n <span class=\"text-[var(--primary-blue)]\">Qualified Professionals.<\/span>\r\n <\/h2>\r\n <\/div>\r\n <div class=\"space-y-12 reveal\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"text-center md:text-right\">\r\n <p class=\"text-4xl md:text-5xl lg:text-6xl font-black text-[var(--primary-blue)]\">20+<\/p>\r\n <p class=\"text-base md:text-lg text-gray-400\">Years of combined experience<\/p>\r\n <\/div>\r\n <div class=\"text-center md:text-right\">\r\n <p class=\"text-4xl md:text-5xl lg:text-6xl font-black text-[var(--primary-blue)]\">10+<\/p>\r\n <p class=\"text-base md:text-lg text-gray-400\">Services under one roof<\/p>\r\n <\/div>\r\n <div class=\"text-center md:text-right\">\r\n <p class=\"text-4xl md:text-5xl lg:text-6xl font-black text-[var(--primary-blue)]\">100%<\/p>\r\n <p class=\"text-base md:text-lg text-gray-400\">Commitment to your wellness<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Our Philosophy Section -->\r\n <section id=\"philosophy\" class=\"philosophy-section py-16 md:py-24\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"section-title text-4xl md:text-5xl text-center mb-12 md:mb-16 reveal\">Our Philosophy<\/h2>\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div class=\"flip-card reveal\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\"><svg class=\"w-20 h-20 text-[var(--primary-blue)] mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg><h3 class=\"text-3xl font-bold text-white\">MIND<\/h3><p class=\"text-gray-400 mt-2\">Emotional and mental fortitude.<\/p><\/div>\r\n <div class=\"flip-card-back\"><h3 class=\"text-2xl font-bold mb-2\">Enhance Performance<\/h3><p>We help develop you emotionally and mentally to enhance your performance and well-being, turning mental strength into your greatest asset.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flip-card reveal\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\"><svg class=\"w-20 h-20 text-[var(--primary-blue)] mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"><\/path><\/svg><h3 class=\"text-3xl font-bold text-white\">BODY<\/h3><p class=\"text-gray-400 mt-2\">Physical strength and resilience.<\/p><\/div>\r\n <div class=\"flip-card-back\"><h3 class=\"text-2xl font-bold mb-2\">Build Your Machine<\/h3><p>Through tailored strength, conditioning, and nutrition, we sculpt a powerful, resilient physique ready to perform at its absolute best, reducing the odds of injury.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flip-card reveal\" style=\"transition-delay: 0.4s;\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\"><svg class=\"w-20 h-20 text-[var(--primary-blue)] mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><h3 class=\"text-3xl font-bold text-white\">SOUL<\/h3><p class=\"text-gray-400 mt-2\">Longevity and holistic wellness.<\/p><\/div>\r\n <div class=\"flip-card-back\"><h3 class=\"text-2xl font-bold mb-2\">A Healthier Lifestyle<\/h3><p>We focus on sustainable habits, recovery, and a balanced lifestyle to ensure your passion for performance burns bright for years to come.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- The Blu Story Section -->\r\n <section id=\"story\" class=\"py-16 md:py-24 bg-transparent\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white uppercase reveal\">THE BLU <span class=\"text-[var(--primary-blue)]\">story<\/span><\/h2>\r\n <div class=\"max-w-3xl mx-auto\">\r\n <p class=\"text-base md:text-lg text-gray-400 mt-8 reveal\" style=\"transition-delay: 0.2s;\">In our country, the fitness landscape is divided: commercial gyms focus on aesthetics, while high-end rehab centers cater to elite athletes. We saw a gap and an opportunity. Blu Wellness was born to bridge this divide, creating an all-in-one facility for everyone. We bring together training, recovery, and expert guidance under one roof to help you unlock your potential safely and effectively.<\/p>\r\n <a href=\"#\" class=\"text-[var(--primary-blue)] mt-6 inline-block font-semibold reveal\" style=\"transition-delay: 0.4s;\">Our Vision & Mission →<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section (Slider) -->\r\n <section id=\"services\" class=\"bg-black\">\r\n <div class=\"swiper-container services-slider\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1517836357463-d25dfeac3438?q=80&w=2070&auto=format&fit=crop');\"><div class=\"slide-overlay\"><\/div><div class=\"geometric-shape shape-left\"><\/div><div class=\"geometric-shape shape-right\"><\/div><div class=\"slide-content\"><h2 class=\"text-5xl md:text-8xl font-black uppercase leading-none\">Physiotherapy<\/h2><a href=\"#\" class=\"btn-primary py-2 px-6 rounded-full text-sm mt-4 inline-block\">Learn More<\/a><\/div><\/div>\r\n <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1526506118085-60ce8714f8c5?q=80&w=1974&auto=format&fit=crop');\"><div class=\"slide-overlay\"><\/div><div class=\"geometric-shape shape-left\"><\/div><div class=\"geometric-shape shape-right\"><\/div><div class=\"slide-content\"><h2 class=\"text-5xl md:text-8xl font-black uppercase leading-none\">Strength & Conditioning<\/h2><a href=\"#\" class=\"btn-primary py-2 px-6 rounded-full text-sm mt-4 inline-block\">Learn More<\/a><\/div><\/div>\r\n <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1581009137052-c40971b432e2?q=80&w=2070&auto=format&fit=crop');\"><div class=\"slide-overlay\"><\/div><div class=\"geometric-shape shape-left\"><\/div><div class=\"geometric-shape shape-right\"><\/div><div class=\"slide-content\"><h2 class=\"text-5xl md:text-8xl font-black uppercase leading-none\">Weightlifting<\/h2><a href=\"#\" class=\"btn-primary py-2 px-6 rounded-full text-sm mt-4 inline-block\">Learn More<\/a><\/div><\/div>\r\n <div class=\"swiper-slide\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1543362906-acfc16c67564?q=80&w=1965&auto=format&fit=crop');\"><div class=\"slide-overlay\"><\/div><div class=\"geometric-shape shape-left\"><\/div><div class=\"geometric-shape shape-right\"><\/div><div class=\"slide-content\"><h2 class=\"text-5xl md:text-8xl font-black uppercase leading-none\">Nutrition<\/h2><a href=\"#\" class=\"btn-primary py-2 px-6 rounded-full text-sm mt-4 inline-block\">Learn More<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"swiper-button-next\"><\/div>\r\n <div class=\"swiper-button-prev\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- How It Works Section -->\r\n <section id=\"how-it-works\" class=\"py-16 md:py-24 bg-transparent\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid md:grid-cols-2 gap-12 md:gap-16 items-center\">\r\n <div class=\"reveal\">\r\n <h3 class=\"text-xl md:text-2xl font-bold text-[var(--primary-blue)] mb-4\">How does it work?<\/h3>\r\n <p class=\"text-gray-400 mb-12\">We provide a fully integrated program that aims at delivering high-quality coaching while monitoring for injury prevention and recovery.<\/p>\r\n <div class=\"space-y-10\">\r\n <div><p class=\"text-5xl md:text-6xl font-black text-[var(--primary-blue)] opacity-50\">01<\/p><h4 class=\"text-2xl md:text-3xl font-bold text-white mb-2\">Blu Wellness<\/h4><p class=\"text-gray-400\">Top-of-the-line equipment and expert trainers for professionals who want to enjoy their workouts and live a healthier life.<\/p><\/div>\r\n <div><p class=\"text-5xl md:text-6xl font-black text-[var(--primary-blue)] opacity-50\">02<\/p><h4 class=\"text-2xl md:text-3xl font-bold text-white mb-2\">Blu Performance<\/h4><p class=\"text-gray-400\">An elite setup for athletes and individuals seeking a superior experience with highly trained professionals and advanced recovery equipment.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative h-[400px] md:h-[500px] reveal\" style=\"transition-delay: 0.2s;\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019614242-c5c5792c6c39?q=80&w=2070&auto=format&fit=crop\" alt=\"Virtual Training\" class=\"w-full h-full object-cover rounded-lg\">\r\n <div class=\"absolute inset-0 bg-black\/30 rounded-lg\"><\/div>\r\n <svg class=\"how-it-works-graphic\" viewBox=\"0 0 200 200\"><circle class=\"circle\" cx=\"100\" cy=\"100\" r=\"90\"><\/circle><circle class=\"circle\" cx=\"100\" cy=\"100\" r=\"70\"><\/circle><circle class=\"circle\" cx=\"100\" cy=\"100\" r=\"50\"><\/circle><g class=\"icon\"><rect x=\"85\" y=\"75\" width=\"30\" height=\"50\" rx=\"5\" stroke=\"white\" stroke-width=\"2\" fill=\"var(--primary-blue)\"><\/rect><line x1=\"90\" y1=\"80\" x2=\"110\" y2=\"80\" stroke=\"white\" stroke-width=\"2\"><\/line><\/g><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Team Section -->\r\n <section id=\"team\" class=\"py-16 md:py-24 bg-[var(--card-bg)]\">\r\n <div class=\"container mx-auto px-6\">\r\n <h2 class=\"section-title text-4xl md:text-5xl text-left mb-12 md:mb-16 reveal\">Meet the Team<\/h2>\r\n <div class=\"team-grid reveal\">\r\n <div class=\"team-card\"><div class=\"h-80 mb-4 bg-gray-800 flex items-center justify-center rounded-sm\"><svg class=\"w-24 h-24 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/div><div class=\"team-content\"><h3>Easwar & Samanth<\/h3><p>Co-Founders<\/p><a href=\"#\" class=\"mt-2 inline-block\">Read More →<\/a><\/div><\/div>\r\n <div class=\"team-card\"><div class=\"h-80 mb-4 bg-gray-800 flex items-center justify-center rounded-sm\"><svg class=\"w-24 h-24 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/div><div class=\"team-content\"><h3>Divya Sathyaraj<\/h3><p>Nutrition Consulting<\/p><a href=\"#\" class=\"mt-2 inline-block\">Read More →<\/a><\/div><\/div>\r\n <div class=\"team-card\"><div class=\"h-80 mb-4 bg-gray-800 flex items-center justify-center rounded-sm\"><svg class=\"w-24 h-24 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/div><div class=\"team-content\"><h3>Sidharth Sakkale<\/h3><p>Head Physiotherapy<\/p><a href=\"#\" class=\"mt-2 inline-block\">Read More →<\/a><\/div><\/div>\r\n <div class=\"team-card\"><div class=\"h-80 mb-4 bg-gray-800 flex items-center justify-center rounded-sm\"><svg class=\"w-24 h-24 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/div><div class=\"team-content\"><h3>Donny & Karthik<\/h3><p>Head S&C<\/p><a href=\"#\" class=\"mt-2 inline-block\">Read More →<\/a><\/div><\/div>\r\n <div class=\"team-card\"><div class=\"h-80 mb-4 bg-gray-800 flex items-center justify-center rounded-sm\"><svg class=\"w-24 h-24 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1\" d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/div><div class=\"team-content\"><h3>Satish Sivalingam<\/h3><p>Olympic Weightlifter<\/p><a href=\"#\" class=\"mt-2 inline-block\">Read More →<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section id=\"contact\" class=\"py-16 md:py-24 bg-transparent\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"section-title text-4xl md:text-5xl mb-6 reveal\">READY TO EVOLVE?<\/h2>\r\n <p class=\"text-gray-400 max-w-2xl mx-auto mb-10 reveal\" style=\"transition-delay: 0.2s;\">Your journey to a longer, healthier, and more powerful life starts now. Contact us to book a consultation and discover your potential.<\/p>\r\n <a href=\"mailto:contact@bluwellness.com\" class=\"btn-primary py-3 px-8 md:py-4 md:px-12 rounded-full text-base md:text-lg reveal\" style=\"transition-delay: 0.4s;\">Get In Touch<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n \r\n <!-- \r\n =====================================================================\r\n FOOTER\r\n =====================================================================\r\n -->\r\n <div id=\"blu-footer-container\">\r\n <footer class=\"bg-[var(--card-bg)] text-[var(--text-muted)] pt-16 pb-8\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-12\">\r\n <!-- Logo and About Section -->\r\n <div class=\"md:col-span-3 lg:col-span-1\">\r\n <a href=\"#\" class=\"block mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/bluwellness.in\/wp-content\/uploads\/2025\/08\/Blue-Logo-1.png\" alt=\"Blu Wellness Logo\" class=\"h-12 w-auto\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/120x48\/1A1A1A\/FFFFFF?text=Blu.';\">\r\n <\/a>\r\n <p class=\"text-sm\">\r\n Evolving human potential through a holistic approach to fitness, recovery, and nutrition.\r\n <\/p>\r\n <!-- Contact Number Added Here -->\r\n <div class=\"mt-6\">\r\n <a href=\"tel:+919686783300\" class=\"footer-link flex items-center group\">\r\n <svg class=\"w-5 h-5 mr-3 text-[var(--text-muted)] group-hover:text-[var(--primary-blue)] transition-colors duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\" \/>\r\n <\/svg>\r\n <span>+91 96867 83300<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Quick Links -->\r\n <div>\r\n <h3 class=\"text-lg font-semibold text-[var(--text-light)] mb-4\">Quick Links<\/h3>\r\n <ul class=\"space-y-3\">\r\n <li><a href=\"#potential\" class=\"footer-link\">Potential<\/a><\/li>\r\n <li><a href=\"#philosophy\" class=\"footer-link\">Philosophy<\/a><\/li>\r\n <li><a href=\"#services\" class=\"footer-link\">Services<\/a><\/li>\r\n <li><a href=\"#team\" class=\"footer-link\">Team<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Services -->\r\n <div>\r\n <h3 class=\"text-lg font-semibold text-[var(--text-light)] mb-4\">Services<\/h3>\r\n <ul class=\"space-y-3\">\r\n <li><a href=\"#\" class=\"footer-link\">Physiotherapy<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Strength & Conditioning<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">Nutrition Consulting<\/a><\/li>\r\n <li><a href=\"#\" class=\"footer-link\">More...<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Follow Us -->\r\n <div>\r\n <h3 class=\"text-lg font-semibold text-[var(--text-light)] mb-4\">Follow Us<\/h3>\r\n <p class=\"mb-4\">Stay updated with our latest news and offers.<\/p>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"https:\/\/www.instagram.com\/blu_wellness_\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\">\r\n <svg class=\"w-6 h-6 fill-current\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.85s-.012 3.584-.07 4.85c-.148 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07s-3.584-.012-4.85-.07c-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.85s.012-3.584.07-4.85C2.289 3.856 3.746 2.31 6.988 2.163 8.254 2.105 8.633 2.093 12 2.093m0-2.093c-3.264 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98C.014 8.333 0 8.737 0 12s.014 3.667.072 4.947c.2 4.358 2.618 6.78 6.98 6.98 1.28.058 1.683.072 4.947.072s3.667-.014 4.947-.072c4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.683.073-4.947s-.014-3.667-.072-4.947c-.196-4.354-2.617-6.78-6.979-6.98C15.667.014 15.263 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.88 1.44 1.44 0 000-2.88z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Bar -->\r\n <div class=\"mt-12 pt-8 border-t border-gray-700 text-center text-sm\">\r\n <p>© 2025 Blu Wellness. All Rights Reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n\r\n <!-- \r\n =====================================================================\r\n SCRIPTS\r\n =====================================================================\r\n -->\r\n\r\n <!-- Header Script -->\r\n <script>\r\n (function() {\r\n if (window.bluHeaderInitialized) {\r\n return;\r\n }\r\n window.bluHeaderInitialized = true;\r\n\r\n const container = document.getElementById('blu-header-container');\r\n if (!container) { return; }\r\n \r\n const header = container.querySelector('#main-header');\r\n const mobileMenuButton = container.querySelector('#mobile-menu-button');\r\n const mobileMenu = container.querySelector('#mobile-menu');\r\n const mobileNavLinks = container.querySelectorAll('.mobile-nav-link');\r\n\r\n \/\/ Toggle mobile menu\r\n mobileMenuButton.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('open');\r\n mobileMenuButton.classList.toggle('is-active');\r\n });\r\n\r\n \/\/ Function to close the mobile menu\r\n const closeMenu = () => {\r\n mobileMenu.classList.remove('open');\r\n mobileMenuButton.classList.remove('is-active');\r\n }\r\n\r\n \/\/ Close mobile menu when a link is clicked\r\n mobileNavLinks.forEach(link => {\r\n link.addEventListener('click', closeMenu);\r\n });\r\n\r\n \/\/ Header background on scroll\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n header.classList.add('header-scrolled');\r\n } else {\r\n header.classList.remove('header-scrolled');\r\n }\r\n });\r\n\r\n \/\/ Smooth scrolling for anchor links IN THE HEADER (to close menu)\r\n container.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n \/\/ First, close the menu if it's open\r\n closeMenu();\r\n \r\n \/\/ Then, handle smooth scroll\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href');\r\n const targetElement = document.querySelector(targetId); \/\/ Query the whole document\r\n \r\n if (targetElement) {\r\n const headerOffset = header.offsetHeight;\r\n const elementPosition = targetElement.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\r\n\r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n });\r\n });\r\n\r\n })();\r\n <\/script>\r\n\r\n <!-- Body Script -->\r\n <script>\r\n (function() {\r\n if (window.bluWellnessInitialized) { return; }\r\n window.bluWellnessInitialized = true;\r\n\r\n const container = document.getElementById('blu-wellness-container');\r\n if (!container) { console.error('Blu Wellness container not found.'); return; }\r\n \r\n \/\/ --- MODIFIED Smooth Scroll Logic ---\r\n \/\/ This targets links within the BODY and applies the same offset logic\r\n container.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n \r\n const targetId = this.getAttribute('href');\r\n const targetElement = document.querySelector(targetId); \/\/ Query whole doc\r\n \/\/ Find the header element (which is outside this container)\r\n const header = document.querySelector('#blu-header-container #main-header'); \r\n \r\n if (targetElement && header) {\r\n const headerOffset = header.offsetHeight;\r\n const elementPosition = targetElement.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\r\n\r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: \"smooth\"\r\n });\r\n } else if (targetElement) {\r\n \/\/ Fallback if header isn't found\r\n targetElement.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for scroll animations\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 }, { threshold: 0.1 });\r\n container.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n \r\n \/\/ Hero Slideshow\r\n let currentSlide = 0;\r\n const slides = container.querySelectorAll('.hero-slide');\r\n if (slides.length > 0) {\r\n const slideCount = slides.length;\r\n const nextSlide = () => {\r\n slides[currentSlide].classList.remove('active');\r\n currentSlide = (currentSlide + 1) % slideCount;\r\n slides[currentSlide].classList.add('active');\r\n }\r\n setInterval(nextSlide, 5000);\r\n }\r\n\r\n \/\/ Parallax Hero Scroll Effect\r\n const heroSection = container.querySelector('.relative.h-screen');\r\n if (heroSection) {\r\n window.addEventListener('scroll', function() {\r\n const rect = heroSection.getBoundingClientRect();\r\n if (rect.bottom > 0 && rect.top < window.innerHeight) {\r\n const scrollPosition = window.pageYOffset;\r\n const heroSlides = heroSection.querySelectorAll('.hero-slide');\r\n heroSlides.forEach(slide => {\r\n slide.style.backgroundPositionY = (scrollPosition \/ 5) + 'px';\r\n });\r\n }\r\n });\r\n }\r\n\r\n \/\/ Services Swiper Slider\r\n if (typeof Swiper !== 'undefined') {\r\n const servicesSwiper = new Swiper(container.querySelector('.services-slider'), {\r\n loop: true,\r\n navigation: {\r\n nextEl: container.querySelector('.swiper-button-next'),\r\n prevEl: container.querySelector('.swiper-button-prev'),\r\n },\r\n effect: 'fade',\r\n fadeEffect: { crossFade: true },\r\n autoplay: { delay: 6000, disableOnInteraction: false },\r\n });\r\n } else {\r\n console.error('Swiper.js library not found. The services slider will not work.');\r\n }\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blu Wellness – Evolve Your Potential Potential Philosophy Services Team Contact Us Potential Philosophy Services Team Contact Us #DISCOVERYOURPOTENTIAL LEARN. EVOLVE. GROW. Longevity through exercise and nutrition. Discover the power within. Begin Your Journey A NEW ERA OF WELLNESS “To create a happier and healthier society.” Sports Massage Rehabilitation Strength & Conditioning Nutritional Consulting Physiotherapy […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/bluwellness.in\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}