@section('meta_description', 'Learn about Rajlaxmi Ayurveda's mission to bring authentic, high-quality Ayurvedic products to every home. Based in Nagpur, we prioritize purity and traditional wisdom')


@section('content')
    
    
    <section class="relative max-w-[1440px] mx-auto bg-white py-10">

        <!-- IMAGE CONTAINER WITH GAP -->
        <div class="relative h-[320px] md:h-[500px] overflow-hidden mb-3">

            
            <img src="https://rajlaxmiayurveda.com/home/about-banner2.webp" alt="Background"
                class="absolute inset-0 w-full h-full object-cover" />

            
            <div class="absolute inset-0 bg-black/30"></div>

            
            <div class="relative z-10 h-full flex items-center justify-center text-center px-4">
                <div class="max-w-2xl text-white">


                    <h1 class="text-[36px] md:text-[44px] font-cormorant font-semibold text-white leading-tight">
                       Rooted in Ayurveda.<br class="hidden md:block">
                        Focused on Diabetic Care.
                    </h1>


                </div>
            </div>
        </div>

    </section>

    <section class="bg-white py-16 px-4">
        <div class="max-w-6xl mx-auto">

            
            <div class="max-w-3xl mx-auto text-center mb-10 animate-fade-up delay-100">
                <p class="text-gray-600 font-dm leading-relaxed">
                    Rajlaxmi Ayurveda was founded with a clear purpose to offer responsible, guidance-led
                    Ayurvedic care with a strong focus on diabetes and metabolic health.
                </p>

                <p class="mt-4 text-gray-600 font-dm leading-relaxed">
                    In a world of quick fixes and temporary relief, we believe true wellness comes from
                    balance, consistency, and a deeper understanding of the body. Our approach is grounded
                    in classical Ayurvedic wisdom and thoughtfully adapted to address modern lifestyle
                    challenges.
                </p>
            </div>

            
            <div
                class="max-w-4xl mx-auto mb-10 animate-fade-up delay-200 bg-gray-100 border border-gray-300 px-6 py-3 rounded-[5px]">
                <h2 class="text-2xl font-cormorant font-semibold text-gray-900 mb-6 text-center">
                    Our Philosophy
                </h2>

                <p class="text-gray-600 font-dm text-center mb-6">
                    At Rajlaxmi Ayurveda, we don’t believe in one-size-fits-all solutions.
                    Ayurveda teaches that health is a journey, not an instant outcome.
                </p>

                <ul class="grid sm:grid-cols-2 gap-4 text-gray-600 font-dm list-disc list-inside">
                    <li>Supporting the body’s natural processes</li>
                    <li>Addressing root imbalances rather than surface symptoms</li>
                    <li>Encouraging consistency over shortcuts</li>
                    <li>Providing guidance alongside formulations</li>
                </ul>

                <p class="mt-6 text-gray-600 font-dm text-center">
                    Our products are designed to work with the body, not against it.
                    We aim to offer support that feels familiar, grounded, and responsible.
                </p>
            </div>

            
            <div class="max-w-4xl mx-auto mb-20 animate-fade-up delay-300">
                <h2 class="text-2xl font-cormorant font-semibold text-gray-900 mb-6 text-center">
                    Our Focus on Diabetic Care
                </h2>

                <p class="text-gray-600 font-dm leading-relaxed mb-4">
                    Diabetes affects more than just blood sugar; it impacts digestion, energy levels,
                    metabolism, and overall internal balance. This is where our core expertise lies.
                </p>

                <p class="text-gray-600 font-dm leading-relaxed mb-4">
                    Rajlaxmi Ayurveda primarily focuses on Ayurvedic diabetic care, developing formulations
                    that support metabolic balance, digestion, detoxification, and long-term wellbeing.
                </p>

                <p class="text-gray-600 font-dm leading-relaxed">
                    Alongside diabetic care, we also offer supportive formulations for lifestyle-related
                    health concerns that commonly accompany metabolic imbalance.
                </p>
            </div>

            
            <div class="max-w-4xl mx-auto mb-20 animate-fade-up delay-400">
                <h2 class="text-2xl font-cormorant font-semibold text-gray-900 mb-6 text-center">
                    Our Commitment
                </h2>

                <ul class="grid sm:grid-cols-2 gap-4 text-gray-600 font-dm list-disc list-inside">
                    <li>Authentic Ayurvedic principles</li>
                    <li>Carefully selected herbal ingredients</li>
                    <li>Responsible wellness practices</li>
                    <li>Transparency and clarity</li>
                </ul>

                <p class="mt-6 text-gray-600 font-dm text-center">
                    Rajlaxmi Ayurveda products are intended as Ayurvedic nutritional support,
                    designed to complement overall health and wellbeing. We encourage users to
                    continue prescribed medical care alongside Ayurvedic support where needed.
                </p>
            </div>

            
            
            <section class="py-20 bg-white">
                <div class="max-w-6xl mx-auto px-4">

                    <h2 class="text-2xl md:text-3xl font-cormorant font-semibold text-gray-900 text-center mb-12">
                        Founder&#039;s Note
                    </h2>

                    <div class="grid grid-cols-1 lg:grid-cols-3 gap-12 items-start">

                        
                        <div class="space-y-6">

                            
                            <img src="https://rajlaxmiayurveda.com/home/photo.webp" alt="Founder - Namdev Rajaram Mane"
                                class="w-40 h-40 object-cover rounded-xl shadow-sm">

                            
                            <div>
                                <h3 class="text-lg font-semibold text-gray-900">
                                    Namdev Rajaram Mane
                                </h3>
                                <p class="text-sm text-gray-600 mt-1 font-dm">
                                    Founder, Rajlaxmi Ayurveda
                                </p>
                            </div>



                            
                            <div class="border rounded-xl p-5 space-y-4">

                                <h4 class="font-semibold text-gray-900 font-cormorant text-sm">
                                    Get in touch
                                </h4>

                                <!-- EMAIL -->
                                <div class="flex items-center gap-3 text-sm text-gray-600 font-dm">
                                    <i class="fa-regular fa-envelope text-gray-500"></i>
                                    <span>info@rajlaxmiayurveda.com</span>
                                </div>

                                <!-- PHONE -->
                                <div class="flex items-center gap-3 text-sm text-gray-600 font-dm">
                                    <i class="fa-solid fa-phone text-gray-500"></i>
                                    <span>+91 9096194611</span>
                                </div>

                                <!-- LOCATION -->
                                <div class="flex items-center gap-3 text-sm text-gray-600 font-dm">
                                    <i class="fa-solid fa-location-dot text-gray-500"></i>
                                    <span>Maharashtra, India</span>
                                </div>

                                <!-- CTA -->
                                <a href="https://rajlaxmiayurveda.com/user-contact"
                                    class="inline-flex items-center gap-2 mt-4
                                      bg-black text-white px-4 py-2 rounded-full
                                      text-sm hover:bg-gray-900 transition">
                                    Contact now →
                                </a>

                            </div>


                        </div>

                        
                        <div class="lg:col-span-2 bg-[#FAFAFA] border rounded-xl p-8 space-y-8">

                            
                            <div>
                                <h4 class="text-lg font-semibold text-gray-900 mb-3">
                                    About
                                </h4>
                                <p class="text-sm text-gray-600 font-dm leading-relaxed">
                                    In Maharashtra, we grow up believing that health is a form of seva—care given with
                                    love, patience, and responsibility. Rajlaxmi Ayurveda was born from this very belief.
                                    patience,
                                    honesty, and responsibility. Rajlaxmi Ayurveda was born from this very belief.
                                    <br><br>
                                    When it comes to diabetes and long‑term health, we know there are no shortcuts. Just
                                    like our traditions teach us to trust steady effort over haste,
                                    Ayurveda teaches us to support the body calmly, day by day. That is the path we follow.
                                </p>
                            </div>

                            
                            <div>

                                <p class="text-sm text-gray-600 font-dm leading-relaxed">
                                    At Rajlaxmi Ayurveda, our work is guided by care, discipline, and respect—for the body,
                                    for Ayurveda, for the environment, and for the people who place their trust in us. We are here to walk beside you,
                                    not ahead of you, offering support that feels grounded, familiar, and sincere.
                                    for time, and for the people who place their trust in us. We are here to walk beside
                                    you,
                                    not ahead of you, offering support that feels grounded, familiar, and sincere
                                </p>

                                <p class="text-sm text-gray-600 font-dm leading-relaxed mt-4">
                                    Thank you for welcoming us into your health journey.
                                    We carry that trust with humility.
                                </p>

                                <p class="mt-6 text-sm font-medium text-gray-900">
                                    With warmth,<br>
                                    <span class="font-semibold">Namdev Rajaram Mane</span><br>
                                    Founder
                                </p>
                            </div>

                        </div>

                    </div>
                </div>
            </section>


        </div>
    </section>

    
    <style>
        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-up {
            opacity: 0;
            animation: fadeUp 0.6s ease-out forwards;
        }

        .delay-100 {
            animation-delay: 0.1s
        }

        .delay-200 {
            animation-delay: 0.2s
        }

        .delay-300 {
            animation-delay: 0.3s
        }

        .delay-400 {
            animation-delay: 0.4s
        }

        .delay-500 {
            animation-delay: 0.5s
        }
    </style>
@endsection

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="google" content="notranslate">
    <title>About Rajlaxmi Ayurveda | Our Heritage of Natural Healing &amp; Purity</title>

    <meta name="description" content="Discover Rajlaxmi Ayurveda, your trusted source for premium herbal powders, essential oils, and Ayurvedic remedies. Shop 100% natural Ashwagandha, Multani Mitti, and more. Authentic Ayurveda for a healthier life. ">

    <meta name="csrf-token" content="6RCXx1XtHKn9pl8Cfva3XKw7gTCW6DiSMNYrwxYf">
    <link rel="preload" as="style" href="https://rajlaxmiayurveda.com/build/assets/app-2BYNEMPC.css" /><link rel="stylesheet" href="https://rajlaxmiayurveda.com/build/assets/app-2BYNEMPC.css" />
    <link rel="icon" type="image/png" href="https://rajlaxmiayurveda.com/home/logo.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap" rel="stylesheet">



    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap"
        rel="stylesheet">


    <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap" rel="stylesheet">


    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        /* Hide scrollbar for Chrome, Safari, Edge */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        /* Hide scrollbar for Firefox */
        .no-scrollbar {
            scrollbar-width: none;
        }



        /* facility css */
        @keyframes fadeUp {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }

            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fadeUp {
            animation: fadeUp 0.8s ease-out forwards;
        }

        .lang-btn {
            padding: 8px 14px;
            border: 1px solid #ccc;
            border-radius: 8px;
            transition: 0.3s;
        }

        .lang-btn:hover {
            background: black;
            color: white;
        }

        /* HIDE GOOGLE TOP BAR COMPLETELY */


        /* REMOVE BODY SHIFT */
        body {
            top: 0px !important;
            position: static !important;
        }

        /* REMOVE HTML SHIFT */
        html {
            top: 0px !important;
        }

        /* HIDE GOOGLE UI */
        .goog-te-gadget,
        .goog-logo-link {
            display: none !important;
        }
    </style>



    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WPKJNKMM');
    </script>
    <!-- End Google Tag Manager -->



</head>

<body class="bg-gray-300 w-full">

    <!-- MAIN CONTENT -->
    <div id="navbar"
    class="max-w-[1440px] fixed top-0 left-0 right-0 z-30 
            bg-white text-black
            transition-all duration-1000  
            -translate-y-5 opacity-0 border border-gray-200 font-poppins mx-auto">

    <header class="w-full">
        <div class="max-w-[1440px] mx-auto px-4 py-3 flex justify-between items-center font-hedvig">

            <!-- MOBILE LOGO -->
            <div class="text-xl font-semibold md:hidden">
                <img src="https://rajlaxmiayurveda.com/home/logo.png" class="h-[46px] w-[46px]" />
            </div>

            <!-- DESKTOP LOGO -->
            <div class="hidden md:block">
                <img src="https://rajlaxmiayurveda.com/home/logo.png" class="h-[46px] w-[46px]" alt="logo" />
            </div>

            <!-- DESKTOP MENU WRAPPER -->
            <div class="hidden md:flex items-center w-full">

                <!-- CENTER MENU -->
                <nav class="flex-1 flex justify-center gap-10 items-center">
                    

                    <a href="https://rajlaxmiayurveda.com" class="nav-link">
                        <span class="nav-text">
                            <span class="nav-text-main">Home</span>
                            <span class="nav-text-hover">Home</span>
                        </span>
                    </a>


                    <a href="https://rajlaxmiayurveda.com/our-store" class="nav-link">
                        <span class="nav-text">
                            <span class="nav-text-main">Our Store</span>
                            <span class="nav-text-hover">Our Store</span>
                        </span>
                    </a>
                    <a href="https://rajlaxmiayurveda.com/our-experties" class="nav-link">
                        <span class="nav-text">
                            <span class="nav-text-main">Our Expertise</span>
                            <span class="nav-text-hover">Our Expertise</span>
                        </span>
                    </a>

                    <a href="https://rajlaxmiayurveda.com/about" class="nav-link">
                        <span class="nav-text">
                            <span class="nav-text-main">About Us</span>
                            <span class="nav-text-hover">About Us</span>
                        </span>
                    </a>
                    <a href="https://rajlaxmiayurveda.com/all-testimonial" class="nav-link">
                        <span class="nav-text">
                            <span class="nav-text-main">Wellness Stories</span>
                            <span class="nav-text-hover">Wellness Stories</span>
                        </span>
                    </a>
                    <a href="https://rajlaxmiayurveda.com/user-contact" class="nav-link">
                        <span class="nav-text">
                            <span class="nav-text-main">Consult &amp; Support</span>
                            <span class="nav-text-hover">Consult &amp; Support</span>
                        </span>
                    </a>
                </nav>

                <div class="w-[15%] flex gap-1 justify-end items-center mr-2">

                    <button onclick="changeLang('en')" class="flex justify-between w-full rounded-[10px] px-4 py-2 bg-gray-100">
                    EN</span>
                </button>

                <button onclick="changeLang('hi')" class="flex justify-between w-full rounded-[10px] px-4 py-2 text-center bg-gray-100">
                    HI</span>
                </button>

                <button onclick="changeLang('mr')" class="flex justify-between w-full rounded-[10px] px-4 py-2 text-center bg-gray-100">
                    MR</span>
                </button>
                </div>

                <!-- RIGHT SIDE (Shop + Toggle) -->
                <div class="flex items-center gap-6">
                    <!-- SHOP BUTTON -->
                    <a href="https://rajlaxmiayurveda.com/our-store"
                        class="group flex items-center gap-2 
                  border border-black rounded-full px-6 py-2
                  transition-all duration-300
                  hover:bg-black hover:text-white">

                        <span>Store</span>

                        <!-- RIGHT ARROW -->
                        <span
                            class="transition-all duration-300
                       text-black
                       group-hover:text-white
                       group-hover:rotate-[-35deg]">
                            →
                        </span>
                    </a>

                    <!-- DESKTOP TOGGLE ICON -->
                    <button id="menuToggleDesktop" class="text-3xl cursor-pointer hover:text-[#b48a62] lg:hidden">
                        ☰
                    </button>
                </div>

            </div>

            <!-- MOBILE TOGGLE ICON (same dropdown trigger) -->
            <button id="menuToggleMobile" class="md:hidden text-3xl">☰</button>

        </div>
    </header>

</div>



<div id="dropdownMenu"
    class="fixed top-0 left-0 w-full h-0 overflow-hidden 
            bg-white text-black z-50 
            transition-all duration-700">

    <div class="max-w-7xl mx-auto p-12 mt-20 font-poppins">

        <nav id="dropdownMenuList" class="flex flex-col gap-6 text-2xl font-medium opacity-0">
            <a href="https://rajlaxmiayurveda.com" class="hover:text-gray-200">Home</a>
            <a href="https://rajlaxmiayurveda.com/our-store" class="hover:text-gray-200">Our Store</a>
            
            <a href="https://rajlaxmiayurveda.com/our-experties" class="hover:text-gray-200">Our Expertise</a>
            <a href="https://rajlaxmiayurveda.com/about" class="hover:text-gray-200">About Us</a>
            <a href="https://rajlaxmiayurveda.com/all-testimonial" class="hover:text-gray-200">Wellness Stories</a>
            <a href="https://rajlaxmiayurveda.com/user-contact" class="hover:text-gray-200">Consult &amp; Support</a>

            <div class="mt-8">
                <p class="text-lg font-semibold mb-3">Language</p>

                <div class="flex gap-3">
                    <button onclick="changeLang('en')" class="lang-btn">EN</button>
                    <button onclick="changeLang('hi')" class="lang-btn">HI</button>
                    <button onclick="changeLang('mr')" class="lang-btn">MR</button>
                </div>
            </div>

        </nav>

        <button id="menuClose" class="absolute top-8 right-8 text-4xl font-bold cursor-pointer">
            ✖
        </button>

    </div>
</div>

<script>
    function changeLang(lang) {
        fetch('/set-language/' + lang)
            .then(() => {
                localStorage.setItem('lang', lang);
                location.reload();
            });
    }
</script>

<script>
    /* Navbar load animation */
    document.addEventListener("DOMContentLoaded", () => {
        const navbar = document.getElementById("navbar");
        setTimeout(() => {
            navbar.classList.remove("-translate-y-5", "opacity-0");
            navbar.classList.add("opacity-100");
        }, 200);
    });

    /* ----------- DROPDOWN MENU SCRIPT (Same for Desktop + Mobile) ----------- */
    const toggleDesktop = document.getElementById("menuToggleDesktop");
    const toggleMobile = document.getElementById("menuToggleMobile");
    const dropdown = document.getElementById("dropdownMenu");
    const dropdownList = document.getElementById("dropdownMenuList");
    const closeMenu = document.getElementById("menuClose");
    const items = document.querySelectorAll(".menu-item");

    // open dropdown
    function openDropdown() {
        dropdown.classList.remove("h-0");
        dropdown.classList.add("h-full");

        setTimeout(() => {
            dropdownList.classList.remove("opacity-0");
        }, 300);

        // stagger animation
        items.forEach((item, i) => {
            item.style.opacity = "0";
            setTimeout(() => {
                item.style.transition = "opacity 0.7s";
                item.style.opacity = "1";
            }, 200 * i);
        });
    }

    // close dropdown
    function closeDropdown() {
        dropdownList.classList.add("opacity-0");
        dropdown.classList.remove("h-full");
        dropdown.classList.add("h-0");
    }

    // event listeners
    toggleDesktop?.addEventListener("click", openDropdown);
    toggleMobile?.addEventListener("click", openDropdown);
    closeMenu.addEventListener("click", closeDropdown);
</script>

    <main class="overflow-y-auto max-w-[1440px]  mx-auto">
            </main>

    <footer class="bg-white  font-poppins max-w-[1440px] mx-auto">

    <!-- TOP FOOTER -->
    <div class="bg-white">
        <div class="w-full mx-auto px-6 py-12">

            <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-12">

                <!-- BRAND -->
                <div class="space-y-4">
                    <div class="flex items-center gap-3">
                        <div class="w-10 h-10 bg-black rounded-lg flex items-center justify-center text-white font-bold">
                            R
                        </div>
                        <span class="font-semibold text-gray-900 font-cormorant">
                            Rajlaxmi Ayurveda
                        </span>
                    </div>

                    <p class="text-[15px] text-gray-600 leading-relaxed">
                        Responsible, guidance-led Ayurvedic care focused on diabetic and metabolic health.
                    </p>

                    <!-- Social Icons -->
                    <div class="flex gap-4 mt-4">

                        <!-- Facebook -->
                        <a href="https://www.facebook.com/profile.php?id=61583978895463" target="_blank"
                            class="w-9 h-9 flex items-center justify-center rounded-full
              border border-gray-300 text-gray-600
              hover:bg-black hover:text-white transition">
                            <i class="fa-brands fa-facebook-f"></i>
                        </a>

                        <!-- Instagram -->
                        <a href="https://www.instagram.com/rajlaxmi.distributor/" target="_blank"
                            class="w-9 h-9 flex items-center justify-center rounded-full
              border border-gray-300 text-gray-600
              hover:bg-black hover:text-white transition">
                            <i class="fa-brands fa-instagram"></i>
                        </a>

                    </div>

                </div>

                <div class="hidden lg:block"></div>



                <!-- MAIN PAGES -->
                <div>
                    <h4 class="font-semibold text-gray-900 mb-5">Explore</h4>
                    <ul class="space-y-3 text-sm text-gray-600">
                        <li>
                            <a href="https://rajlaxmiayurveda.com" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">Home</span>
                                    <span class="footer-text-hover">Home</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="https://rajlaxmiayurveda.com/our-store" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">Our Store</span>
                                    <span class="footer-text-hover">Our Store</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="https://rajlaxmiayurveda.com/our-experties" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">Our Expertise</span>
                                    <span class="footer-text-hover">Our Expertise</span>
                                </span>
                            </a>
                        </li>

                        <li>
                            <a href="https://rajlaxmiayurveda.com/about" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">About Us</span>
                                    <span class="footer-text-hover">About Us</span>
                                </span>
                            </a>
                        </li>
                        </li>
                    </ul>
                </div>

                <!-- POLICIES -->
                <div>
                    <h4 class="font-semibold text-gray-900 mb-5">Our Cover Area</h4>
                    <ul class="space-y-3 text-sm text-gray-600">



                        <li>
                            <a href="https://rajlaxmiayurveda.com/our-pune" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">Pune</span>
                                    <span class="footer-text-hover">Pune</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="https://rajlaxmiayurveda.com/our-bangalore" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">Bangalore</span>
                                    <span class="footer-text-hover">Bangalore</span>
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="https://rajlaxmiayurveda.com/our-kolkata" class="footer-link">
                                <span class="footer-text">
                                    <span class="footer-text-main">Kolkata</span>
                                    <span class="footer-text-hover">Kolkata</span>
                                </span>
                            </a>
                        </li>

                    </ul>
                </div>

                <!-- CONTACT -->
                <div>
                    <h4 class="font-semibold text-gray-900 mb-5">Contact Us</h4>

                    <ul class="space-y-4 text-sm text-gray-600">

                        <li class="flex items-start gap-3">
                            <i class="fa-solid fa-location-dot mt-1 text-gray-500"></i>
                            <span>
                                A/P Shirol, Dist. Kolhapur<br>
                                Pin Code: 416103<br>
                                Maharashtra, India
                            </span>
                        </li>

                        <li class="flex items-center gap-3">
                            <i class="fa-solid fa-phone text-gray-500"></i>
                            <span>
                                <a href="tel:9096194611" class="hover:text-black">9096194611</a><br>
                                <a href="tel:7260039696" class="hover:text-black">7260039696</a>
                            </span>
                        </li>


                        <!-- Email Section -->
                        <li class="flex items-center gap-3">
                            <i class="fa-solid fa-envelope text-gray-500"></i>
                            <span>
                                <a href="mailto:info@rajlaxmiayurveda.com" class="hover:text-black">
                                    info@rajlaxmiayurveda.com
                                </a>
                            </span>
                        </li>

                    </ul>
                </div>

            </div>
        </div>


    </div>


    <!-- BOTTOM FOOTER -->
    <div class="border-t border-gray-200 max-w-[1440px]">

        <div
            class="w-full mx-auto px-6 py-3
               flex flex-col sm:flex-row
               justify-between items-center gap-4 text-sm text-gray-500">
            <p>© Copyright 2026. All rights reserved.</p>
        </div>

        <!-- BIG BRAND TEXT WITH BOTTOM WHITE SHADOW -->
        <div class="relative text-center overflow-hidden w-full mt-12">

            <h1 class="relative
                   text-[52px] sm:text-[80px] md:text-[160px]
                   font-serif font-bold tracking-widest
                   text-black select-none"
                style="
                text-shadow:
                    0 30px 40px rgba(255,255,255,0.85),
                    0 20px 25px rgba(255,255,255,0.65),
                    0 10px 15px rgba(255,255,255,0.45);
                -webkit-mask-image: linear-gradient(
                    to bottom,
                    black 0%,
                    black 30%,
                    transparent 100%
                );
                mask-image: linear-gradient(
                    to bottom,
                    black 0%,
                    black 30%,
                    transparent 100%
                );
            ">
                RAJLAXMI
            </h1>

        </div>


    </div>


</footer>

    <!-- PERFECT MIDDLE → BOTTOM FADE (NO HARD LINE) -->
    <div class="fixed bottom-0 left-1/2 -translate-x-1/2
           w-full max-w-[1440px]
           h-[160px] -mb-[40px]
           z-20 pointer-events-none"
        style="
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255,255,255,0.15) 25%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.75) 75%,
            rgba(255,255,255,1) 100%
        );
    ">
    </div>



    <script>
        const langToggle = document.getElementById("langToggle");
        const langDropdown = document.getElementById("langDropdown");
        const currentLang = document.getElementById("currentLang");

        // toggle dropdown
        langToggle?.addEventListener("click", () => {
            langDropdown.classList.toggle("hidden");
        });

        // close when click outside
        document.addEventListener("click", (e) => {
            if (langToggle && !langToggle.contains(e.target)) {
                langDropdown.classList.add("hidden");
            }
        });

        function changeGoogleLang(lang) {
            const interval = setInterval(() => {
                const select = document.querySelector(".goog-te-combo");

                if (select) {
                    select.value = lang;
                    select.dispatchEvent(new Event("change"));
                    clearInterval(interval);

                    // save selected language
                    localStorage.setItem("lang", lang);

                    // update UI text
                    const currentLang = document.getElementById("currentLang");
                    if (currentLang) currentLang.innerText = lang.toUpperCase();
                }
            }, 500);
        }

        window.addEventListener("load", () => {
            const savedLang = localStorage.getItem("lang");

            if (savedLang) {
                setTimeout(() => {
                    changeGoogleLang(savedLang);
                }, 1500); // wait for Google script
            }
        });

        function removeGoogleBar() {
            // remove iframe
            document.querySelectorAll("iframe").forEach((el) => {
                if (el.src && el.src.includes("translate.google")) {
                    el.remove();
                }
            });

            // reset body + html
            document.body.style.top = "0px";
            document.documentElement.style.top = "0px";

            // remove injected banner divs
            const banner = document.querySelector(".goog-te-banner-frame");
            if (banner) banner.remove();
        }

        // run aggressively
        setInterval(removeGoogleBar, 200);
    </script>

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPKJNKMM" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

</body>

</html>