SkidSec WebShell

Server Address : 172.31.38.4
Web Server : Apache/2.4.58 (Ubuntu)
Uname : Linux ip-172-31-38-4 6.14.0-1017-aws #17~24.04.1-Ubuntu SMP Wed Nov 5 10:48:17 UTC 2025 x86_64
PHP Version : 7.4.33
Current Path : /var/www/html/gjc-connect/GJC/
Current File : /var/www/html/gjc-connect/GJC/AaryaAmbekarandLaguBandhuAMelodyofTraditionandModernGrace.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta property="og:type" content="article">
    <meta property="og:title" content="Aarya Ambekar and Lagu Bandhu: A Melody of Tradition and Modern Grace" />
    <meta property="og:description" content="Aarya Ambekar joins hands with Lagu Bandhu for an inspiring blend of music and heritage." />
    <meta property="og:image" content="https://gjc-connect.github.io/GJC_site/GJC/AaryaAmbekarPreview.jpg" />
    <meta property="og:url" content="https://gjc-connect.github.io/GJC_site/GJC/AaryaAmbekarandLaguBandhuAMelodyofTraditionandModernGrace.html" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="https://gjc-connect.github.io/GJC_site/GJC/AaryaAmbekarPreview.jpg" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
    <title>Aarya Ambekar and Lagu Bandhu: A Melody of Tradition and Modern Grace</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <style>
        @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap");

        body {
            font-family: "Poppins", sans-serif;
        }

        .heading-font {
            font-family: "Playfair Display", serif;
        }

        .gradient-text {
            background: linear-gradient(90deg, #d4af37 0%, #f4e5c2 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .article-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .nav-link:hover {
            color: #d4af37;
        }
    </style>
</head>

<body class="bg-gray-50">
    <!-- Top Bar -->
    <!-- <div class="bg-black text-white py-2 px-4 text-sm flex justify-between items-center">
        <div>03/09/2025 7:30 PM</div>
        <div class="flex space-x-4">
            <a href="https://www.instagram.com/businessofjewellery/" class="hover:text-gold-500"><i data-feather="instagram"></i></a>
            <a href="https://www.facebook.com/businessofjewellery/" class="hover:text-gold-500"><i data-feather="facebook"></i></a>
            <a href="https://www.linkedin.com/company/business-of-jewellery/" class="hover:text-gold-500"><i data-feather="linkedin"></i></a>
            <a href="https://x.com/boj_magazine" class="hover:text-gold-500"><i data-feather="twitter"></i></a>
        </div>
    </div> -->

    <!-- Header -->
    <header class="sticky top-0 z-50 bg-white shadow-md">
        <div class="container mx-auto px-4 py-2 sm:py-4">
            <!-- Desktop Layout -->
            <div class="hidden lg:block">
                <div class="flex justify-between items-center mb-4">
                    <!-- Centered Logo -->
                    <div class="flex-1 flex justify-center">
                        <a href="/" class="flex items-center">
                            <img src="./Final Logo.png" alt="Business of Jewellery" class="w-90 md:w-80 h-auto" />
                        </a>
                    </div>

                    <!-- Social Media Icons -->
                    <div class="flex space-x-3">
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-instagram text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-facebook text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-linkedin text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-twitter text-lg"></i>
                        </a>
                    </div>
                </div>

                <!-- Desktop Navigation Menu -->
                <nav class="flex justify-center space-x-8 pt-4">
                    <a href="./index.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Home</a>
                    <a href="./GJC_Updates.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC
                        Updates</a>
                    <a href="./News_views.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News &
                        Views</a>
                    <a href="./Retail.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
                    <a href="./Marketing.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
                    <a href="./Luxury.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
                </nav>
            </div>

            <!-- Tablet Layout (768px - 1024px) -->
            <div class="hidden md:block lg:hidden">
                <div class="flex justify-between items-center mb-3">
                    <!-- Date/Time -->
                    <!-- <div class="text-xs text-gray-600">04/09/2025</div> -->

                    <!-- Centered Logo -->
                    <div class="flex-1 flex justify-center">
                        <a href="/" class="flex items-center">
                            <img src="./Final Logo.png" alt="Business of Jewellery" class="h-12" />
                        </a>
                    </div>

                    <!-- Social Media Icons -->
                    <div class="flex space-x-2">
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-instagram"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-facebook"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-linkedin"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-twitter"></i>
                        </a>
                    </div>
                </div>

                <!-- Tablet Navigation Menu -->
                <nav class="flex justify-center space-x-4 border-t pt-3 text-sm">
                    <a href="./index.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Home</a>
                    <a href="./GJC_Updates.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC
                        Updates</a>
                    <a href="./News_views.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News &
                        Views</a>
                    <a href="./Retail.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
                    <a href="./Marketing.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
                    <a href="./Luxury.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
                </nav>
            </div>

            <!-- Mobile Layout -->
            <div class="block md:hidden">
                <div class="flex justify-between items-center">
                    <!-- Date/Time (smaller) -->
                    <div class="text-xs text-gray-600 flex-shrink-0"></div>

                    <!-- Centered Logo -->
                    <div class="flex-1 flex justify-center px-4">
                        <a href="/" class="flex items-center">
                            <img src="./WhatsApp Image 2025-09-04 at 7.06.34 PM.jpeg" alt="Business of Jewellery"
                                class="h-25 sm:h-10" />
                        </a>
                    </div>

                    <!-- Mobile Menu Button -->
                    <button id="mobile-menu-toggle" class="text-gray-600 hover:text-black p-2 flex-shrink-0">
                        <i class="fas fa-bars text-lg"></i>
                    </button>
                </div>

                <!-- Mobile Navigation Menu (Hidden by default) -->
                <nav id="mobile-menu" class="hidden mt-4 pb-4 border-t pt-4">
                    <div class="flex flex-col space-y-3">
                        <a href="./index.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Home</a>
                        <a href="./GJC_Updates.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC
                            Updates</a>
                        <a href="./News_views.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News &
                            Views</a>
                        <a href="./Retail.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
                        <a href="./Marketing.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
                        <a href="./Luxury.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
                    </div>

                    <!-- Mobile Social Media Icons -->
                    <div class="flex justify-center space-x-4 mt-4 pt-4 border-t">
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-instagram text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-facebook text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-linkedin text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-twitter text-lg"></i>
                        </a>
                    </div>
                </nav>
            </div>
        </div>
    </header>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const mobileMenuToggle = document.getElementById("mobile-menu-toggle");
            const mobileMenu = document.getElementById("mobile-menu");

            if (mobileMenuToggle && mobileMenu) {
                mobileMenuToggle.addEventListener("click", function () {
                    mobileMenu.classList.toggle("hidden");

                    // Toggle icon between hamburger and X
                    const icon = mobileMenuToggle.querySelector("i");
                    if (mobileMenu.classList.contains("hidden")) {
                        icon.className = "fas fa-bars text-lg";
                    } else {
                        icon.className = "fas fa-times text-lg";
                    }
                });
            }
        });
    </script>

    <!-- Hero Banner -->
    <!-- Hero Banner -->
    <div class="relative bg-gray-50">
        <!-- Desktop Banner -->

        <!-- Mobile Banner -->
        <!-- <div class="md:hidden">
        <div class="px-4 sm:px-8 py-12 sm:py-16 text-center">
            <div class="mb-6">
                <img src="https://images.assettype.com/businessofjewellery/2025-07-29/xo41opr4/GIABillboardBanner.jpg"
                     alt="GIA Logo"
                     class="banner-image-mobile">
            </div>
        </div>
    </div> -->
    </div>

    <style>
        /* Banner Image Customization Variables */
        :root {
            --banner-desktop-height: 300px;
            /* Change this value easily */
            --banner-mobile-height: 200px;
            /* Change this value easily */
            --banner-desktop-width: auto;
            --banner-mobile-width: auto;
            --banner-bg-color: #f9fafb;
            /* Background color */
            --banner-padding-desktop: 6rem;
            /* Desktop padding */
            --banner-padding-mobile: 2rem;
            /* Mobile padding */
        }

        /* Desktop Banner Image */
        .banner-image-desktop {
            height: var(--banner-desktop-height);
            width: var(--banner-desktop-width);
            object-fit: contain;
            max-width: 100%;
            transition: transform 0.3s ease;
        }

        .banner-image-desktop:hover {
            transform: scale(1.05);
        }

        /* Mobile Banner Image */
        .banner-image-mobile {
            height: var(--banner-mobile-height);
            width: var(--banner-mobile-width);
            object-fit: contain;
            max-width: 100%;
            margin: 0 auto;
            transition: transform 0.3s ease;
        }

        .banner-image-mobile:hover {
            transform: scale(1.05);
        }

        /* Responsive Adjustments */
        @media (min-width: 768px) {
            .banner-image-desktop {
                height: calc(var(--banner-desktop-height) * 0.8);
            }
        }

        @media (min-width: 1024px) {
            .banner-image-desktop {
                height: var(--banner-desktop-height);
            }
        }

        @media (min-width: 1280px) {
            .banner-image-desktop {
                height: calc(var(--banner-desktop-height) * 1.2);
            }
        }

        /* Alternative Size Classes - Use these instead of CSS variables if you prefer */
        .banner-xs {
            height: 200px !important;
        }

        .banner-sm {
            height: 300px !important;
        }

        .banner-md {
            height: 400px !important;
        }

        .banner-lg {
            height: 500px !important;
        }

        .banner-xl {
            height: 600px !important;
        }

        .banner-2xl {
            height: 700px !important;
        }

        .banner-3xl {
            height: 800px !important;
        }

        .banner-full {
            height: 100vh !important;
        }

        .banner-custom {
            height: var(--custom-height, 500px) !important;
        }
    </style>

    <!-- Main Content -->
    <main class="container mx-auto px-4 py-2 md:py-8">
        <!-- Article Layout Section -->
        <div class="container mx-auto px-4 py-8">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
                <!-- Main Article Content (Left Side) -->
                <div class="lg:col-span-2">
                    <!-- Category Tag -->
                    <div class="mb-4">

                    </div>

                    <!-- Article Title -->
                    <h1 class="heading-font text-3xl md:text-4xl lg:text-5xl font-bold mb-6 leading-tight">
                        Aarya Ambekar and Lagu Bandhu: A Melody of Tradition and Modern Grace
                    </h1>

                    <!-- Article Subtitle -->
                    <!-- <p class="text-lg md:text-xl text-gray-600 italic mb-8 leading-relaxed">
                        On this auspicious day of Ganesh Chaturthi, I extend my heartfelt greetings to the entire gem
                        and jewellery fraternity. Lord Ganesha, revered as the remover of obstacles, symbolizes wisdom,
                        clarity, and prosperity. May His blessings guide our industry towards collective growth and
                        success.
                    </p> -->

                    <!-- Main Article Image -->
                    <div class="mb-8">
                        <img src="./Arya_store_img.jpg" alt="IGI Diamond Reports and Light Performance Analysis"
                            class="w-full h-auto rounded-lg shadow-md">
                    </div>

                    <!-- Article Metadata -->
                    <!-- <div class="flex flex-wrap items-center text-sm text-gray-500 mb-8 border-b border-gray-200 pb-4">
                        <span class="font-medium">Team GJC</span>
                        <span class="mx-2">•</span>
                        <span>2 hours ago</span>
                        <span class="mx-2">•</span>
                        <span>4 min read</span>
                    </div> -->



                    <!-- Article Content -->
                    <div class="prose prose-lg max-w-none">


                        <!-- [Arya's photo on the cover]{.mark} -->

                        <h2><b>Lagu Bandhu Jewellers: Where Stories Shine Brighter Than Jewels</b></h2>

                        <!-- [Store image]{.mark} -->

                        <p>In the luminous world of jewellery, where every sparkle tells a tale and every gem holds a
                            secret, <b>Lagu Bandhu</b>
                            Jewellers stands as a living legacy of craftsmanship, trust, and timeless elegance.
                            Established in 1936, the brand's
                            journey spans nearly nine decades — a testament to its enduring bond with generations of
                            connoisseurs who have
                            chosen its creations not merely as ornaments but as keepsakes of emotion, heritage, and
                            beauty.</p>

                        <p>Few names in Maharashtra's jewellery landscape carry the same resonance as Lagu Bandhu. Known
                            for its exquisite pearl
                            and gemstone jewellery, the brand's essence lies not only in its artistry but also in its
                            integrity. <b><i>What
                                    distinguishes Lagu Bandhu from the glittering crowd is its rare combination of
                                    heritage and
                                    expertise</i></b>, every director in the company is a certified gemologist, ensuring
                            that each piece that
                            leaves their atelier reflects the highest standards of authenticity and perfection.</p>

                        <p>
                            <b><i>"For generations, people have chosen Lagu Bandhu not just for our pearls or studded
                                    jewellery, but for the
                                    emotion each piece carries. Every creation holds a story of trust, celebration, and
                                    a bond that shines
                                    beyond time,"</i></b>
                        </p>

                        <p><b>Parag Lagu, Director, Lagu Bandhu Jewellers</b></p>

                        <div class="mb-8">
                            <img src="./Parag_photo_Lagu_Bandu.jpg"
                                alt="IGI Diamond Reports and Light Performance Analysis"
                                class="w-full h-auto rounded-lg shadow-md">
                        </div>

                        <p>From the delicate lustre of natural pearls to the fiery brilliance of diamonds and the mystic
                            charm of Bhagya Ratnas
                            (Navagraha stones), Lagu Bandhu's repertoire is as vast as it is refined. Their showrooms,
                            spread across Mumbai,
                            Thane, Dombivli, and Pune, have become sanctuaries for jewellery lovers — places where
                            tradition and modernity
                            coexist in harmony, much like the brand's own philosophy.</p>

                        <h2><b>The Symphony of Tradition and Modernity</b></h2>

                        <p>At the heart of Lagu Bandhu's enduring appeal lies its ability to evolve while staying true
                            to its roots. What began
                            as a humble family enterprise has transformed into a well-structured and professionally
                            managed brand, yet it
                            continues to uphold the familial warmth and trust that have defined it for over eight
                            decades.</p>

                        <p>Equally, its association with performing arts and Maharashtra's rich cultural heritage has
                            been integral to its
                            identity. Brand Lagu Bandhu celebrates culture, emotion, and artistry.</p>

                        <p>So, when Lagu Bandhu announced Aarya Ambekar as the face of the brand, it felt less like a
                            marketing decision and
                            more like destiny's design. Aarya, with her grace, charm, and melodious voice, personifies
                            everything Lagu Bandhu
                            stands for — tradition blended with a touch of modern sparkle.</p>

                        <div class="mb-8">
                            <img src="./Arya_Amberkar_second.jpg"
                                alt="IGI Diamond Reports and Light Performance Analysis"
                                class="w-full h-auto rounded-lg shadow-md">
                        </div>

                        <h2><b>Aarya Ambekar: The Voice of a Timeless Brand</b></h2>

                        <p>A beloved singer and actor, Aarya Ambekar has captured hearts not just with her music but
                            with her authenticity and
                            elegance. A trained classical vocalist who began performing at a young age, she brings both
                            artistic depth and
                            youthful energy, qualities that align seamlessly with the Lagu Bandhu ethos.</p>

                        <p>Her collaboration with the brand is a harmonious blend of shared values and aesthetics. In an
                            industry often
                            dominated by glamour, Aarya represents substance — her journey, rooted in tradition yet
                            forward-looking, mirrors
                            Lagu Bandhu's own evolution.</p>

                        <p>Her presence in the brand's campaigns infuses them with an emotional cadence — each frame
                            gleams with the same
                            sincerity that her songs carry. In her, Lagu Bandhu has found not just an ambassador, but a
                            storyteller who can
                            translate the brand's philosophy into feeling.</p>

                        <div class="mb-8">
                            <img src="./Arya_Amber_Beeach_Colour.jpg"
                                alt="IGI Diamond Reports and Light Performance Analysis"
                                class="w-full h-auto rounded-lg shadow-md">
                        </div>

                        <h2><b>The Power of Storytelling in Jewellery</b></h2>

                        <p>In today's cluttered marketplace, jewellery is no longer just about adornment — it's about
                            narrative. Consumers seek
                            meaning as much as beauty; they want to know the stories behind the sparkle. Lagu Bandhu
                            understands this
                            intuitively.</p>

                        <p>Every gemstone has a journey — from the mines to the maker's hands, from the artisan's bench
                            to the wearer's heart.
                            By weaving stories into its creations, Lagu Bandhu transforms jewellery into heirlooms of
                            emotion. Whether it's the
                            soft gleam of a pearl symbolising purity or a coral whispering tales of the sea, each piece
                            carries the brand's
                            legacy of craftsmanship and care.</p>

                        <div class="mb-8">
                            <img src="./Lagu 1.jpg" alt="IGI Diamond Reports and Light Performance Analysis"
                                class="w-full h-auto rounded-lg shadow-md">
                        </div>

                        <div class="mb-8">
                            <img src="./Lagu 2.jpg" alt="IGI Diamond Reports and Light Performance Analysis"
                                class="w-full h-auto rounded-lg shadow-md">
                        </div>

                        <p>Storytelling, for Lagu Bandhu, is not a marketing tool but a core value — a way to connect
                            with generations who seek
                            authenticity in an age of abundance. <b><i>As Parag Lagu believes, "the demand for authentic
                                    and meaningful
                                    experiences continues to grow," and it is through stories that brands like Lagu
                                    Bandhu remain
                                    timeless.</i></b></p>

                        <p>In that sense, Aarya Ambekar's association is more than collaboration — it is a continuation
                            of the story. Her voice,
                            her journey, and her persona will undoubtedly serve as the melody that carries Lagu Bandhu's
                            timeless brilliance
                            into new generations.</p>

                        <p>Because at Lagu Bandhu Jewellers, every jewel is more than a creation — it is a story of
                            love, trust, and artistry
                            that shines across time.</p>

                        <!-- <div>
                                        <ul class="list-disc pl-6 space-y-2">
                                            <li>The magazine is designed as a comprehensive platform that will bring
                                                together:</li>
                                            <li>The latest news and developments shaping our industry.</li>
                                            <li>Insights into the retail landscape and emerging consumer trends.</li>
                                            <li>New product launches and design innovations.</li>
                                            <li>In-depth interviews with opinion leaders and experts.</li>
                                            <li>Special coverage on the Lab-Grown Diamond (LGD) industry, a
                                                fast-evolving
                                                sector attracting significant consumer and investor attention.</li>
                                        </ul>
                                    </div> -->


                        <!-- Add more article content as needed -->













                    </div>

                </div>

                <!-- Related Stories Sidebar (Right Side) -->
                <div class="lg:col-span-1">
                    <div class="sticky top-24">
                        <h2 class="heading-font text-2xl font-bold mb-6 border-b border-gray-200 pb-3">
                            Related Stories
                        </h2>

                        <!-- Related Story 1 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./KRA Cover copy.jpg" alt="Related Story 1"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Festive Elegance Redefined – Shubhtithi by KRA Jewellers.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Festive Elegance Redefined – Shubhtithi by KRA Jewellers

                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>5 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Related Story 2 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./IIM_COVER.jpg" alt="Related Story 2"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Industry Leaders Appreciated the Transformative Learnings from GemLead the IIMA GJC Executive Masterclass.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Industry Leaders Appreciated the Transformative Learnings from GemLead, the
                                            IIMA–GJC Executive Masterclass.
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>8 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Related Story 1 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./Latest_Kalyan_cover.jpg" alt="Related Story 1"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Kalyan Jewellers Reports Strong Q1 FY26 Results with 31% Revenue Growth; Expands Assam Presence with Dibrugarh Showroom Launch.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Kalyan Jewellers Reports Strong Q1 FY26 Results with 31% Revenue Growth;
                                            Expands Assam Presence with Dibrugarh Showroom Launch
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>5 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Related Story 2 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./KRA 2.jpg" alt="Related Story 2"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Retail KRA Jewellers, with an 88-year legacy, has expanded its presence to Chhatrapati.Sambhajinagar.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Retail KRA Jewellers, with an 88-year legacy, has expanded its presence to
                                            Chhatrapati . Sambhajinagar
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>8 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>



                        <!-- View More Button -->
                        <div class="text-center mt-6">
                            <a href="#"
                                class="inline-block bg-gold-600 text-white px-6 py-2 rounded-md hover:bg-gold-700 transition-colors font-medium">
                                View More Stories
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Additional CSS for Enhanced Styling -->
        <style>
            /* Responsive adjustments */
            @media (max-width: 1023px) {
                .sticky {
                    position: static;
                }
            }

            /* Prose styling for article content */
            .prose p {
                margin-bottom: 1.5rem;
                line-height: 1.7;
                color: #374151;
            }

            .prose h2 {
                font-size: 1.5rem;
                font-weight: 600;
                margin-top: 2rem;
                margin-bottom: 1rem;
                color: #111827;
            }

            .prose h3 {
                font-size: 1.25rem;
                font-weight: 600;
                margin-top: 1.5rem;
                margin-bottom: 0.75rem;
                color: #111827;
            }

            /* Hover effects for related stories */
            .related-story:hover {
                background-color: #f9fafb;
                transition: background-color 0.2s ease;
            }

            /* Responsive image sizing */
            @media (max-width: 767px) {
                .related-story img {
                    width: 60px;
                    height: 60px;
                }
            }
        </style>

        <style>
            .heading-up {
                margin-top: 1rem;
            }

            @media (min-width: 768px) {
                .heading-up {
                    margin-top: -1rem;
                }
            }
        </style>

        <!--later mid-baaner4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->

        <div class="grid grid-cols-1 md:grid-cols-4 gap-6 md:gap-8 mb-16 ml-2 md:ml-4"></div>
    </main>

    <!-- Footer -->
    <footer class="bg-black text-white py-8 md:py-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-6 md:gap-8">
                <!-- Logo and Social -->
                <div>
                    <img src="./WhatsApp Image 2025-09-04 at 7.06.34 PM.jpeg" alt="Business of Jewellery"
                        class="h-10 md:h-12 mb-4" />
                    <p class="mb-4 text-sm md:text-base">Follow Us</p>
                    <div class="flex space-x-4">
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-instagram text-lg md:text-xl"></i>
                        </a>
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-facebook text-lg md:text-xl"></i>
                        </a>
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-linkedin text-lg md:text-xl"></i>
                        </a>
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-twitter text-lg md:text-xl"></i>
                        </a>
                    </div>
                </div>

                <!-- Navigation 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->
                <div>
                    <h3 class="text-lg font-semibold mb-4 heading-font">
                        About GJC Connect
                    </h3>
                    <ul class="space-y-2">
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">News &
                                Analysis</a>
                        </li>
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Advertising
                                and Promotions</a>
                        </li>
                        <!-- <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">GJC Dialogues</a></li> -->
                        <!-- <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Events</a></li>
                    <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Magazine</a></li> -->
                    </ul>
                </div>

                <!-- Legal -->
                <div>
                    <h3 class="text-lg font-semibold mb-4 heading-font">Contact us</h3>
                    <ul class="space-y-2">
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">About Us</a>
                        </li>
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Privacy
                                Policy</a>
                        </li>
                        <!-- <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Contact Us</a></li> -->
                    </ul>
                </div>

                <!-- Newsletter 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->
                <div>
                    <h3 class="text-lg font-semibold mb-4 heading-font">Subscribe</h3>
                    <p class="mb-4 text-sm md:text-base">
                        Stay updated with our latest news and articles.
                    </p>
                    <form class="flex flex-col sm:flex-row">
                        <input type="email" placeholder="Your email"
                            class="px-3 md:px-4 py-2 rounded-l text-black w-full text-sm md:text-base" />
                        <button type="submit"
                            class="bg-gold-600 text-white px-3 md:px-4 py-2 rounded-r hover:bg-gold-700 transition-colors text-sm md:text-base mt-2 sm:mt-0">
                            Subscribe
                        </button>
                    </form>
                </div>
            </div>

            <div class="border-t border-gray-800 mt-6 md:mt-8 pt-6 md:pt-8 text-center text-gray-400">
                <!-- <p class="text-sm md:text-base">
                    Copyright © Nikhil Airsang. All Rights Reserved
                </p>
                <p class="mt-2 text-sm md:text-base">
                    Made by
                    <a href="#" class="hover:text-white transition-colors">Nikhil Airsang</a>
                </p> -->
            </div>
        </div>
    </footer>

    <script>
        AOS.init();
        feather.replace();
    </script>
</body>

</html>