MASHAHRABI/quickcare-aims-redesign
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>AIMS Urgent Care - Quick Medical Attention in Sacramento</title>7 <link rel="icon" type="image/x-icon" href="https://aimsuc.com/wp-content/uploads/2021/12/logo.png">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script>12 tailwind.config = {13 theme: {14 extend: {15 colors: {16 primary: '#3b82f6',17 secondary: '#1e40af',18 accent: '#10b981'19 }20 }21 }22 }23 </script>24 <style>25 .hero-slide {26 background-image: url('https://aimsuc.com/wp-content/uploads/2021/12/slide-img2.jpg');27 background-size: cover;28 background-position: center;29 }30 .smooth-scroll {31 scroll-behavior: smooth;32 }33 .service-card:hover {34 transform: translateY(-5px);35 box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);36 }37 </style>38</head>39<body class="font-sans text-gray-800 smooth-scroll">40 <!-- Top Announcement Bar -->41 <div class="bg-primary text-white text-center py-2 px-4 text-sm">42 <p>Open 7 days a week 9:00am-9pm. Walk-ins welcomed! Call us at <a href="tel:9169092467" class="font-bold">(916) 909-AIMS</a></p>43 </div>44 45 <!-- Navigation -->46 <nav class="bg-white shadow-md sticky top-0 z-50">47 <div class="container mx-auto px-4 py-3 flex justify-between items-center">48 <a href="#" class="flex items-center">49 <img src="https://aimsuc.com/wp-content/uploads/2021/12/logo.png" alt="AIMS Urgent Care Logo" class="h-12">50 </a>51 52 <div class="hidden md:flex space-x-6 items-center">53 <a href="#" class="font-medium hover:text-primary">Home</a>54 <a href="#" class="font-medium hover:text-primary">About</a>55 <div class="relative group">56 <button class="font-medium hover:text-primary flex items-center">57 Services <i data-feather="chevron-down" class="ml-1 w-4 h-4"></i>58 </button>59 <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-1 p-3 w-64 z-50">60 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Illness</a>61 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Injury</a>62 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Telemedicine</a>63 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">COVID Testing</a>64 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Vaccinations</a>65 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Routine Medical Care</a>66 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">On-site Testing</a>67 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Employer Services</a>68 <a href="#" class="block py-2 px-3 hover:bg-gray-50 rounded">Worker's Comp</a>69 </div>70 </div>71 <a href="#" class="font-medium hover:text-primary">Blog</a>72 <a href="#" class="font-medium hover:text-primary">Contact</a>73 <a href="#" class="bg-primary hover:bg-secondary text-white px-6 py-2 rounded-full font-medium transition duration-300">74 Schedule Now75 </a>76 </div>77 78 <button class="md:hidden focus:outline-none">79 <i data-feather="menu" class="w-6 h-6"></i>80 </button>81 </div>82 </nav>83 84 <!-- Hero Section -->85 <section class="hero-slide h-screen-80 flex items-center text-white relative">86 <div class="absolute inset-0 bg-black bg-opacity-40"></div>87 <div class="container mx-auto px-4 relative z-10">88 <div class="max-w-2xl">89 <h1 class="text-4xl md:text-5xl font-bold mb-4">Committed to Treating Your Non Life-Threatening Illness</h1>90 <p class="text-xl mb-8">Fast, friendly care when you need it most. No appointment necessary.</p>91 <div class="flex flex-wrap gap-4">92 <a href="#" class="bg-primary hover:bg-secondary text-white px-8 py-3 rounded-full font-medium transition duration-300">93 Schedule Online94 </a>95 <a href="tel:9169092467" class="bg-white hover:bg-gray-100 text-primary px-8 py-3 rounded-full font-medium transition duration-300">96 Call Now: (916) 909-AIMS97 </a>98 </div>99 </div>100 </div>101 </section>102 103 <!-- About Section -->104 <section class="py-16 bg-gray-50">105 <div class="container mx-auto px-4">106 <div class="flex flex-col md:flex-row items-center">107 <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">108 <img src="https://aimsuc.com/wp-content/themes/auc/images/intro-img.png" alt="Medical professionals" class="rounded-lg shadow-lg">109 </div>110 <div class="md:w-1/2">111 <h2 class="text-3xl font-bold mb-4 text-primary">AIMS URGENT CARE IN SACRAMENTO</h2>112 <div class="flex mb-6">113 <img src="https://aimsuc.com/wp-content/uploads/2024/11/45-300x24.png" alt="Rating" class="h-6 mr-4">114 <img src="https://aimsuc.com/wp-content/uploads/2024/09/AIMS-Flu-1-300x29.png" alt="Flu certified" class="h-6">115 </div>116 <p class="text-lg mb-4">Looking for the best urgent care centers in Sacramento? AIMS Urgent Care serves families around Greater Sacramento, California. Our number one priority is to provide timely and excellent medical care to the patients who been have looking for urgent care clinics open near me.</p>117 <p class="text-lg mb-6">Patients seeking urgent care facilities can count on AIMS Urgent Care for convenient walk-in hours seven days a week.</p>118 <div class="bg-blue-50 border-l-4 border-primary p-4 mb-6">119 <p class="font-bold mb-2">Open 7 Days a week 9:00 am to 9:00 pm.</p>120 <p>No Appointment is needed (Walk-Ins Welcome)</p>121 <p>For Online Appointment Visit: <a href="https://www.aimsuc.com/" class="text-primary hover:underline">AIMSUC.COM</a> or Call US at <a href="tel:9169092467" class="text-primary hover:underline">916-909-2467 (AIMS)</a></p>122 </div>123 <a href="#" class="inline-block bg-primary hover:bg-secondary text-white px-6 py-3 rounded-full font-medium transition duration-300">124 Learn More About Us125 </a>126 </div>127 </div>128 </div>129 </section>130 131 <!-- Services Section -->132 <section class="py-16">133 <div class="container mx-auto px-4">134 <div class="text-center mb-12">135 <h2 class="text-3xl font-bold mb-4 text-primary">Our Urgent Care Services</h2>136 <p class="max-w-2xl mx-auto text-lg">Quality medical care when you need it most. We treat patients ages 2 and up with fast, friendly service.</p>137 </div>138 139 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">140 <!-- Service Card -->141 <div class="bg-white rounded-lg shadow-md overflow-hidden service-card transition duration-300">142 <img src="https://aimsuc.com/wp-content/uploads/2021/12/s-vaccinations.jpg" alt="Vaccinations" class="w-full h-48 object-cover">143 <div class="p-6">144 <h3 class="text-xl font-bold mb-3 text-primary">Vaccinations</h3>145 <p class="mb-4">Stay protected with our comprehensive vaccination services for all ages.</p>146 <a href="#" class="text-primary font-medium hover:underline flex items-center">147 Learn More <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>148 </a>149 </div>150 </div>151 152 <!-- Service Card -->153 <div class="bg-white rounded-lg shadow-md overflow-hidden service-card transition duration-300">154 <img src="https://aimsuc.com/wp-content/uploads/2021/12/s-injuries.jpg" alt="Injury" class="w-full h-48 object-cover">155 <div class="p-6">156 <h3 class="text-xl font-bold mb-3 text-primary">Injury</h3>157 <p class="mb-4">Immediate care for sprains, fractures, cuts, and other injuries with on-site X-rays available.</p>158 <a href="#" class="text-primary font-medium hover:underline flex items-center">159 Learn More <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>160 </a>161 </div>162 </div>163 164 <!-- Service Card -->165 <div class="bg-white rounded-lg shadow-md overflow-hidden service-card transition duration-300">166 <img src="https://aimsuc.com/wp-content/uploads/2021/12/s-telemedicine.jpg" alt="Telemedicine" class="w-full h-48 object-cover">167 <div class="p-6">168 <h3 class="text-xl font-bold mb-3 text-primary">Telemedicine</h3>169 <p class="mb-4">Virtual consultations with our medical professionals from the comfort of your home.</p>170 <a href="#" class="text-primary font-medium hover:underline flex items-center">171 Learn More <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>172 </a>173 </div>174 </div>175 176 <!-- Additional services would continue here -->177 </div>178 </div>179 </section>180 181 <!-- Testimonials -->182 <section class="py-16 bg-primary text-white">183 <div class="container mx-auto px-4">184 <div class="text-center mb-12">185 <h2 class="text-3xl font-bold mb-4">Our Happy & Healthy Patients</h2>186 <p class="max-w-2xl mx-auto text-lg">Hear what our patients have to say about their experience at AIMS Urgent Care.</p>187 </div>188 189 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">190 <!-- Testimonial -->191 <div class="bg-white bg-opacity-10 p-6 rounded-lg">192 <div class="flex items-center mb-4">193 <div class="flex mr-2">194 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>195 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>196 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>197 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>198 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>199 </div>200 </div>201 <p class="italic mb-4">"Though the clinic is new in town, it has been filled with great health professionals to help you right there in no time. They are cost effective too."</p>202 <p class="font-bold">- Satisfied Patient</p>203 </div>204 205 <!-- Testimonial -->206 <div class="bg-white bg-opacity-10 p-6 rounded-lg">207 <div class="flex items-center mb-4">208 <div class="flex mr-2">209 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>210 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>211 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>212 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>213 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>214 </div>215 </div>216 <p class="italic mb-4">"The staff was incredibly friendly and efficient. I was in and out faster than I expected for my injury."</p>217 <p class="font-bold">- Local Resident</p>218 </div>219 220 <!-- Testimonial -->221 <div class="bg-white bg-opacity-10 p-6 rounded-lg">222 <div class="flex items-center mb-4">223 <div class="flex mr-2">224 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>225 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>226 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>227 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>228 <i data-feather="star" class="w-5 h-5 text-yellow-300 fill-current"></i>229 </div>230 </div>231 <p class="italic mb-4">"Recommended! Clean facility, professional staff, and much more affordable than the ER for my needs."</p>232 <p class="font-bold">- Happy Customer</p>233 </div>234 </div>235 </div>236 </section>237 238 <!-- Hours & Contact -->239 <section class="py-16">240 <div class="container mx-auto px-4">241 <div class="flex flex-col md:flex-row gap-8">242 <!-- Hours -->243 <div class="md:w-1/2 bg-gray-50 p-8 rounded-lg">244 <h2 class="text-2xl font-bold mb-6 text-primary">Clinic Hours</h2>245 <p class="mb-6">AIMS Urgent Care strives to provide a unique choice for patients seeking quality care matched by convenient access.</p>246 247 <div class="space-y-3">248 <div class="flex justify-between border-b pb-2">249 <span>Monday</span>250 <span class="font-medium">8:30am - 9:00pm</span>251 </div>252 <div class="flex justify-between border-b pb-2">253 <span>Tuesday</span>254 <span class="font-medium">8:30am - 9:00pm</span>255 </div>256 <div class="flex justify-between border-b pb-2">257 <span>Wednesday</span>258 <span class="font-medium">8:30am - 9:00pm</span>259 </div>260 <div class="flex justify-between border-b pb-2">261 <span>Thursday</span>262 <span class="font-medium">8:30am - 9:00pm</span>263 </div>264 <div class="flex justify-between border-b pb-2">265 <span>Friday</span>266 <span class="font-medium">8:30am - 9:00pm</span>267 </div>268 <div class="flex justify-between border-b pb-2">269 <span>Saturday</span>270 <span class="font-medium">8:30am - 9:00pm</span>271 </div>272 <div class="flex justify-between">273 <span>Sunday</span>274 <span class="font-medium">8:30am - 9:00pm</span>275 </div>276 </div>277 </div>278 279 <!-- Contact Form -->280 <div class="md:w-1/2 bg-white shadow-md p-8 rounded-lg">281 <h2 class="text-2xl font-bold mb-6 text-primary">Contact Us!</h2>282 <p class="mb-6">Complete the form and we will send you a confirmation within 24 hours.</p>283 284 <form>285 <div class="mb-4">286 <label for="name" class="block mb-2 font-medium">Full Name</label>287 <input type="text" id="name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary">288 </div>289 <div class="mb-4">290 <label for="email" class="block mb-2 font-medium">Email</label>291 <input type="email" id="email" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary">292 </div>293 <div class="mb-4">294 <label for="phone" class="block mb-2 font-medium">Phone Number</label>295 <input type="tel" id="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary">296 </div>297 <div class="mb-4">298 <label for="message" class="block mb-2 font-medium">Message</label>299 <textarea id="message" rows="4" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary"></textarea>300 </div>301 <button type="submit" class="w-full bg-primary hover:bg-secondary text-white py-3 rounded-lg font-medium transition duration-300">302 Send Message303 </button>304 </form>305 </div>306 </div>307 </div>308 </section>309 310 <!-- Footer -->311 <footer class="bg-gray-900 text-white pt-12 pb-6">312 <div class="container mx-auto px-4">313 <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">314 <!-- About -->315 <div>316 <img src="https://aimsuc.com/wp-content/uploads/2021/12/logo.png" alt="AIMS Urgent Care Logo" class="h-12 mb-4">317 <p class="mb-4">AIMS Urgent Care serve families around Greater Sacramento, California. Our number one priority is to provide timely and excellent medical care to the patients.</p>318 <img src="https://aimsuc.com/wp-content/themes/auc/images/hipaa-seal.png" alt="HIPAA Verified" class="h-12">319 </div>320 321 <!-- Quick Links -->322 <div>323 <h3 class="text-lg font-bold mb-4">Quick Links</h3>324 <ul class="space-y-2">325 <li><a href="#" class="hover:text-primary transition">Home</a></li>326 <li><a href="#" class="hover:text-primary transition">About</a></li>327 <li><a href="#" class="hover:text-primary transition">Services</a></li>328 <li><a href="#" class="hover:text-primary transition">Blog</a></li>329 <li><a href="#" class="hover:text-primary transition">Contact</a></li>330 </ul>331 </div>332 333 <!-- Services -->334 <div>335 <h3 class="text-lg font-bold mb-4">Our Services</h3>336 <ul class="space-y-2">337 <li><a href="#" class="hover:text-primary transition">Illness</a></li>338 <li><a href="#" class="hover:text-primary transition">Injury</a></li>339 <li><a href="#" class="hover:text-primary transition">COVID Testing</a></li>340 <li><a href="#" class="hover:text-primary transition">Routine Medical Care</a></li>341 <li><a href="#" class="hover:text-primary transition">Vaccinations</a></li>342 </ul>343 </div>344 345 <!-- Locations -->346 <div>347 <h3 class="text-lg font-bold mb-4">Locations</h3>348 <div class="space-y-4">349 <div>350 <h4 class="font-medium">Carmichael</h4>351 <p class="text-sm">5900 Coyle Ave # B, Carmichael 95608</p>352 <p class="text-sm"><a href="tel:9165158855" class="hover:text-primary transition">(916) 515-8855</a></p>353 </div>354 <div>355 <h4 class="font-medium">Sacramento</h4>356 <p class="text-sm">391 Howe Ave, Suite 150, Sacramento CA 95825</p>357 <p class="text-sm"><a href="tel:9169092467" class="hover:text-primary transition">(916) 909-2467</a></p>358 </div>359 <div>360 <h4 class="font-medium">Elk Grove</h4>361 <p class="text-sm">7811 Laguna Blvd Ste 161, Elk Grove, CA 95758</p>362 <p class="text-sm"><a href="tel:9169092467" class="hover:text-primary transition">(916) 909-2467</a></p>363 </div>364 </div>365 </div>366 </div>367 368 <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">369 <div class="mb-4 md:mb-0">370 <p>© 2023 AIMS URGENT CARE, All Rights Reserved.</p>371 </div>372 <div class="flex space-x-4">373 <a href="https://www.facebook.com/aimsuc" class="hover:text-primary transition">374 <i data-feather="facebook" class="w-5 h-5"></i>375 </a>376 <a href="https://twitter.com/aimsuc" class="hover:text-primary transition">377 <i data-feather="twitter" class="w-5 h-5"></i>378 </a>379 <a href="https://www.youtube.com/channel/UCY3zsqibVXS5ppl8WkrYaDg/" class="hover:text-primary transition">380 <i data-feather="youtube" class="w-5 h-5"></i>381 </a>382 </div>383 </div>384 </div>385 </footer>386 387 <!-- Mobile Menu (hidden by default) -->388 <div id="mobileMenu" class="fixed inset-0 bg-white z-50 hidden">389 <div class="container mx-auto px-4 py-6">390 <div class="flex justify-between items-center mb-8">391 <img src="https://aimsuc.com/wp-content/uploads/2021/12/logo.png" alt="AIMS Urgent Care Logo" class="h-10">392 <button id="closeMobileMenu" class="text-gray-600">393 <i data-feather="x" class="w-8 h-8"></i>394 </button>395 </div>396 397 <nav class="space-y-4">398 <a href="#" class="block py-2 text-lg font-medium">Home</a>399 <a href="#" class="block py-2 text-lg font-medium">About</a>400 <div class="py-2">401 <button class="flex items-center justify-between w-full text-lg font-medium">402 Services <i data-feather="chevron-down" class="ml-2 w-5 h-5"></i>403 </button>404 <div class="mt-2 pl-4 space-y-3">405 <a href="#" class="block py-1">Illness</a>406 <a href="#" class="block py-1">Injury</a>407 <a href="#" class="block py-1">Telemedicine</a>408 <a href="#" class="block py-1">COVID Testing</a>409 <a href="#" class="block py-1">Vaccinations</a>410 <a href="#" class="block py-1">Routine Medical Care</a>411 <a href="#" class="block py-1">On-site Testing</a>412 <a href="#" class="block py-1">Employer Services</a>413 <a href="#" class="block py-1">Worker's Comp</a>414 </div>415 </div>416 <a href="#" class="block py-2 text-lg font-medium">Blog</a>417 <a href="#" class="block py-2 text-lg font-medium">Contact</a>418 <a href="#" class="block bg-primary text-white text-center py-3 rounded-full font-medium mt-4">419 Schedule Now420 </a>421 </nav>422 </div>423 </div>424 425 <script>426 // Mobile menu toggle427 document.addEventListener('DOMContentLoaded', function() {428 feather.replace();429 430 const mobileMenu = document.getElementById('mobileMenu');431 const menuButton = document.querySelector('nav button.md\\:hidden');432 const closeButton = document.getElementById('closeMobileMenu');433 434 menuButton.addEventListener('click', function() {435 mobileMenu.classList.remove('hidden');436 });437 438 closeButton.addEventListener('click', function() {439 mobileMenu.classList.add('hidden');440 });441 442 // Smooth scrolling for anchor links443 document.querySelectorAll('a[href^="#"]').forEach(anchor => {444 anchor.addEventListener('click', function(e) {445 e.preventDefault();446 document.querySelector(this.getAttribute('href')).scrollIntoView({447 behavior: 'smooth'448 });449 });450 });451 });452 </script>453</body>454</html>455