geonsrx/equanimity-connects
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>About Us - Equanimity LLC</title>7 <meta name="description" content="Learn about Equanimity LLC - our mission, vision, values, and leadership team.">8 <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='50%' x='50%' text-anchor='middle' font-size='50'>🌍</text></svg>">9 <link rel="stylesheet" href="style.css">10 <script src="https://cdn.tailwindcss.com"></script>11 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>12 <script src="https://unpkg.com/feather-icons"></script>13 <script>14 tailwind.config = {15 theme: {16 extend: {17 colors: {18 'navy': '#1e3a5f',19 'teal': '#0f766e',20 'sand': '#f5e6d3',21 'green': '#65a30d'22 }23 }24 }25 }26 </script>27</head>28<body class="bg-white">29 <custom-header></custom-header>30 31 <!-- Hero Section -->32 <section class="relative py-32 bg-gradient-to-br from-navy to-teal text-white overflow-hidden">33 <div class="absolute inset-0 bg-black/20"></div>34 <img src="https://static/photos/corporate/1920x600/7" alt="About Equanimity" class="absolute inset-0 w-full h-full object-cover opacity-30">35 <div class="container mx-auto px-6 relative z-10">36 <div class="max-w-4xl mx-auto text-center animate-fade-in-up">37 <h1 class="text-5xl md:text-7xl font-bold mb-6">About Equanimity</h1>38 <p class="text-xl md:text-2xl text-gray-200 leading-relaxed">39 Building bridges between talent and opportunity through ethical recruitment and unwavering commitment to excellence40 </p>41 </div>42 </div>43 <div class="absolute bottom-0 left-0 right-0">44 <svg class="w-full h-24" viewBox="0 0 1440 120" fill="none">45 <path d="M0,120L48,110C96,100,192,80,288,70C384,60,480,60,576,65C672,70,768,80,864,85C960,90,1056,90,1152,85C1248,80,1344,70,1392,65L1440,60L1440,120L1392,120C1344,120,1248,120,1152,120C1056,120,960,120,864,120C768,120,672,120,576,120C480,120,384,120,288,120C192,120,96,120,48,120L0,120Z" fill="white"/>46 </svg>47 </div>48 </section>49 50 <!-- Mission & Vision -->51 <section class="py-20 bg-white">52 <div class="container mx-auto px-6">53 <div class="grid md:grid-cols-2 gap-12 items-center">54 <div class="animate-fade-in">55 <div class="bg-gradient-to-br from-sand to-white rounded-2xl p-8 shadow-xl">56 <div class="w-16 h-16 bg-teal rounded-full flex items-center justify-center mb-6">57 <i data-feather="target" class="w-8 h-8 text-white"></i>58 </div>59 <h2 class="text-3xl font-bold text-navy mb-4">Our Mission</h2>60 <p class="text-gray-700 text-lg leading-relaxed">61 To connect trusted and skilled manpower from Asia and Africa with homes and businesses across the GCC and Armenia through ethical recruitment, transparency, and responsible practices that benefit all stakeholders.62 </p>63 </div>64 </div>65 <div class="animate-fade-in" style="animation-delay: 0.2s">66 <div class="bg-gradient-to-br from-sand to-white rounded-2xl p-8 shadow-xl">67 <div class="w-16 h-16 bg-teal rounded-full flex items-center justify-center mb-6">68 <i data-feather="eye" class="w-8 h-8 text-white"></i>69 </div>70 <h2 class="text-3xl font-bold text-navy mb-4">Our Vision</h2>71 <p class="text-gray-700 text-lg leading-relaxed">72 To be the leading ethical recruitment agency in the region, recognized for our commitment to fair treatment of workers, exceptional service to employers, and positive impact on communities.73 </p>74 </div>75 </div>76 </div>77 </div>78 </section>79 80 <!-- Values -->81 <section class="py-20 bg-gray-50">82 <div class="container mx-auto px-6">83 <div class="text-center mb-16">84 <h2 class="text-4xl md:text-5xl font-bold text-navy mb-4">Our Core Values</h2>85 <p class="text-xl text-gray-600">The principles that guide everything we do</p>86 </div>87 <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">88 <div class="bg-white rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all animate-fade-in">89 <div class="w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-6">90 <i data-feather="shield" class="w-10 h-10 text-white"></i>91 </div>92 <h3 class="text-2xl font-bold text-navy text-center mb-3">Integrity</h3>93 <p class="text-gray-600 text-center">We conduct business with honesty, transparency, and ethical practices at all times.</p>94 </div>95 <div class="bg-white rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all animate-fade-in" style="animation-delay: 0.1s">96 <div class="w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-6">97 <i data-feather="heart" class="w-10 h-10 text-white"></i>98 </div>99 <h3 class="text-2xl font-bold text-navy text-center mb-3">Compassion</h3>100 <p class="text-gray-600 text-center">We care deeply about the welfare of our workers and their families.</p>101 </div>102 <div class="bg-white rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all animate-fade-in" style="animation-delay: 0.2s">103 <div class="w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-6">104 <i data-feather="award" class="w-10 h-10 text-white"></i>105 </div>106 <h3 class="text-2xl font-bold text-navy text-center mb-3">Excellence</h3>107 <p class="text-gray-600 text-center">We strive for the highest standards in service and operational quality.</p>108 </div>109 <div class="bg-white rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all animate-fade-in" style="animation-delay: 0.3s">110 <div class="w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-6">111 <i data-feather="users" class="w-10 h-10 text-white"></i>112 </div>113 <h3 class="text-2xl font-bold text-navy text-center mb-3">Partnership</h3>114 <p class="text-gray-600 text-center">We build long-term relationships based on trust and mutual success.</p>115 </div>116 </div>117 </div>118 </section>119 120 <!-- Leadership Team -->121 <section class="py-20 bg-white">122 <div class="container mx-auto px-6">123 <div class="text-center mb-16">124 <h2 class="text-4xl md:text-5xl font-bold text-navy mb-4">Leadership Team</h2>125 <p class="text-xl text-gray-600">Meet the visionaries behind Equanimity</p>126 </div>127 <div class="grid md:grid-cols-2 gap-12 max-w-4xl mx-auto">128 <div class="text-center animate-fade-in">129 <img src="https://static.photos/people/300x300/8" alt="Rami Kfoury" class="w-48 h-48 rounded-full mx-auto mb-6 shadow-xl">130 <h3 class="text-2xl font-bold text-navy mb-2">Rami Kfoury</h3>131 <p class="text-teal font-semibold mb-4">Co-Founder & Managing Director</p>132 <p class="text-gray-600 leading-relaxed">133 With over 15 years of experience in international recruitment, Rami brings unparalleled expertise in cross-border manpower solutions. His vision drives our commitment to ethical recruitment practices.134 </p>135 <div class="flex justify-center space-x-4 mt-6">136 <a href="#" class="text-gray-400 hover:text-teal transition-colors">137 <i data-feather="linkedin" class="w-6 h-6"></i>138 </a>139 <a href="#" class="text-gray-400 hover:text-teal transition-colors">140 <i data-feather="mail" class="w-6 h-6"></i>141 </a>142 </div>143 </div>144 <div class="text-center animate-fade-in" style="animation-delay: 0.2s">145 <img src="https://static.photos/people/300x300/9" alt="Abdul Jalil" class="w-48 h-48 rounded-full mx-auto mb-6 shadow-xl">146 <h3 class="text-2xl font-bold text-navy mb-2">Abdul Jalil</h3>147 <p class="text-teal font-semibold mb-4">Co-Founder & Operations Director</p>148 <p class="text-gray-600 leading-relaxed">149 Abdul's operational excellence ensures smooth processes for both employers and job seekers. His hands-on approach and attention to detail have been instrumental in our growth.150 </p>151 <div class="flex justify-center space-x-4 mt-6">152 <a href="#" class="text-gray-400 hover:text-teal transition-colors">153 <i data-feather="linkedin" class="w-6 h-6"></i>154 </a>155 <a href="#" class="text-gray-400 hover:text-teal transition-colors">156 <i data-feather="mail" class="w-6 h-6"></i>157 </a>158 </div>159 </div>160 </div>161 </div>162 </section>163 164 <!-- Company Stats -->165 <section class="py-20 bg-gradient-to-br from-navy to-teal text-white">166 <div class="container mx-auto px-6">167 <div class="text-center mb-16">168 <h2 class="text-4xl md:text-5xl font-bold mb-4">Our Impact</h2>169 <p class="text-xl text-gray-200">Numbers that tell our story</p>170 </div>171 <div class="grid md:grid-cols-4 gap-8">172 <div class="text-center animate-counter">173 <div class="text-5xl font-bold text-green-400 mb-2" data-target="10000">0</div>174 <p class="text-xl">Workers Placed</p>175 </div>176 <div class="text-center animate-counter">177 <div class="text-5xl font-bold text-green-400 mb-2" data-target="500">0</div>178 <p class="text-xl">Partner Companies</p>179 </div>180 <div class="text-center animate-counter">181 <div class="text-5xl font-bold text-green-400 mb-2" data-target="98">0</div>182 <p class="text-xl">Client Satisfaction %</p>183 </div>184 <div class="text-center animate-counter">185 <div class="text-5xl font-bold text-green-400 mb-2" data-target="15">0</div>186 <p class="text-xl">Countries Served</p>187 </div>188 </div>189 </div>190 </section>191 192 <!-- Why Trust Us -->193 <section class="py-20 bg-gray-50">194 <div class="container mx-auto px-6">195 <div class="max-w-4xl mx-auto">196 <div class="bg-white rounded-3xl shadow-2xl p-12">197 <h2 class="text-3xl md:text-4xl font-bold text-navy text-center mb-8">Why Trust Equanimity</h2>198 <div class="grid md:grid-cols-2 gap-8">199 <div class="flex items-start space-x-4">200 <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0">201 <i data-feather="check" class="w-6 h-6 text-green-600"></i>202 </div>203 <div>204 <h3 class="text-xl font-bold text-navy mb-2">Licensed & Certified</h3>205 <p class="text-gray-600">Fully licensed recruitment agency with all required certifications</p>206 </div>207 </div>208 <div class="flex items-start space-x-4">209 <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0">210 <i data-feather="check" class="w-6 h-6 text-green-600"></i>211 </div>212 <div>213 <h3 class="text-xl font-bold text-navy mb-2">Zero Recruitment Fees</h3>214 <p class="text-gray-600">Workers never pay recruitment fees - borne entirely by employers</p>215 </div>216 </div>217 <div class="flex items-start space-x-4">218 <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0">219 <i data-feather="check" class="w-6 h-6 text-green-600"></i>220 </div>221 <div>222 <h3 class="text-xl font-bold text-navy mb-2">24/7 Support</h3>223 <p class="text-gray-600">Round-the-clock assistance for workers and employers</p>224 </div>225 </div>226 <div class="flex items-start space-x-4">227 <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0">228 <i data-feather="check" class="w-6 h-6 text-green-600"></i>229 </div>230 <div>231 <h3 class="text-xl font-bold text-navy mb-2">ISO Certified</h3>232 <p class="text-gray-600">Adhering to international quality management standards</p>233 </div>234 </div>235 </div>236 </div>237 </div>238 </div>239 </section>240 241 <!-- CTA -->242 <section class="py-20 bg-gradient-to-r from-green-600 to-green-700 text-white">243 <div class="container mx-auto px-6 text-center">244 <h2 class="text-4xl md:text-5xl font-bold mb-6">Ready to Join Our Journey?</h2>245 <p class="text-xl mb-8">Whether you're an employer or job seeker, we're here to help</p>246 <div class="flex flex-col sm:flex-row gap-4 justify-center">247 <a href="employers.html" class="px-8 py-4 bg-white text-green-700 rounded-lg font-semibold text-lg transition-all transform hover:scale-105">248 Hire Staff249 </a>250 <a href="workers.html" class="px-8 py-4 bg-navy hover:bg-navy/90 rounded-lg font-semibold text-lg transition-all transform hover:scale-105">251 Find a Job252 </a>253 </div>254 </div>255 </section>256 257 <custom-footer></custom-footer>258 259 <script src="components/header.js"></script>260 <script src="components/footer.js"></script>261 <script src="script.js"></script>262 <script>feather.replace();</script>263</body>264</html>