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>Find a Job - Equanimity LLC</title>7 <meta name="description" content="Apply for jobs in GCC countries and Armenia through Equanimity LLC. Your trusted recruitment partner.">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-20 bg-gradient-to-br from-teal to-navy text-white">33 <div class="container mx-auto px-6">34 <div class="text-center max-w-4xl mx-auto animate-fade-in-up">35 <h1 class="text-4xl md:text-6xl font-bold mb-6">Your Dream Job Awaits</h1>36 <p class="text-xl md:text-2xl mb-8 text-gray-200">Take the first step towards a brighter future with trusted employers in GCC and Armenia</p>37 <div class="flex flex-col sm:flex-row gap-4 justify-center mb-12">38 <div class="bg-white/10 backdrop-blur-sm rounded-lg p-6">39 <div class="text-3xl font-bold text-green-400 mb-2">5000+</div>40 <div class="text-gray-200">Jobs Available</div>41 </div>42 <div class="bg-white/10 backdrop-blur-sm rounded-lg p-6">43 <div class="text-3xl font-bold text-green-400 mb-2">98%</div>44 <div class="text-gray-200">Success Rate</div>45 </div>46 <div class="bg-white/10 backdrop-blur-sm rounded-lg p-6">47 <div class="text-3xl font-bold text-green-400 mb-2">24/7</div>48 <div class="text-gray-200">Support</div>49 </div>50 </div>51 </div>52 </div>53 <div class="absolute bottom-0 left-0 right-0">54 <svg class="w-full h-20" viewBox="0 0 1440 120" fill="none">55 <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"/>56 </svg>57 </div>58 </section>59 60 <!-- Application Process -->61 <section class="py-20 bg-white">62 <div class="container mx-auto px-6">63 <div class="text-center mb-16">64 <h2 class="text-4xl md:text-5xl font-bold text-navy mb-4">Your Journey to Success</h2>65 <p class="text-xl text-gray-600">Follow these simple steps to start your career abroad</p>66 </div>67 <div class="grid md:grid-cols-3 gap-8">68 <div class="relative animate-fade-in">69 <div class="bg-gradient-to-br from-sand to-white rounded-2xl shadow-xl p-8 h-full border-2 border-transparent hover:border-teal transition-all">70 <div class="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center text-white text-2xl font-bold mb-6">71 172 </div>73 <h3 class="text-2xl font-bold text-navy mb-4">Register & Apply</h3>74 <p class="text-gray-600 mb-4">Create your profile and submit your application online. Provide all necessary documents and qualifications.</p>75 <div class="space-y-2">76 <div class="flex items-center text-gray-600">77 <i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>78 <span>Valid Passport</span>79 </div>80 <div class="flex items-center text-gray-600">81 <i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>82 <span>Experience Certificates</span>83 </div>84 </div>85 </div>86 </div>87 <div class="relative animate-fade-in" style="animation-delay: 0.1s">88 <div class="bg-gradient-to-br from-sand to-white rounded-2xl shadow-xl p-8 h-full border-2 border-transparent hover:border-teal transition-all">89 <div class="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center text-white text-2xl font-bold mb-6">90 291 </div>92 <h3 class="text-2xl font-bold text-navy mb-4">Interview & Selection</h3>93 <p class="text-gray-600 mb-4">Attend interviews with potential employers. We'll guide you through the entire process.</p>94 <div class="space-y-2">95 <div class="flex items-center text-gray-600">96 <i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>97 <span>Preparation Support</span>98 </div>99 <div class="flex items-center text-gray-600">100 <i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>101 <span>Mock Interviews</span>102 </div>103 </div>104 </div>105 </div>106 <div class="relative animate-fade-in" style="animation-delay: 0.2s">107 <div class="bg-gradient-to-br from-sand to-white rounded-2xl shadow-xl p-8 h-full border-2 border-transparent hover:border-teal transition-all">108 <div class="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center text-white text-2xl font-bold mb-6">109 3110 </div>111 <h3 class="text-2xl font-bold text-navy mb-4">Deployment & Support</h3>112 <p class="text-gray-600 mb-4">Complete documentation, medical tests, and travel arrangements. We'll support you throughout.</p>113 <div class="space-y-2">114 <div class="flex items-center text-gray-600">115 <i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>116 <span>Visa Processing</span>117 </div>118 <div class="flex items-center text-gray-600">119 <i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2"></i>120 <span>Travel Arrangement</span>121 </div>122 </div>123 </div>124 </div>125 </div>126 </div>127 </section>128 129 <!-- Job Categories -->130 <section class="py-20 bg-gray-50">131 <div class="container mx-auto px-6">132 <div class="text-center mb-16">133 <h2 class="text-4xl md:text-5xl font-bold text-navy mb-4">Available Positions</h2>134 <p class="text-xl text-gray-600">Explore various job opportunities</p>135 </div>136 <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">137 <div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all animate-fade-in cursor-pointer">138 <div class="w-14 h-14 bg-teal rounded-lg flex items-center justify-center mb-4">139 <i data-feather="home" class="w-7 h-7 text-white"></i>140 </div>141 <h3 class="text-xl font-bold text-navy mb-2">Domestic Helpers</h3>142 <p class="text-gray-600 mb-4">Housekeepers, nannies, caregivers</p>143 <div class="text-green-600 font-semibold">250+ Openings</div>144 </div>145 <div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all animate-fade-in cursor-pointer" style="animation-delay: 0.1s">146 <div class="w-14 h-14 bg-teal rounded-lg flex items-center justify-center mb-4">147 <i data-feather="tool" class="w-7 h-7 text-white"></i>148 </div>149 <h3 class="text-xl font-bold text-navy mb-2">Construction</h3>150 <p class="text-gray-600 mb-4">Laborers, carpenters, welders</p>151 <div class="text-green-600 font-semibold">500+ Openings</div>152 </div>153 <div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all animate-fade-in cursor-pointer" style="animation-delay: 0.2s">154 <div class="w-14 h-14 bg-teal rounded-lg flex items-center justify-center mb-4">155 <i data-feather="truck" class="w-7 h-7 text-white"></i>156 </div>157 <h3 class="text-xl font-bold text-navy mb-2">Drivers</h3>158 <p class="text-gray-600 mb-4">Private, commercial, delivery drivers</p>159 <div class="text-green-600 font-semibold">150+ Openings</div>160 </div>161 <div class="bg-white rounded-xl shadow-lg p-6 hover:shadow-2xl transition-all animate-fade-in cursor-pointer" style="animation-delay: 0.3s">162 <div class="w-14 h-14 bg-teal rounded-lg flex items-center justify-center mb-4">163 <i data-feather="shopping-bag" class="w-7 h-7 text-white"></i>164 </div>165 <h3 class="text-xl font-bold text-navy mb-2">Retail</h3>166 <p class="text-gray-600 mb-4">Sales staff, cashiers, store managers</p>167 <div class="text-green-600 font-semibold">200+ Openings</div>168 </div>169 </div>170 </div>171 </section>172 173 <!-- Application Form -->174 <section class="py-20 bg-gradient-to-b from-white to-gray-50">175 <div class="container mx-auto px-6">176 <div class="max-w-3xl mx-auto">177 <div class="bg-white rounded-3xl shadow-2xl overflow-hidden">178 <div class="bg-gradient-to-r from-navy to-teal p-8 text-white text-center">179 <h2 class="text-3xl md:text-4xl font-bold mb-2">Start Your Application</h2>180 <p class="text-xl text-gray-200">Join thousands who've found success through Equanimity</p>181 </div>182 <form class="p-8 space-y-6" id="workerForm">183 <div class="grid md:grid-cols-2 gap-6">184 <div>185 <label class="block text-gray-700 font-semibold mb-2">Full Name *</label>186 <input type="text" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors" placeholder="Enter your full name">187 </div>188 <div>189 <label class="block text-gray-700 font-semibold mb-2">Date of Birth *</label>190 <input type="date" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors">191 </div>192 </div>193 <div class="grid md:grid-cols-2 gap-6">194 <div>195 <label class="block text-gray-700 font-semibold mb-2">Nationality *</label>196 <select required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors">197 <option value="">Select nationality</option>198 <option value="philippines">Philippines</option>199 <option value="india">India</option>200 <option value="sri-lanka">Sri Lanka</option>201 <option value="nepal">Nepal</option>202 <option value="kenya">Kenya</option>203 <option value="ethiopia">Ethiopia</option>204 </select>205 </div>206 <div>207 <label class="block text-gray-700 font-semibold mb-2">Desired Country *</label>208 <select required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors">209 <option value="">Select country</option>210 <option value="oman">Oman</option>211 <option value="uae">UAE</option>212 <option value="saudi">Saudi Arabia</option>213 <option value="qatar">Qatar</option>214 <option value="kuwait">Kuwait</option>215 <option value="bahrain">Bahrain</option>216 <option value="armenia">Armenia</option>217 </select>218 </div>219 </div>220 <div class="grid md:grid-cols-2 gap-6">221 <div>222 <label class="block text-gray-700 font-semibold mb-2">WhatsApp Number *</label>223 <input type="tel" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors" placeholder="+XXX XXXXXXXX">224 </div>225 <div>226 <label class="block text-gray-700 font-semibold mb-2">Email *</label>227 <input type="email" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors" placeholder="your@email.com">228 </div>229 </div>230 <div>231 <label class="block text-gray-700 font-semibold mb-2">Skills & Experience *</label>232 <textarea required rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors" placeholder="Describe your skills, work experience, and qualifications..."></textarea>233 </div>234 <div>235 <label class="block text-gray-700 font-semibold mb-2">Job Category *</label>236 <select required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-teal transition-colors">237 <option value="">Select category</option>238 <option value="domestic">Domestic Helper</option>239 <option value="construction">Construction Worker</option>240 <option value="driver">Driver</option>241 <option value="retail">Retail Staff</option>242 <option value="office">Office Staff</option>243 <option value="other">Other</option>244 </select>245 </div>246 <div>247 <label class="block text-gray-700 font-semibold mb-2">Upload CV/Resume</label>248 <div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center hover:border-teal transition-colors cursor-pointer">249 <i data-feather="upload-cloud" class="w-12 h-12 text-gray-400 mx-auto mb-3"></i>250 <p class="text-gray-600">Click to upload or drag and drop</p>251 <p class="text-sm text-gray-400 mt-2">PDF, DOC, DOCX (MAX. 5MB)</p>252 <input type="file" class="hidden" accept=".pdf,.doc,.docx">253 </div>254 </div>255 <div class="flex items-center">256 <input type="checkbox" required class="w-5 h-5 text-teal mr-3">257 <label class="text-gray-700">I agree to the terms and conditions and consent to my data being processed for recruitment purposes.</label>258 </div>259 <button type="submit" class="w-full md:w-auto px-8 py-4 bg-green-600 hover:bg-green-700 text-white rounded-lg font-semibold text-lg transition-all transform hover:scale-105 shadow-xl">260 Submit Application261 </button>262 </form>263 </div>264 </div>265 </div>266 </section>267 268 <!-- Success Stories -->269 <section class="py-20 bg-navy text-white">270 <div class="container mx-auto px-6">271 <div class="text-center mb-16">272 <h2 class="text-4xl md:text-5xl font-bold mb-4">Success Stories</h2>273 <p class="text-xl text-gray-300">Real people, real success</p>274 </div>275 <div class="grid md:grid-cols-3 gap-8">276 <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 animate-fade-in">277 <div class="flex items-center mb-4">278 <img src="https://static.photos/people/100x100/4" alt="Maria" class="w-16 h-16 rounded-full mr-4">279 <div>280 <h3 class="font-bold text-lg">Maria Santos</h3>281 <p class="text-gray-300">Domestic Helper in Dubai</p>282 </div>283 </div>284 <p class="text-gray-200">"Equanimity helped me find a wonderful family to work with. The process was smooth and transparent."</p>285 </div>286 <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 animate-fade-in" style="animation-delay: 0.1s">287 <div class="flex items-center mb-4">288 <img src="https://static.photos/people/100x100/5" alt="Rajesh" class="w-16 h-16 rounded-full mr-4">289 <div>290 <h3 class="font-bold text-lg">Rajesh Kumar</h3>291 <p class="text-gray-300">Construction Worker in Oman</p>292 </div>293 </div>294 <p class="text-gray-200">"I'm grateful for the opportunity provided by Equanimity. They supported me throughout the entire process."</p>295 </div>296 <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 animate-fade-in" style="animation-delay: 0.2s">297 <div class="flex items-center mb-4">298 <img src="https://static.photos/people/100x100/6" alt="Aisha" class="w-16 h-16 rounded-full mr-4">299 <div>300 <h3 class="font-bold text-lg">Aisha Mohammed</h3>301 <p class="text-gray-300">Nanny in Saudi Arabia</p>302 </div>303 </div>304 <p class="text-gray-200">"The team at Equanimity is professional and caring. They matched me with the perfect job."</p>305 </div>306 </div>307 </div>308 </section>309 310 <custom-footer></custom-footer>311 312 <script src="components/header.js"></script>313 <script src="components/footer.js"></script>314 <script src="script.js"></script>315 <script>feather.replace();</script>316</body>317</html>