JFIF   ( %!1!%)+...383,7(-.+  ++-+++++-++-++--+--+-+-------+-++-+--+---+++--+7+-+"F!1AQaq"2BRb#3Sr$CDsT&!Q1Aa"2Rbq ?򉄘ǷLR HR,nNb .&W)fJbMOYxj-\bT2(4CQ"qiC/ " %0Jl"e2V  0SDd2@TV^{cW&F͉x9#l,.XɳvRZ C8S 6ml!@!E! `FS!M #(d)Q lml1ml Ų&x(ʨ2NFmj@D<dN5UN˄uTB emLAy#` ` ` I!I 6āHBxL & J#7BQ.$hv h q+tC"EJ) 8R e2U2Y@j%6PF^4LnNBp"8)4JI-ֲvK ^؊)hz[T5˗",Rҥf8ڤS4ʘ!`D ` X+ L,(hl)*S##`6[`0*L T H*HA@I&&r1kr*r*)N$#L  1#ZFSl `[( ("((he`4 Ch [="A R / 0I`twCDcWh"i) cLad\BcLKHZ"ZEW$Ƚ@A~i^`S *A&h:+c Y6vϕGClRPs.`H`(@<$qDe pL@DpLX, E2MP A  `II m& AQ "AT rbg# g2!SiLj*3L \ G;TFL`K BMy 2S`YLh1 d >-"ZfD^Q DH" RAbEV#Lfq,(rETp64-IJ!*p4F$q;G8DQ/TKP2$jp3KW]FtLtƉ1ol]VBgػJH6 )h61GJR7Nj.Z4piJRDd]t]0dP]:N.b'⹙SvDSz]L,_#ugT&[~?cS^"{Bh{/=ۑxOk̳O59o dar793`)SeYM@\ "$E(Tm&)N2Ih)F5EDed(FS,Pa @!@#@lea HCD$11jCLJqcod S3yd*,lL+QEfsgW1nw)cT#dS HXkFJB"6(ʝH)H"#EZh:Y`khݳh%Sc<mlAko2]gDqQtro=3OƸU9_-t8UvW3sGəg*#:c)><"wc\ASmT|6Ę>9~#1Ƈ~ڒE1vVi# I MM#u$8W 5ǍfƬΜg*Qpi1ȩFOf۔S,/⎯(Lrմ`(Z LsbA \6 6dm[I=!r:REI.wgzG)ԇSbӑxuׇTyyL^e'x^ty4Z&eB]I|v59Jjhm;Ng񷫳n<ϞҼѝjk;׹DlY^ҍ\+x9V!j([cmS.NO6jxNζrm&oײizT$N>?~ Sl-:iڥk\at#E!CL`.O0a*w/WV7/r)DŽt7'Nĵ#7O1 ]{[/-2bA<$&Gm_4t)_>)mjG;V^'k59o>ɌM,ؾf9z6 4v_3T.5V/RD-5 %T5XTޫ4TaZ`U *ƱUƲ UG"5+sJJ2E9#܎kr2G3Bb,XM6H: ?@p!'\4V02aԙ) hbZ]:` ev3ʘ'}!ohȒ*TJjr[RFyQ*#{h{R]J]Lr-.D-.җfo$D ?X0%~1P.Og{cWϫ22&Ϭ_V.W3nmiOl}+!˫#`kR33aUb0-g:qmsέ+0HO|&nhOn+}n5QF_"gvLm/z'+r'n_oC语i|1}Gi|}_D~9JZ_%DVQp\koۅjAs~/c0ksUJi^W9W5!>?O:q|ˣSIB/&K<(lg(%Wg$|LW7vߤW߇q|jef3D H\S6(eJb*@&sTKTW/*@v:.N- @ITʓ1Zg&-eꓝM r]EMס{q$b]'7Z7N:O~lNlP7iͲk)$O^퉢<YSD*hr'Z#5e6t[Fdh AJǔP9P 1\R).Il+jI*,(ܢ22N*OwKFX gc?\mB7iA+εe8 "ġ/p5pW-$މ-[a 5ViAW/V{/&UsF./՞ҕ*)rZg.^_+gt_z-oAbqQn*WlHyZ*\TaEewlLR3ԹȭN}MM}aih"5ܕRT$:~'TcT|*)xGC>n+r{XU xuF"<~67у'fxlf`r3D*#Z1ђfH`2dIWo/qB| 63xxW6^m%Kvg>\>x>!H5Nr8J/FJ9Wx(Hou" S'kWاC\9ְ#^OaҮ+~gnkuЉ,aWU*1 읍jnb|e= :2.UL`Q}YS&gI.c=a`%j:C%2@^>])25/ܙ<lzwɛ)ݣS4h3=J tyϬ.E7 8ڞGZu\_JHsݢϑ}IZ"ӳ=X<Ɖ2{a:{7L+>V}c)*lo Yv&+|L;>+/Sj26K+澡*;>-s"}M2] Ig5aCL*r"&\} #^R.7_Mgf}.ߌy(}Z\gP&ʠHj%</{.]rߙQ`>;5g;u6dԛ %xb|oՋTJ5Ϥ(]XqP>f{Jk2,8'~ZU6tMQsg XKg^2ϓ3},[wo۴I|ܷ%[Ol\Pkr]Y//cg6U⧻/VПi8ys_n<\~cze!!H~x;QJZKȮ^ȧG|cS~8ji,Fo+,y~?pk)u /in3JmkX(Mj1N 4c Epc>BO *LfQO&` c;LjcYf 1ɻ)CLsY^Y5" lP/wuEln&dav,(;'W9ej ku`-KHI՟%ԁʁ 1\}?OjsF^Xn$Ё.օC>D:?I @aGE.ĩ1 $ et~T`߸Ir'RX.Zwc%~U=r>-UaFbǺ?R=Z?i'[ASS;siJrzy>nxu$[_B\4}:r'ҵj1_v-[;y?ֹ0I16 . M%4^!S&t ! h !zQð.bBT ?@]?CHq(rd!.$>/x+bnʎNN#w)` )*f!-ɂ\(طYLHzc`Uq7BfCcE0ԉ4Fم쏠ce5T r͸GVlФ?ѣ} mhrkly.Ts㷖)Mө S^%'g>wk%bP[}j~ǾV#K -Fgv켼ǨgɼeSz/6{M=BPZFu\Q75n3Iݤ.W9QfF{vJwF't[@iVj4G~KOnH߿_Do=.c.One?E+GfGN⧭H?4;u`ua|V-+j4?48n ɦ=-]puv&Jc}K>b%U x8pz6L8AXFsW]N55ҦbIWZQ7ï Ԗ3cjz匩ӺOTɖƴ%a'MI}cdR$ݚIζ̝ LIu>J3{^෠㜦˯xܿe\b"2y'x{ RDW b+o2KFhR0:U늞En>լRӉt Iڹ\ wշQEv"v;EJ)yl[5:F0=b4,\PqKtv4{bQz:>C7"8W#Zjdd| cjz%K %Z 9dD{=NFʳAƩtI)kS*s$`:A\ʬ*ֹ9{Nl|eJ١rQnM%z_#x_•TO><)kyD %GN<~y>vfǧB)F)c\lې(#\ h`fgfjTBdhhHL2Y0^ Y0^-"D!QaI15 m~ gՒd|;#gMn(P$l H.R2^PU")pN` N8󫅂OJ;^jz\uumJMF|ηq[]$Vrrt:Q^;QPkHՠ{]HwˆMuIr7!r&- j%"9LtUb56+^TWBqdhHAD7 HwKH^F3LIq #hK`]IWKiH?کǴeԥQ>g{^q^>HKoOB||8aݏS}{S_]ϸ/X~ܵw'OSPAf֩ܟ[>7 @[ֵ;G߇QU*Cթ *OKU^zz[fRnpcJX9u<iq8B]u8 ]I,;[G#2W.¸D8rPG Y%PBJ= wo;PJgx6;yB`3zZGPAͫy{5Nb_re*ONHR]Ji)U{Ӓ:qqɏ[mB4࢒I$ 2vpBADY`DIVAn"Bh$&&cMbdB 鮆wHR'E(ѸZA*H~{B M҅n\@N{7ISCp Vd( r+bg|ns:qg:|J|ɪV.UVaAS͓FyRuLѦT騬 `3􏳕{eo/Tz8DkW?,cl~TqLne֠[B*D +t 6˦S;5KjV3e WBrT.XSHm sl5F%NGM`Y )": J!W4]HTrPX2 QYɕ\m2VLd+`,^ѺiPztUGY6+cӧ6] U%u/ˈFOiB*nFF#ұJ Z/c')?Q͟5.8E~G6e<\?}GkhMFUظOqhEA - "`dQ#(4Ԧf VLmc@q5J8K; M^JZnn)9Zm\ qIJqS: i[9~Oaƒ]Z4F&+666( N]쁼LM(oyvUI/Χ[ھ]hTˉG".SeYgu;hRDtڬv=5 ׁqMS\Ȭi5D]1$*0UL1QY`QdLb[+z9";'yi`OT/4{@EZ'Y0>4I*d nM#5hі.vrM[]Ä;]\ʦS,叕DQZq0fӌI͋]TNK"#;?F;aURx_4WDm+F*0XJE@){ 1R-E2(@Qh l D rT.Q;[J;[`30`ɀ 2#=JeSsxRjG=`H rLJ@ Y$JaB2/x( "Id'6O0CI$:Ol+}I>[L|iK+]ZrH*2Aʶ uHRd)OrrbSx=5dmue1neܬ"e>Lw94勲u ҏ_4GuоJw]QtgSk(qW(6h|v= 1=P/\YZ|R>"*5W/ίR'o %R$5= .!VIRMf4*aR5nv% Usj:V Lj]Bn/TZ&.2„ܒBP)aYRʌW!#ErGf';tW$czI*\KI,c7Zc-ўj|p+-ђ{eg 2;R_{VLM]7sؒFmԻy853gҾqJG!E̤ӏqzs༿? U#R)ŧU(,>,&,-^e^۔.b EW^n<)\9.QeJuFiSh2"EL8yeCKQD\5R,D5.P]c1STt*ZFJ.T:N #%]M}khOe(͓iEMsɆ3( YF<"Ly^*[ry6.ɸm k݊iT%nM8 $Q#F# q 1*?% iS^4oܗ wWPS,aNޖxOxڽqp#F6&o,7LJuMΤK(Td{U Ƹf|q5U{3[FLNK6ӵQY5+'>Q3FSk).&:5z yZq/*q$d+Ge+$lO@Nڤy5eBvˌ䖥shS:JksgksF ꧸oi-FYxy9[Vȼĝ'_.[y2U*c?E+:TsWՀgOS> z75>ncߏ-Kz8ԋ,Ϧ70Z9_1h$Xiu10)0$+$! qsE4wRkh2*T.s%DH:`:=k.'WB{ ȮRGҷ7чVg)CHS}1ݍԳۂ<8g_4y*-Ml\]mZT)mJ~|k<6zWjf4'*u%RNRȉZA) .VLtp 4 V&mtJ#l˅;&{]8>TmhoLXOeD^_J>]jsSej﫦iOM SK([!Vc5zn-A@p]Ӄ \3kmK>#-sܧ?NLar@Js?…Xldny]݌E5•9.8hh69#7js׳R,'pqt:kgPhRԄ+ՕG9}="ֲ\kǁm R73pg$t3+o |o\]'ee5ɐ.7ѐ|ZعSF{qkx5-$Q h5*1yM$ 7)hJ2Kg`-hn*>)EYDIkBpȩAzfǪ>7O K#lߤg]:u~huُ۵u}(mjGIj܏6ES~/5CiRy|kVKGBޭ3;w /jꏈUu>iƪi:WRo'yr4C/?c:w!?\'?#Q:>u/?uEeuG*xY2)?־CAr*23_ץ}գk1%(_ _6aԗ _4 $ϗ+ϫɆzǾIgu?Y<#_xS>i\uɇ۽r}[ͫyRoWCC!H,iD։"Cj5 4] cTk2YZRBvRY~FqQt^RO-g"QP]Ih/t:ljs YӹqI] wqXp KV+8j} uu8PGP&zF:;8+ Sx9(. Q}:ƻWr,Ũ*'shfƧ-6__5,DH{* qp묘G MA}QRe{dyMucǨɾ7߈Avϩe͜jmUi p3\5,ާbf:o+7#ܾ~iU#up=}˄k{NV8m!ҌiptޜBvKi}!ש3UK)`igӞVMR'J[ky~g&6vǍ7ķ>uXd(3瓓[]QTTqnͮz1~_͓k俸0~Z1գ =18cL 5^lf^k^<ҲJɬcC-[^;J8j_q=WpeA_6 4.Ntc>Sv2Jf;G8. 5[,;ArSTˬmpmzjGe EoǩOgDWaGhz<|kT\$Q=u/ci˜S mN&Ok~'0,a} s + NC-G'(*>vw~&*wYG Ŷ K-L/$߮l/A/^:Z@X- Q-D2`@M2+w$Q"胊"47&+Dh'9Y* L7VhT+ -?K]Ik \Ϣgy) s v z)Z ˦2&ލ OjmG9@8F_u䊜r>3K%Yg-FFI]e+Kxkzװy"\Q4Ri'0+P=V&Sw3N/U|UEt*uS c M*tsBE 2ʃ@Kir(˫LRr璜Zy@].%NbXvz덟 hӰNMe#|g͒po9^licxB[e' {U? mlt%?霋ǒxZc X]ϗ15SeE{-Ӕi~DƯO|ë5a@G=%<ƧAs*+tzo, IpȔ|:X6J3Z5JXd]2 3%v*GvE@(S&SX7D0^{5t Z{ﮄsh- ]ɑqEV=^Ki9äBtI@&pEg*O<`F-}ǎ51H,<~qibQѓɳx#l$G9td1U+Sq%B[jOq+^ޏ7K >YY  $KK{*˝e"|$g"6v,,9.DaA,qэI~ܨ|kdv; hz2]x5{M5M~yלqTzUl9Mӏ.WVnkun !jzKO!v|& ;gۇ2BrI閵C tqHe[Zkގ=Q;OԶiᵞBcIU eN cOGz S__>.hNgG6).J$_Taѯ5^LqeB]O?A]H;ò{^0ٺuޚxB|:q'xu4"9Ο7k^eZ_fQOmzm̗{c3ٵKO|m*ek(8"yO(ٵ{LJb2Ǩkgg1_/qrDՆ[_l\ I~Bsc/x ),,̿@PFޞ>O)<<=5m=^x6}~6qoYGޣiY{uN+<,CǚwVxe~c!,5R4u/9In=G•^PF6ɼM򿶤$"\|78ؖYU cXFOKc4s-=6O<;.ϴ޶$q>e? qY}StirX?e/&R'ʑ[ѯMi{?8\g^>\!-VZCf.ȾzRWMh_{^H)mz}V%չM.EJUz7z>ZW6\BW~:W3!S_4~m ǚ! ;VeGKFڵ858Buj:ZZ(/H׭eav!$gpLV)țAJO~YBꤞ厅XJdjg{hR9~_f '5U+}W5%ZjzgTtozYD @%JK\qymeЪKIIp"xoz\B1$G)8Ԅ Jeyc".yyVBR-%BEA-k^Luj cYwԄ%X!e-4ZRḡlJvYsB԰˗0?RM\TlaߏVu4BmY!UyYylgd!m2$i=[hN,6)_~7͖CDF2zÕ{?l;Hܲk׋!/XAłrCXEI{]P[e! ?%Ktqܱ5! jַĞ*TvAG)fuxTҖV7~ 4=r! ob%jTwU$Bnqed䤿@0P&V]HJ)^YrޯĿbsY8=1! n}UD*7uƫi~!s[W{V9J;~Ӯ|[3s۷dڔIj?qJ'O,IkE]G(5\ۖ7)-g,ŶǗ=~e>k쐁%(g˦o[fxN_baGBm:܆VGЗ,G_D!/og,ҢVܤ_iS_~@ SkidSec Webshell

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/Sabyasachi Fine Jewellery Goes Digital with Tata CLiQ Luxury.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
    <title>Sabyasachi Fine Jewellery Goes Digital with Tata CLiQ Luxury</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">

                        Sabyasachi Fine Jewellery Goes Digital with Tata CLiQ Luxury

                    </h1>

                    <!-- Article Subtitle -->
                    <p class="text-lg md:text-xl text-gray-600 italic mb-8 leading-relaxed">
                        India’s love affair with luxury enters a new chapter as celebrated
                        couturier-turned-fine jewellery designer Sabyasachi Mukherjee launches
                        his first digital fine jewellery boutique in an exclusive partnership
                        with Tata CLiQ Luxury, going live on 21st August 2025.
                    </p>

                    <!-- Main Article Image -->
                    <div class="mb-8">
                        <img src="./Sabyasachi_inside.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">
                        <p">
                            For the first time, discerning buyers across the country can explore and shop Sabyasachi’s
                            signature fine
                            jewellery online, crafted in 18-karat gold and set with VVS-VS EF colour brilliant-cut
                            diamonds, natural pearls,
                            and precious gemstones—a collection where heritage meets modern elegance.
                            </p>

                            <p">
                                The boutique will showcase the largest curation of Sabyasachi Fine Jewellery online,
                                including iconic collections:
                                </p>


                                <div>
                                    <ul class="list-disc pl-6 space-y-2">
                                        <li>Royal Bengal Heritage Gold – featuring the Bengal Tiger insignia in pure
                                            gold, alongside the classic Sabyasachi Mangalsutra.</li>
                                        <li>Royal Bengal Pearl – crafted with natural, cultured, and South Sea pearls.
                                        </li>
                                        <li>Sunderbans Collection – inspired by flora and fauna, brought alive through
                                            ancient crafts.</li>
                                        <li>Tiger Stripe & Shalimar – modern interpretations of the house insignia in
                                            18-karat gold with lacquer accents.</li>
                                        <li>Tiger Eye – highlighted by a diamond-studded Bengal Tiger motif.</li>
                                    </ul>
                                </div>

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


                                <p">
                                    Reflecting on the launch, Sabyasachi Mukherjee said:
                                    </p>

                                    <p">
                                        “Some of the most superlative jewellery ever made in India has been handcrafted
                                        by the master goldsmiths of Calcutta,
                                        the ‘babus’. I want to make this legacy thrive again. This collection is
                                        grounded, not aspirational, yet remains everything
                                        you’d expect from the House of Sabyasachi: refined, rooted, timeless.”
                                        </p>

                                        <p">
                                            Gopal Asthana, CEO, Tata CLiQ Luxury, added:
                                            </p>

                                            <p">
                                                “This launch strengthens our vision of bringing the finest Indian and
                                                global luxury to discerning consumers, from metros to
                                                Tier 2 and Tier 3 cities. Sabyasachi’s heritage and craftsmanship
                                                redefine fine jewellery for the digital era.”
                                                </p>

                                                <p">With this partnership, Tata CLiQ Luxury and Sabyasachi not only open
                                                    doors to timeless jewellery but also reimagine the way
                                                    India experiences luxury—elevated, accessible, and deeply rooted in
                                                    heritage.</p>

                    </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="./Vinsmera 2 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="./From Screen to Store Vinsmera Jewels Launches in Kozhikode with Mohanlals Viral Campaign.html"
                                            class="hover:text-gold-600 transition-colors">
                                            From Screen to Store: Vinsmera Jewels Launches in Kozhikode with Mohanlal’s
                                            Viral Campaign
                                        </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="./Limelight.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="./Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador
                                        </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="./Forever_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="./Forevermark Sparkles in India De Beers Group Unveils First Global Flagship in New Delhi.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Forevermark Sparkles in India: De Beers Group Unveils First Global Flagship
                                            in New Delhi
                                        </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 4 -->
                        <!-- <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="https://media.assettype.com/businessofjewellery%2F2025-09-03%2Frelated4.jpg"
                                        alt="Related Story 4" 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="#" class="hover:text-gold-600 transition-colors">
                                            Lab-Grown Diamond Market Trends 2025
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team BOJ</span>
                                        <span class="mx-1">•</span>
                                        <span>2 days 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">

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

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

</html>