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 : /sftp/gjcuser/gjc-connect/



Current File : //sftp/gjcuser/gjc-connect/index_old.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta property="og:type" content="article" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>GJC Connect</title>

  <!-- Tailwind CSS -->
  <script src="https://cdn.tailwindcss.com"></script>

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />

  <!-- Fonts -->
  <link
    href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap"
    rel="stylesheet" />

  <!-- AOS Animation -->
  <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>
    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;
      color: transparent;
    }

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

<body class="bg-gray-50">
  <!-- 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 (≥1024px) -->
      <div class="hidden lg:block">
        <div class="flex justify-between items-center mb-4">
          <div class="flex-1 flex justify-center">
            <a href="./index.html" class="flex items-center">
              <img src="./GJC/Final Logo.png" alt="GJC Connect" class="h-14" />
            </a>
          </div>
        </div>

        <!-- Desktop Navigation -->
        <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/GJC_Updates.html"
            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC Updates</a>
          <a href="./GJC/News_views.html"
            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News & Views</a>
          <a href="./GJC/Retail.html"
            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
          <a href="./GJC/Marketing.html"
            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
          <a href="./GJC/Luxury.html"
            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
        </nav>
      </div>


      <!-- Tablet Layout (768px – 1023px) -->
      <div class="hidden md:block lg:hidden">
        <div class="flex justify-between items-center mb-3">
          <div class="flex-1 flex justify-center">
            <a href="./index.html" class="flex items-center">
              <img src="./GJC/Final Logo.png" alt="GJC Connect" class="h-12" />
            </a>
          </div>
        </div>
        <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">Home</a>
          <a href="./GJC/GJC_Updates.html" class="nav-link font-medium text-gray-700 hover:text-black">GJC Updates</a>
          <a href="./GJC/News_views.html" class="nav-link font-medium text-gray-700 hover:text-black">News & Views</a>
          <a href="./GJC/Retail.html" class="nav-link font-medium text-gray-700 hover:text-black">Retail</a>
          <a href="./GJC/Marketing.html" class="nav-link font-medium text-gray-700 hover:text-black">Marketing</a>
          <a href="./GJC/Luxury.html" class="nav-link font-medium text-gray-700 hover:text-black">Luxury</a>
        </nav>
      </div>


      <!-- Mobile Layout (<768px) -->
      <div class="block md:hidden">
        <div class="flex justify-between items-center">
          <div class="flex-1 flex justify-center px-4">
            <a href="./index.html" class="flex items-center">
              <img src="./GJC/Final Logo.png" alt="GJC Connect" class="h-10" />
            </a>
          </div>

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

        <!-- Mobile Menu -->
        <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">Home</a>
            <a href="./GJC/GJC_Updates.html" class="nav-link font-medium text-gray-700 hover:text-black">GJC Updates</a>
            <a href="./GJC/News_views.html" class="nav-link font-medium text-gray-700 hover:text-black">News & Views</a>
            <a href="./GJC/Retail.html" class="nav-link font-medium text-gray-700 hover:text-black">Retail</a>
            <a href="./GJC/Marketing.html" class="nav-link font-medium text-gray-700 hover:text-black">Marketing</a>
            <a href="./GJC/Luxury.html" class="nav-link font-medium text-gray-700 hover:text-black">Luxury</a>
          </div>

          <!-- Social 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>

  <!-- Working Menu Toggle Script -->
  <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");
          const icon = mobileMenuToggle.querySelector("i");
          icon.className = mobileMenu.classList.contains("hidden")
            ? "fas fa-bars text-lg"
            : "fas fa-times text-lg";
        });
      }
    });
  </script>
</body>

</html>


<!-- 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">
  <h1 class="heading-font text-4xl md:text-5xl font-bold text-center mb-12 gradient-text heading-up">
    Featured Articles
  </h1>

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

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

  <!-- Featured Articles Grid -->
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-16">


    <!--Lucky Laxmi-->
	<!--
    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/LuckyLakshmi.html">
          <img src="./GJC/LuckyLaxmiCover.jpg"  alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/LuckyLakshmi.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Lucky Lakshmi, recognised as the world's largest jewellery festival, generates a nationwide festive
          atmosphere.
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>
	-->


    <!--Arya ambekar-->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/AaryaAmbekarandLaguBandhuAMelodyofTraditionandModernGrace.html">
          <img src="./GJC/Arya_Ambker_Cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                                Luxury
                              </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/AaryaAmbekarandLaguBandhuAMelodyofTraditionandModernGrace.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Aarya Ambekar and Lagu Bandhu: A Melody of Tradition and Modern Grace
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>


    <!--Shweta_Phatak-->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Colours in Life Shweta Pathak's Journey from Small-Town India to Parisian Grandeur.html">
          <img src="./GJC/Shweta_pahtak_cover_article_19.jpeg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                                      Luxury
                                    </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Colours in Life Shweta Pathak's Journey from Small-Town India to Parisian Grandeur.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Colours in Life: Shweta Pathak’s Journey from Small-Town India to Parisian Grandeur
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!--Birachand-->
    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Jaipur’s Royal Heritage Finds a New Address at Jio World Plaza.html">
          <img src="./GJC/BrirachandCover copy.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                                          Luxury
                                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Jaipur’s Royal Heritage Finds a New Address at Jio World Plaza.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Jaipur’s Royal Heritage Finds a New Address at Jio World Plaza
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>




    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Mumbai Sparkles Highlights from GJS Humara Apna Show 2025.html">
          <img src="./GJC/GJC_MUmabi_sparkels_O.jpeg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                          Luxury
                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/GJC/Mumbai Sparkles Highlights from GJS Humara Apna Show 2025.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Mumbai Sparkles: Highlights from GJS Humara Apna Show 2025
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article Banking Summit -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/GJC Banking Summit 2025 Driving Growth Through Finance.html">
          <img src="./GJC/O 16.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                          Luxury
                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/GJC National Jewellery Awards 2025 Celebrating Excellence Empowering Innovation.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          GJC Banking Summit 2025: Driving Growth Through Finance

        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article NJA Awards -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/GJC National Jewellery Awards 2025 Celebrating Excellence Empowering Innovation.html">
          <img src="./GJC/Mrunal_Cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                          Luxury
                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/GJC National Jewellery Awards 2025 Celebrating Excellence Empowering Innovation.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          GJC’s National Jewellery Awards 2025: Celebrating Excellence, Empowering Innovation
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article Mindspeak -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Mindspeak 2025 Conversations that Sparked a Thousand Ideas.html">
          <img src="./GJC/O 14.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                          Luxury
                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Mindspeak 2025 Conversations that Sparked a Thousand Ideas.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Mindspeak 2025: Conversations that Sparked a Thousand Ideas
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article Rokde -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a
          href="./GJC/Rokde Jewellers Marks a Historic Homecoming in Mahal, Celebrated Among India’s Top 50 Jewellers.html">
          <img src="./GJC/O 13.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                          Luxury
                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Rokde Jewellers Marks a Historic Homecoming in Mahal, Celebrated Among India’s Top 50 Jewellers.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Rokde Jewellers Marks a Historic Homecoming in Mahal, Celebrated Among India’s Top 50 Jewellers
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>s
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 10 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Forevermark Sparkles in India De Beers Group Unveils First Global Flagship in New Delhi.html">
          <img src="./GJC/Forever_Cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                          Luxury
                        </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Forevermark Sparkles in India De Beers Group Unveils First Global Flagship in New Delhi.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Forevermark Sparkles in India: De Beers Group Unveils First Global Flagship in New Delhi
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 11 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Experienced industry executive to lead all laboratory and education activities.html">
          <img src="./GJC/GIA_Cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                                Luxury
                              </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Experienced industry executive to lead all laboratory and education activities.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Experienced industry executive to lead all laboratory and education activities
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 12 -->


    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/Festive Elegance Redefined – Shubhtithi by KRA Jewellers.html">
          <img src="./GJC/KRA Cover copy.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                                      Luxury
                                    </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Festive Elegance Redefined – Shubhtithi by KRA Jewellers.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Festive Elegance Redefined – Shubhtithi by KRA Jewellers
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 9 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a href="./GJC/From Rome to Mumbai Bulgari’s Serpenti Infinito Celebrates 75 Years of Iconic Design.html">
          <img src="./GJC/Archiev_Out.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
                    Luxury
                  </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/From Rome to Mumbai Bulgari’s Serpenti Infinito Celebrates 75 Years of Iconic Design.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          From Rome to Mumbai: Bulgari’s Serpenti Infinito Celebrates 75 Years of Iconic Design
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>




    <!-- Article 1 - Large Featured -->
    <div class="lg:col-span-1">
      <div
        class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 h-full">
        <div class="relative">
          <a href="./GJC/From the Chairman’s Desk.html">
            <img src="./GJC/Rajesh Sir.jpg" alt="Luxury News" class="w-full h-46 object-cover">
          </a>
          <div class="absolute top-4 left-4">

          </div>
        </div>
        <div class="p-6">
          <a href="./GJC/From the Chairman’s Desk.html"
            class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
            From the Chairman’s Desk
          </a>
          <div class="flex items-center text-sm text-gray-500">
            <span class="font-medium">Team GJC</span>
            <span class="mx-2">•</span>
            <span>8 hours ago</span>
            <span class="mx-2">•</span>
            <span>1 min read</span>
          </div>
        </div>
      </div>
    </div>

    <!-- Article 2 -->
    <div class="lg:col-span-1">
      <div
        class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300 h-full">
        <div class="relative">
          <a href="./GJC/From Screen to Store Vinsmera Jewels Launches in Kozhikode with Mohanlals Viral Campaign.html">
            <img src="./GJC/Vinsmera 2 copy.jpg" alt="Luxury News" class="w-full h-46 object-cover">
          </a>
          <div class="absolute top-4 left-4">

          </div>
        </div>
        <div class="p-6">
          <a href="./GJC/From Screen to Store Vinsmera Jewels Launches in Kozhikode with Mohanlals Viral Campaign.html"
            class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
            From Screen to Store: Vinsmera Jewels Launches in Kozhikode with Mohanlal’s Viral Campaign
          </a>
          <div class="flex items-center text-sm text-gray-500">
            <span class="font-medium">Team GJC</span>
            <span class="mx-2">•</span>
            <span>8 hours ago</span>
            <span class="mx-2">•</span>
            <span>1 min read</span>
          </div>
        </div>
      </div>
    </div>

    <!-- Article 3 -->
    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class="relative">
        <a href="./GJC/Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador.html">
          <img src="./GJC/Limelight.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">

        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>10 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 4 -->
    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class="relative">
        <a href="./GJC/Titan Acquires 67% Stake in Damas Jewellery to Strengthen GCC Presence.html">
          <img src="./GJC/Titan Damas 3 copy.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">

        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Titan Acquires 67% Stake in Damas Jewellery to Strengthen GCC Presence.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Titan Acquires 67% Stake in Damas Jewellery to Strengthen GCC Presence
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 5 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class="relative">
        <a href="./GJC/Sabyasachi Fine Jewellery Goes Digital with Tata CLiQ Luxury.html">
          <img src="./GJC/Sabyasachi_cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">
          <!-- <span class="bg-purple-600 text-white px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">
              Luxury
            </span> -->
        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Sabyasachi Fine Jewellery Goes Digital with Tata CLiQ Luxury.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">

          Sabyasachi Fine Jewellery Goes Digital with Tata CLiQ Luxury

        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 6 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class="relative">
        <a
          href="./GJC/Retail KRA Jewellers, with an 88-year legacy, has expanded its presence to Chhatrapati.Sambhajinagar.html">
          <img src="./GJC/Cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">

        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Retail KRA Jewellers, with an 88-year legacy, has expanded its presence to Chhatrapati.Sambhajinagar.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Retail KRA Jewellers, with an 88-year legacy, has expanded its presence to Chhatrapati . Sambhajinagar

        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>
    <!-- Article 7 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class="relative">
        <a
          href="./GJC/Kalyan Jewellers Reports Strong Q1 FY26 Results with 31% Revenue Growth; Expands Assam Presence with Dibrugarh Showroom Launch.html">
          <img src="./GJC/Latest_Kalyan_cover.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">

        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Kalyan Jewellers Reports Strong Q1 FY26 Results with 31% Revenue Growth; Expands Assam Presence with Dibrugarh Showroom Launch.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Kalyan Jewellers Reports Strong Q1 FY26 Results with 31% Revenue Growth; Expands Assam Presence with
          Dibrugarh Showroom Launch
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>

    <!-- Article 8 -->

    <div class="article-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300">
      <div class=relative">
        <a
          href="./GJC/Industry Leaders Appreciated the Transformative Learnings from GemLead the IIMA GJC Executive Masterclass.html">
          <img src="./GJC/IIM_COVER.jpg" alt="Luxury" class="w-full h-46 object-cover">
        </a>
        <div class="absolute top-4 left-4">

        </div>
      </div>
      <div class="p-6">
        <a href="./GJC/Industry Leaders Appreciated the Transformative Learnings from GemLead the IIMA GJC Executive Masterclass.html"
          class="block text-lg font-bold heading-font hover:text-gold-600 transition-colors mb-3 leading-tight">
          Industry Leaders Appreciated the Transformative Learnings from GemLead, the IIMA–GJC Executive Masterclass.
        </a>
        <div class="flex items-center text-sm text-gray-500">
          <span class="font-medium">Team GJC</span>
          <span class="mx-2">•</span>
          <span>11 hours ago</span>
          <span class="mx-2">•</span>
          <span>1 min read</span>
        </div>
      </div>
    </div>











  </div>

</main>



<!--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">
  <!-- Column 1 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->


  <!-- Column 2 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->


  <!-- Column 3 -->


  <!-- Column 4 - Featured Article 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->

</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 © GJC Connect. 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>