<meta name="description" content="Infinity Care provides compassionate, patient-centered medical services in Houston, TX. From routine checkups to specialized care, we are here for your health journey."> <meta property="og:title" content="Infinity Care | Compassionate Medical Care in Houston, TX"> <meta property="og:description" content="Infinity Care provides compassionate, patient-centered medical services in Houston, TX. From routine checkups to specialized care, we are here for your health journey."> <meta property="og:type" content="website"> <meta property="og:url" content="https://infinity-care.amp.pr/"> <meta property="og:image" content="https://images.pexels.com/photos/11589208/pexels-photo-11589208.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=1200&h=630"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { sand: { 50: '#FDF8F5', 100: '#F9EDE4', 200: '#F2D5C0', 300: '#E8B896', 400: '#DD956A', 500: '#D17847', 600: '#C46135', 700: '#A34D2C', 800: '#844028', 900: '#6C3623', }, terracotta: { 50: '#FDF0EB', 100: '#F9DCD0', 200: '#F3B7A3', 300: '#EB8A6E', 400: '#E05D3F', 500: '#D14328', 600: '#B8341E', 700: '#96291A', 800: '#7A251B', 900: '#652119', }, warm: { 50: '#FAFAF8', 100: '#F4F4F0', 200: '#EAEAE4', 300: '#DCDCD4', 400: '#C8C8BE', 500: '#B0B0A6', 600: '#909088', 700: '#74746E', 800: '#5C5C56', 900: '#484842', 950: '#262622', } }, fontFamily: { sans: ['DM Sans', 'system-ui', 'sans-serif'], serif: ['Lora', 'Georgia', 'serif'], }, boxShadow: { 'soft': '0 4px 20px -2px rgba(163, 77, 44, 0.08)', 'card': '0 8px 40px -4px rgba(163, 77, 44, 0.10)', 'elevated': '0 20px 60px -12px rgba(163, 77, 44, 0.15)', } } } } </script> <style> *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', system-ui, sans-serif; color: #484842; background: #FAFAF8; overflow-x: hidden; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #F9EDE4; } ::-webkit-scrollbar-thumb { background: #D17847; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #B8341E; } /* Hero gradient animation */ .hero-gradient { background: linear-gradient(135deg, #FDF0EB 0%, #F9DCD0 20%, #E8B896 40%, #D17847 60%, #C46135 80%, #A34D2C 100%); background-size: 300% 300%; animation: gradientShift 12s ease infinite; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Decorative blobs */ .blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.35; pointer-events: none; } /* Scroll reveal — progressive enhancement, only below fold */ .reveal { opacity: 1; transform: none; transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); } @media (prefers-reduced-motion: no-preference) { .reveal { opacity: 0; transform: translateY(30px); } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } } /* Card hover */ .service-card { transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease; } .service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px -12px rgba(163, 77, 44, 0.18); } /* Navbar glass */ .nav-glass { background: rgba(250, 250, 248, 0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .nav-glass.scrolled { box-shadow: 0 1px 20px rgba(163, 77, 44, 0.08); } /* Mobile menu */ .mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .mobile-menu.open { max-height: 400px; } /* Pulse dot */ .pulse-dot { animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.15); } } /* Button ripple */ .btn-primary { position: relative; overflow: hidden; transition: all 0.3s ease; } .btn-primary::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 60%); opacity: 0; transition: opacity 0.3s ease; } .btn-primary:hover::after { opacity: 1; } /* Image treatment */ .img-rounded { border-radius: 20px; overflow: hidden; } .img-soft { border-radius: 24px; } /* Section divider wave */ .wave-divider { display: block; width: 100%; height: 60px; position: relative; } </style>  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23D17847'/%3E%3Cstop offset='100%25' stop-color='%23C46135'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='15' fill='url(%23g)'/%3E%3Cpath d='M16 8v10M11 13h10' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E">  </head> <body class="bg-warm-50">  <nav id="navbar" class="nav-glass fixed top-0 left-0 right-0 z-50 transition-all duration-300"> <div class="max-w-7xl mx-auto px-5 lg:px-8"> <div class="flex items-center justify-between h-18 lg:h-20">  <a href="#hero" class="flex items-center gap-2.5 group"> <div class="w-9 h-9 rounded-xl bg-gradient-to-br from-terracotta-400 to-sand-500 flex items-center justify-center shadow-soft group-hover:shadow-card transition-shadow"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 5v14M5 12h14" stroke="white" stroke-width="2.5" stroke-linecap="round"/> <circle cx="12" cy="12" r="10" stroke="white" stroke-width="1.5" opacity="0.5"/> </svg> </div> <span class="font-serif text-xl font-semibold text-warm-950 tracking-tight">Infinity<span class="text-terracotta-500"> Care</span></span> </a>  <div class="hidden md:flex items-center gap-1"> <a href="#services" class="nav-link px-4 py-2 text-sm font-medium text-warm-700 hover:text-terracotta-600 rounded-lg hover:bg-sand-100 transition-colors">Services</a> <a href="#about" class="nav-link px-4 py-2 text-sm font-medium text-warm-700 hover:text-terracotta-600 rounded-lg hover:bg-sand-100 transition-colors">About Us</a> <a href="#why-us" class="nav-link px-4 py-2 text-sm font-medium text-warm-700 hover:text-terracotta-600 rounded-lg hover:bg-sand-100 transition-colors">Why Choose Us</a> <a href="#testimonials" class="nav-link px-4 py-2 text-sm font-medium text-warm-700 hover:text-terracotta-600 rounded-lg hover:bg-sand-100 transition-colors">Testimonials</a> <a href="#contact" class="nav-link px-4 py-2 text-sm font-medium text-warm-700 hover:text-terracotta-600 rounded-lg hover:bg-sand-100 transition-colors">Contact</a> <a href="tel:+18324202284" class="btn-primary ml-3 px-5 py-2.5 bg-gradient-to-r from-terracotta-500 to-sand-500 text-white text-sm font-semibold rounded-full shadow-soft hover:shadow-card hover:scale-105 transition-all"> Call (832) 420-2284 </a> </div>  <button id="menuBtn" class="md:hidden w-10 h-10 flex items-center justify-center rounded-xl text-warm-700 hover:bg-sand-100 transition-colors" aria-label="Toggle menu"> <svg id="menuIconOpen" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> <line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="17" x2="20" y2="17"/> </svg> <svg id="menuIconClose" class="hidden" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"> <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/> </svg> </button> </div>  <div id="mobileMenu" class="mobile-menu md:hidden"> <div class="pb-6 pt-2 space-y-1"> <a href="#services" class="mobile-link block px-4 py-3 text-base font-medium text-warm-700 hover:text-terracotta-600 hover:bg-sand-100 rounded-xl transition-colors">Services</a> <a href="#about" class="mobile-link block px-4 py-3 text-base font-medium text-warm-700 hover:text-terracotta-600 hover:bg-sand-100 rounded-xl transition-colors">About Us</a> <a href="#why-us" class="mobile-link block px-4 py-3 text-base font-medium text-warm-700 hover:text-terracotta-600 hover:bg-sand-100 rounded-xl transition-colors">Why Choose Us</a> <a href="#testimonials" class="mobile-link block px-4 py-3 text-base font-medium text-warm-700 hover:text-terracotta-600 hover:bg-sand-100 rounded-xl transition-colors">Testimonials</a> <a href="#contact" class="mobile-link block px-4 py-3 text-base font-medium text-warm-700 hover:text-terracotta-600 hover:bg-sand-100 rounded-xl transition-colors">Contact</a> <a href="tel:+18324202284" class="block mx-4 mt-3 px-5 py-3 bg-gradient-to-r from-terracotta-500 to-sand-500 text-white text-center text-sm font-semibold rounded-full shadow-soft"> Call (832) 420-2284 </a> </div> </div> </div> </nav>  <section id="hero" class="hero-gradient min-h-screen flex items-center relative overflow-hidden pt-20">  <div class="blob w-96 h-96 bg-sand-300 -top-20 -left-20"></div> <div class="blob w-72 h-72 bg-terracotta-200 top-1/3 -right-10"></div> <div class="blob w-56 h-56 bg-sand-200 bottom-10 left-1/4"></div> <div class="max-w-7xl mx-auto px-5 lg:px-8 py-20 relative z-10"> <div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">  <div class="text-center lg:text-left"> <div class="inline-flex items-center gap-2 px-4 py-2 bg-white/50 backdrop-blur-sm rounded-full text-sm font-medium text-terracotta-700 mb-8"> <span class="pulse-dot w-2 h-2 bg-terracotta-500 rounded-full inline-block"></span> Now Accepting New Patients in Houston </div> <h1 class="font-serif text-4xl sm:text-5xl lg:text-6xl font-semibold text-warm-950 leading-tight mb-6"> Who Will Be There When Your Health Matters Most? </h1> <p class="text-lg sm:text-xl text-warm-700 leading-relaxed mb-10 max-w-xl mx-auto lg:mx-0"> At Infinity Care, we believe everyone deserves a medical partner who listens first, treats holistically, and never makes you feel like just another chart. Your health journey deserves nothing less. </p> <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"> <a href="tel:+18324202284" class="btn-primary px-8 py-4 bg-warm-950 text-white font-semibold rounded-full shadow-elevated hover:bg-warm-800 hover:scale-105 transition-all text-center"> <span class="flex items-center justify-center gap-2"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 014.69 12 19.79 19.79 0 011.62 3.38 2 2 0 013.62 1h3A2 2 0 018 4l1.5 3a2 2 0 01-.76 2.55l-1.11.74a16 16 0 006.2 6.2l.74-1.11A2 2 0 0114 15.5l3-1.5a2 2 0 012.55.76 19.79 19.79 0 013.07 8.63 2 2 0 01-2 2.18h-3z"/></svg> Schedule a Visit </span> </a> <a href="#services" class="px-8 py-4 bg-white/70 backdrop-blur-sm text-warm-800 font-semibold rounded-full shadow-soft hover:bg-white hover:scale-105 transition-all text-center border border-white/50"> Explore Our Services </a> </div>  <div class="mt-12 flex flex-wrap items-center gap-8 justify-center lg:justify-start"> <div class="flex items-center gap-2 text-warm-600 text-sm"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="text-terracotta-500"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> Board-Certified Physicians </div> <div class="flex items-center gap-2 text-warm-600 text-sm"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="text-terracotta-500"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> Accepting New Patients </div> <div class="flex items-center gap-2 text-warm-600 text-sm"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="text-terracotta-500"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> Most Insurance Plans </div> </div> </div>  <div class="relative flex justify-center lg:justify-end"> <div class="relative w-full max-w-md">  <div class="img-rounded shadow-elevated overflow-hidden aspect-[4/5]"> <img src="https://images.pexels.com/photos/16051961/pexels-photo-16051961.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=750" alt="Compassionate healthcare professional at Infinity Care Houston" width="600" height="750" class="w-full h-full object-cover" loading="eager"> </div>  <div class="absolute -bottom-6 -left-6 bg-white rounded-2xl shadow-card p-5 max-w-xs"> <div class="flex items-center gap-3 mb-2"> <div class="w-10 h-10 rounded-full bg-gradient-to-br from-terracotta-400 to-sand-400 flex items-center justify-center"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg> </div> <div> <p class="font-semibold text-warm-950 text-sm">Patient-First Approach</p> <p class="text-warm-500 text-xs">Your health, your story</p> </div> </div> <p class="text-warm-600 text-xs leading-relaxed">Every visit is tailored to you — not a one-size-fits-all experience.</p> </div>  <div class="absolute -top-4 -right-4 bg-white rounded-2xl shadow-card p-4"> <div class="flex items-center gap-2"> <div class="w-8 h-8 rounded-full bg-sand-100 flex items-center justify-center"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#D17847" stroke-width="2.5" stroke-linecap="round"><path d="M12 2v6l3 3"/><circle cx="12" cy="12" r="10"/></svg> </div> <div> <p class="font-semibold text-warm-950 text-xs">Mon–Fri</p> <p class="text-warm-500 text-xs">8AM – 5PM</p> </div> </div> </div> </div> </div> </div> </div>  <div class="absolute bottom-8 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2 text-warm-500"> <span class="text-xs font-medium tracking-widest uppercase">Scroll</span> <div class="w-px h-8 bg-gradient-to-b from-warm-400 to-transparent"></div> </div> </section>  <section id="services" class="py-24 lg:py-32 bg-warm-50"> <div class="max-w-7xl mx-auto px-5 lg:px-8">  <div class="text-center max-w-2xl mx-auto mb-16 reveal"> <span class="inline-block text-sm font-semibold text-terracotta-600 tracking-widest uppercase mb-4">What We Offer</span> <h2 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-semibold text-warm-950 mb-6">Comprehensive Care,<br>Designed Around You</h2> <p class="text-lg text-warm-600 leading-relaxed">From preventive screenings to chronic condition management, Infinity Care provides a full spectrum of medical services with the personal attention you deserve.</p> </div>  <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8">  <div class="service-card reveal reveal-delay-1 bg-white rounded-3xl p-8 shadow-soft border border-sand-100"> <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M22 12h-4l-3 9L9 3l-3 9H2"/> </svg> </div> <h3 class="font-serif text-xl font-semibold text-warm-950 mb-3">Primary Care</h3> <p class="text-warm-600 leading-relaxed mb-4">Regular check-ups, health assessments, and ongoing management of your overall well-being with a provider who truly knows you.</p> <a href="#contact" class="inline-flex items-center gap-1.5 text-terracotta-600 font-medium text-sm hover:text-terracotta-700 transition-colors group"> Learn more <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="group-hover:translate-x-1 transition-transform"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div>  <div class="service-card reveal reveal-delay-2 bg-white rounded-3xl p-8 shadow-soft border border-sand-100"> <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/> </svg> </div> <h3 class="font-serif text-xl font-semibold text-warm-950 mb-3">Preventive Screenings</h3> <p class="text-warm-600 leading-relaxed mb-4">Early detection saves lives. We offer blood work, imaging, cancer screenings, and vaccinations to keep you ahead of health issues.</p> <a href="#contact" class="inline-flex items-center gap-1.5 text-terracotta-600 font-medium text-sm hover:text-terracotta-700 transition-colors group"> Learn more <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="group-hover:translate-x-1 transition-transform"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div>  <div class="service-card reveal reveal-delay-3 bg-white rounded-3xl p-8 shadow-soft border border-sand-100"> <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/> </svg> </div> <h3 class="font-serif text-xl font-semibold text-warm-950 mb-3">Chronic Condition Management</h3> <p class="text-warm-600 leading-relaxed mb-4">Diabetes, hypertension, asthma — we create personalized plans that help you live well and stay stable, year after year.</p> <a href="#contact" class="inline-flex items-center gap-1.5 text-terracotta-600 font-medium text-sm hover:text-terracotta-700 transition-colors group"> Learn more <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="group-hover:translate-x-1 transition-transform"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div>  <div class="service-card reveal reveal-delay-1 bg-white rounded-3xl p-8 shadow-soft border border-sand-100"> <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/> </svg> </div> <h3 class="font-serif text-xl font-semibold text-warm-950 mb-3">Women's Health</h3> <p class="text-warm-600 leading-relaxed mb-4">Gynecological exams, prenatal care, family planning, and menopause support — compassionate care at every stage of life.</p> <a href="#contact" class="inline-flex items-center gap-1.5 text-terracotta-600 font-medium text-sm hover:text-terracotta-700 transition-colors group"> Learn more <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="group-hover:translate-x-1 transition-transform"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div>  <div class="service-card reveal reveal-delay-2 bg-white rounded-3xl p-8 shadow-soft border border-sand-100"> <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/> </svg> </div> <h3 class="font-serif text-xl font-semibold text-warm-950 mb-3">Urgent Care</h3> <p class="text-warm-600 leading-relaxed mb-4">When you need prompt attention for illnesses or minor injuries, we offer same-day appointments without the ER wait.</p> <a href="#contact" class="inline-flex items-center gap-1.5 text-terracotta-600 font-medium text-sm hover:text-terracotta-700 transition-colors group"> Learn more <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="group-hover:translate-x-1 transition-transform"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div>  <div class="service-card reveal reveal-delay-3 bg-white rounded-3xl p-8 shadow-soft border border-sand-100"> <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mb-6"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/> </svg> </div> <h3 class="font-serif text-xl font-semibold text-warm-950 mb-3">Family Medicine</h3> <p class="text-warm-600 leading-relaxed mb-4">From pediatrics to geriatrics, we provide continuous care for your entire family under one roof, building lasting relationships.</p> <a href="#contact" class="inline-flex items-center gap-1.5 text-terracotta-600 font-medium text-sm hover:text-terracotta-700 transition-colors group"> Learn more <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="group-hover:translate-x-1 transition-transform"><path d="M5 12h14M12 5l7 7-7 7"/></svg> </a> </div> </div> </div> </section>  <section id="about" class="py-24 lg:py-32 bg-sand-50 relative overflow-hidden"> <div class="blob w-80 h-80 bg-sand-200 -top-20 -right-20 opacity-20"></div> <div class="max-w-7xl mx-auto px-5 lg:px-8 relative z-10"> <div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center">  <div class="relative reveal"> <div class="img-soft shadow-elevated overflow-hidden aspect-[4/3]"> <img src="https://images.pexels.com/photos/8830486/pexels-photo-8830486.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=800&h=600" alt="Infinity Care clinic interior in Houston" width="800" height="600" class="w-full h-full object-cover" loading="lazy"> </div>  <div class="absolute -bottom-6 -right-6 w-32 h-32 bg-gradient-to-br from-terracotta-300 to-sand-300 rounded-3xl -z-10"></div> <div class="absolute -top-4 -left-4 w-24 h-24 bg-sand-200 rounded-2xl -z-10"></div> </div>  <div class="reveal reveal-delay-2"> <span class="inline-block text-sm font-semibold text-terracotta-600 tracking-widest uppercase mb-4">About Infinity Care</span> <h2 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-semibold text-warm-950 mb-6 leading-tight">More Than a Clinic —<br>We Are Your Health Home</h2> <p class="text-lg text-warm-600 leading-relaxed mb-6"> Infinity Care was founded on a simple conviction: healthcare should feel human. Located in the heart of Houston at 9803 Darby Mill Ln, we have built a practice where patients are greeted by name, not by chart number. </p> <p class="text-warm-600 leading-relaxed mb-8"> Our team of experienced clinicians combines modern medical expertise with genuine warmth. Whether you are managing a long-term condition, navigating a new diagnosis, or simply looking for a doctor who takes the time to listen — Infinity Care is here for you and your family. </p> <div class="grid grid-cols-2 gap-6"> <div class="bg-white rounded-2xl p-5 shadow-soft"> <p class="font-serif text-3xl font-semibold text-terracotta-500 mb-1">10+</p> <p class="text-warm-600 text-sm">Years Serving Houston</p> </div> <div class="bg-white rounded-2xl p-5 shadow-soft"> <p class="font-serif text-3xl font-semibold text-terracotta-500 mb-1">5,000+</p> <p class="text-warm-600 text-sm">Patients Served</p> </div> <div class="bg-white rounded-2xl p-5 shadow-soft"> <p class="font-serif text-3xl font-semibold text-terracotta-500 mb-1">100%</p> <p class="text-warm-600 text-sm">Commitment to Care</p> </div> <div class="bg-white rounded-2xl p-5 shadow-soft"> <p class="font-serif text-3xl font-semibold text-terracotta-500 mb-1">All</p> <p class="text-warm-600 text-sm">Ages Welcome</p> </div> </div> </div> </div> </div> </section>  <section id="why-us" class="py-24 lg:py-32 bg-warm-50"> <div class="max-w-7xl mx-auto px-5 lg:px-8"> <div class="text-center max-w-2xl mx-auto mb-16 reveal"> <span class="inline-block text-sm font-semibold text-terracotta-600 tracking-widest uppercase mb-4">Why Infinity Care</span> <h2 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-semibold text-warm-950 mb-6">What Sets Us Apart</h2> <p class="text-lg text-warm-600 leading-relaxed">We know you have choices when it comes to your healthcare. Here is why hundreds of Houston families trust Infinity Care.</p> </div> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">  <div class="reveal reveal-delay-1 text-center p-6"> <div class="w-16 h-16 rounded-full bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mx-auto mb-5"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/> </svg> </div> <h3 class="font-serif text-lg font-semibold text-warm-950 mb-2">Personalized Attention</h3> <p class="text-warm-600 text-sm leading-relaxed">No rushed visits. Every appointment is scheduled with enough time for you to be heard.</p> </div>  <div class="reveal reveal-delay-2 text-center p-6"> <div class="w-16 h-16 rounded-full bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mx-auto mb-5"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/> </svg> </div> <h3 class="font-serif text-lg font-semibold text-warm-950 mb-2">Compassionate Environment</h3> <p class="text-warm-600 text-sm leading-relaxed">From our front desk to our exam rooms, every interaction is designed to make you feel safe and respected.</p> </div>  <div class="reveal reveal-delay-3 text-center p-6"> <div class="w-16 h-16 rounded-full bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mx-auto mb-5"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/> </svg> </div> <h3 class="font-serif text-lg font-semibold text-warm-950 mb-2">Flexible Scheduling</h3> <p class="text-warm-600 text-sm leading-relaxed">Early mornings, lunch breaks, or after-work visits — we work around your life, not the other way around.</p> </div>  <div class="reveal reveal-delay-4 text-center p-6"> <div class="w-16 h-16 rounded-full bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center mx-auto mb-5"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"> <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/> </svg> </div> <h3 class="font-serif text-lg font-semibold text-warm-950 mb-2">Clear Communication</h3> <p class="text-warm-600 text-sm leading-relaxed">We explain diagnoses in plain language and involve you in every decision about your treatment plan.</p> </div> </div> </div> </section>  <section id="testimonials" class="py-24 lg:py-32 bg-gradient-to-br from-sand-100 via-warm-50 to-terracotta-50 relative overflow-hidden"> <div class="blob w-96 h-96 bg-terracotta-100 bottom-0 left-0 opacity-30"></div> <div class="max-w-7xl mx-auto px-5 lg:px-8 relative z-10"> <div class="text-center max-w-2xl mx-auto mb-16 reveal"> <span class="inline-block text-sm font-semibold text-terracotta-600 tracking-widest uppercase mb-4">Patient Stories</span> <h2 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-semibold text-warm-950 mb-6">What Our Patients Say</h2> <p class="text-lg text-warm-600 leading-relaxed">Real words from real people who have made Infinity Care their trusted healthcare partner.</p> </div> <div class="grid md:grid-cols-3 gap-6 lg:gap-8">  <div class="reveal reveal-delay-1 bg-white rounded-3xl p-8 shadow-soft border border-sand-100 relative"> <svg class="absolute top-6 right-6 w-10 h-10 text-sand-200" viewBox="0 0 24 24" fill="currentColor"><path d="M11.45 3.44c-2.37 1.08-4.05 3.42-4.05 6.06 0 2.1 1.05 3.95 2.66 5.07l.94-1.63c-1.04-.76-1.73-1.97-1.73-3.32 0-1.84 1.12-3.41 2.69-4.07l-.05-2.11zM16.45 3.44c-2.37 1.08-4.05 3.42-4.05 6.06 0 2.1 1.05 3.95 2.66 5.07l.94-1.63c-1.04-.76-1.73-1.97-1.73-3.32 0-1.84 1.12-3.41 2.69-4.07l-.05-2.11z"/></svg> <p class="text-warm-700 leading-relaxed mb-6 italic">"I have been to several clinics in Houston, but Infinity Care is the first place where I actually feel like my doctor cares about me as a person, not just a condition. They take the time to explain everything."</p> <div class="flex items-center gap-3"> <div class="w-10 h-10 rounded-full bg-gradient-to-br from-terracotta-300 to-sand-300 flex items-center justify-center text-white font-semibold text-sm">M</div> <div> <p class="font-semibold text-warm-950 text-sm">Maria G.</p> <p class="text-warm-500 text-xs">Houston, TX</p> </div> </div> </div>  <div class="reveal reveal-delay-2 bg-white rounded-3xl p-8 shadow-soft border border-sand-100 relative"> <svg class="absolute top-6 right-6 w-10 h-10 text-sand-200" viewBox="0 0 24 24" fill="currentColor"><path d="M11.45 3.44c-2.37 1.08-4.05 3.42-4.05 6.06 0 2.1 1.05 3.95 2.66 5.07l.94-1.63c-1.04-.76-1.73-1.97-1.73-3.32 0-1.84 1.12-3.41 2.69-4.07l-.05-2.11zM16.45 3.44c-2.37 1.08-4.05 3.42-4.05 6.06 0 2.1 1.05 3.95 2.66 5.07l.94-1.63c-1.04-.76-1.73-1.97-1.73-3.32 0-1.84 1.12-3.41 2.69-4.07l-.05-2.11z"/></svg> <p class="text-warm-700 leading-relaxed mb-6 italic">"Scheduling was easy, the office is clean and welcoming, and the staff made me feel comfortable from the moment I walked in. They helped me get my diabetes under control when no one else seemed to have the patience."</p> <div class="flex items-center gap-3"> <div class="w-10 h-10 rounded-full bg-gradient-to-br from-terracotta-300 to-sand-300 flex items-center justify-center text-white font-semibold text-sm">J</div> <div> <p class="font-semibold text-warm-950 text-sm">James T.</p> <p class="text-warm-500 text-xs">Houston, TX</p> </div> </div> </div>  <div class="reveal reveal-delay-3 bg-white rounded-3xl p-8 shadow-soft border border-sand-100 relative"> <svg class="absolute top-6 right-6 w-10 h-10 text-sand-200" viewBox="0 0 24 24" fill="currentColor"><path d="M11.45 3.44c-2.37 1.08-4.05 3.42-4.05 6.06 0 2.1 1.05 3.95 2.66 5.07l.94-1.63c-1.04-.76-1.73-1.97-1.73-3.32 0-1.84 1.12-3.41 2.69-4.07l-.05-2.11zM16.45 3.44c-2.37 1.08-4.05 3.42-4.05 6.06 0 2.1 1.05 3.95 2.66 5.07l.94-1.63c-1.04-.76-1.73-1.97-1.73-3.32 0-1.84 1.12-3.41 2.69-4.07l-.05-2.11z"/></svg> <p class="text-warm-700 leading-relaxed mb-6 italic">"My whole family sees Infinity Care now — from my toddler's checkups to my mother's chronic care. It is rare to find a practice that treats every age group with the same warmth and professionalism."</p> <div class="flex items-center gap-3"> <div class="w-10 h-10 rounded-full bg-gradient-to-br from-terracotta-300 to-sand-300 flex items-center justify-center text-white font-semibold text-sm">S</div> <div> <p class="font-semibold text-warm-950 text-sm">Sarah L.</p> <p class="text-warm-500 text-xs">Houston, TX</p> </div> </div> </div> </div> </div> </section>  <section class="py-20 lg:py-24 hero-gradient relative overflow-hidden"> <div class="blob w-72 h-72 bg-sand-200 -top-10 -right-10 opacity-25"></div> <div class="blob w-56 h-56 bg-terracotta-200 -bottom-10 -left-10 opacity-25"></div> <div class="max-w-4xl mx-auto px-5 lg:px-8 text-center relative z-10 reveal"> <h2 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-semibold text-warm-950 mb-6">Your Health Is Worth the Investment</h2> <p class="text-lg text-warm-700 leading-relaxed mb-10 max-w-2xl mx-auto"> Do not wait until a problem becomes an emergency. Schedule your appointment at Infinity Care today and experience the difference that truly compassionate healthcare can make. </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="tel:+18324202284" class="btn-primary px-10 py-4 bg-warm-950 text-white font-semibold rounded-full shadow-elevated hover:bg-warm-800 hover:scale-105 transition-all text-center"> <span class="flex items-center justify-center gap-2"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 014.69 12 19.79 19.79 0 011.62 3.38 2 2 0 013.62 1h3A2 2 0 018 4l1.5 3a2 2 0 01-.76 2.55l-1.11.74a16 16 0 006.2 6.2l.74-1.11A2 2 0 0114 15.5l3-1.5a2 2 0 012.55.76 19.79 19.79 0 013.07 8.63 2 2 0 01-2 2.18h-3z"/></svg> Call (832) 420-2284 </span> </a> <a href="#contact" class="px-10 py-4 bg-white/80 backdrop-blur-sm text-warm-800 font-semibold rounded-full shadow-soft hover:bg-white hover:scale-105 transition-all text-center border border-white/50"> Send a Message </a> </div> </div> </section>  <section id="contact" class="py-24 lg:py-32 bg-warm-50"> <div class="max-w-7xl mx-auto px-5 lg:px-8"> <div class="text-center max-w-2xl mx-auto mb-16 reveal"> <span class="inline-block text-sm font-semibold text-terracotta-600 tracking-widest uppercase mb-4">Get in Touch</span> <h2 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-semibold text-warm-950 mb-6">We Are Here for You</h2> <p class="text-lg text-warm-600 leading-relaxed">Have questions or ready to schedule? Reach out — we respond promptly and treat every inquiry with the same care we give our patients.</p> </div> <div class="grid lg:grid-cols-5 gap-8 lg:gap-12">  <div class="lg:col-span-2 space-y-6 reveal reveal-delay-1">  <div class="bg-white rounded-2xl p-6 shadow-soft border border-sand-100"> <div class="flex items-start gap-4"> <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center flex-shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/> </svg> </div> <div> <h4 class="font-semibold text-warm-950 mb-1">Our Location</h4> <p class="text-warm-600 text-sm leading-relaxed">9803 Darby Mill Ln<br>Houston, TX 77095-5055</p> </div> </div> </div>  <div class="bg-white rounded-2xl p-6 shadow-soft border border-sand-100"> <div class="flex items-start gap-4"> <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center flex-shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="2" stroke-linecap="round"> <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 014.69 12 19.79 19.79 0 011.62 3.38 2 2 0 013.62 1h3A2 2 0 018 4l1.5 3a2 2 0 01-.76 2.55l-1.11.74a16 16 0 006.2 6.2l.74-1.11A2 2 0 0114 15.5l3-1.5a2 2 0 012.55.76 19.79 19.79 0 013.07 8.63 2 2 0 01-2 2.18h-3z"/> </svg> </div> <div> <h4 class="font-semibold text-warm-950 mb-1">Phone</h4> <a href="tel:+18324202284" class="text-terracotta-600 font-semibold text-sm hover:text-terracotta-700 transition-colors">(832) 420-2284</a> <p class="text-warm-500 text-xs mt-1">Mon–Fri, 8AM – 5PM</p> </div> </div> </div>  <div class="bg-white rounded-2xl p-6 shadow-soft border border-sand-100"> <div class="flex items-start gap-4"> <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-terracotta-100 to-sand-100 flex items-center justify-center flex-shrink-0"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#C46135" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/> </svg> </div> <div> <h4 class="font-semibold text-warm-950 mb-1">Email</h4> <a href="mailto:infinitycare72@gmail.com" class="text-terracotta-600 font-semibold text-sm hover:text-terracotta-700 transition-colors">infinitycare72@gmail.com</a> </div> </div> </div>  <div class="rounded-2xl overflow-hidden shadow-soft border border-sand-100 aspect-video"> <iframe src="https://maps.google.com/maps?q=29.918069839478,-95.679801940918&z=15&output=embed" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Infinity Care location map"> </iframe> </div> </div>  <div class="lg:col-span-3 reveal reveal-delay-2"> <div class="bg-white rounded-3xl p-8 lg:p-10 shadow-card border border-sand-100"> <h3 class="font-serif text-2xl font-semibold text-warm-950 mb-2">Send Us a Message</h3> <p class="text-warm-500 text-sm mb-8">Fill out the form below and we will get back to you within one business day.</p> <form id="contactForm" class="space-y-5"> <div class="grid sm:grid-cols-2 gap-5"> <div> <label for="firstName" class="block text-sm font-medium text-warm-700 mb-1.5">First Name</label> <input type="text" id="firstName" name="firstName" required class="w-full px-4 py-3 rounded-xl border border-sand-200 text-warm-900 placeholder-warm-400 focus:outline-none focus:ring-2 focus:ring-terracotta-300 focus:border-terracotta-400 transition-colors bg-warm-50" placeholder="Jane"> </div> <div> <label for="lastName" class="block text-sm font-medium text-warm-700 mb-1.5">Last Name</label> <input type="text" id="lastName" name="lastName" required class="w-full px-4 py-3 rounded-xl border border-sand-200 text-warm-900 placeholder-warm-400 focus:outline-none focus:ring-2 focus:ring-terracotta-300 focus:border-terracotta-400 transition-colors bg-warm-50" placeholder="Doe"> </div> </div> <div> <label for="email" class="block text-sm font-medium text-warm-700 mb-1.5">Email Address</label> <input type="email" id="email" name="email" required class="w-full px-4 py-3 rounded-xl border border-sand-200 text-warm-900 placeholder-warm-400 focus:outline-none focus:ring-2 focus:ring-terracotta-300 focus:border-terracotta-400 transition-colors bg-warm-50" placeholder="jane@example.com"> </div> <div> <label for="phone" class="block text-sm font-medium text-warm-700 mb-1.5">Phone Number</label> <input type="tel" id="phone" name="phone" class="w-full px-4 py-3 rounded-xl border border-sand-200 text-warm-900 placeholder-warm-400 focus:outline-none focus:ring-2 focus:ring-terracotta-300 focus:border-terracotta-400 transition-colors bg-warm-50" placeholder="(XXX) XXX-XXXX"> </div> <div> <label for="service" class="block text-sm font-medium text-warm-700 mb-1.5">Service Interested In</label> <select id="service" name="service" class="w-full px-4 py-3 rounded-xl border border-sand-200 text-warm-700 focus:outline-none focus:ring-2 focus:ring-terracotta-300 focus:border-terracotta-400 transition-colors bg-warm-50"> <option value="">Select a service...</option> <option value="primary">Primary Care</option> <option value="preventive">Preventive Screenings</option> <option value="chronic">Chronic Condition Management</option> <option value="womens">Women's Health</option> <option value="urgent">Urgent Care</option> <option value="family">Family Medicine</option> <option value="other">Other</option> </select> </div> <div> <label for="message" class="block text-sm font-medium text-warm-700 mb-1.5">Message</label> <textarea id="message" name="message" rows="4" class="w-full px-4 py-3 rounded-xl border border-sand-200 text-warm-900 placeholder-warm-400 focus:outline-none focus:ring-2 focus:ring-terracotta-300 focus:border-terracotta-400 transition-colors bg-warm-50 resize-none" placeholder="Tell us how we can help you..."></textarea> </div> <button type="submit" class="btn-primary w-full py-4 bg-gradient-to-r from-terracotta-500 to-sand-500 text-white font-semibold rounded-xl shadow-soft hover:shadow-card hover:scale-[1.02] transition-all"> Send Message </button> </form>  <div id="successMsg" class="hidden mt-6 p-5 bg-green-50 border border-green-200 rounded-xl text-center"> <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-3"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16A34A" stroke-width="2.5" stroke-linecap="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> </div> <p class="font-semibold text-green-800">Message Sent!</p> <p class="text-green-600 text-sm mt-1">Thank you for reaching out. We will contact you within one business day.</p> </div> </div> </div> </div> </div> </section>  <footer class="bg-warm-950 text-warm-400 py-16"> <div class="max-w-7xl mx-auto px-5 lg:px-8"> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-10 mb-12">  <div class="sm:col-span-2 lg:col-span-1"> <a href="#hero" class="flex items-center gap-2.5 mb-5"> <div class="w-9 h-9 rounded-xl bg-gradient-to-br from-terracotta-400 to-sand-500 flex items-center justify-center"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 5v14M5 12h14" stroke="white" stroke-width="2.5" stroke-linecap="round"/> <circle cx="12" cy="12" r="10" stroke="white" stroke-width="1.5" opacity="0.5"/> </svg> </div> <span class="font-serif text-xl font-semibold text-white tracking-tight">Infinity<span class="text-sand-400"> Care</span></span> </a> <p class="text-warm-500 text-sm leading-relaxed mb-5">Compassionate, patient-centered medical care in Houston, TX. Your health, your story, our commitment.</p> <div class="flex items-center gap-4"> <a href="tel:+18324202284" class="w-10 h-10 rounded-xl bg-warm-900 flex items-center justify-center text-warm-400 hover:text-white hover:bg-terracotta-600 transition-colors" aria-label="Call us"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 014.69 12 19.79 19.79 0 011.62 3.38 2 2 0 013.62 1h3A2 2 0 018 4l1.5 3a2 2 0 01-.76 2.55l-1.11.74a16 16 0 006.2 6.2l.74-1.11A2 2 0 0114 15.5l3-1.5a2 2 0 012.55.76 19.79 19.79 0 013.07 8.63 2 2 0 01-2 2.18h-3z"/></svg> </a> <a href="mailto:infinitycare72@gmail.com" class="w-10 h-10 rounded-xl bg-warm-900 flex items-center justify-center text-warm-400 hover:text-white hover:bg-terracotta-600 transition-colors" aria-label="Email us"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> </a> </div> </div>  <div> <h4 class="font-semibold text-white text-sm tracking-widest uppercase mb-5">Quick Links</h4> <ul class="space-y-3"> <li><a href="#services" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Services</a></li> <li><a href="#about" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">About Us</a></li> <li><a href="#why-us" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Why Choose Us</a></li> <li><a href="#testimonials" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Testimonials</a></li> <li><a href="#contact" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Contact</a></li> </ul> </div>  <div> <h4 class="font-semibold text-white text-sm tracking-widest uppercase mb-5">Services</h4> <ul class="space-y-3"> <li><a href="#services" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Primary Care</a></li> <li><a href="#services" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Preventive Screenings</a></li> <li><a href="#services" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Chronic Condition Management</a></li> <li><a href="#services" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Women's Health</a></li> <li><a href="#services" class="text-sm text-warm-500 hover:text-sand-400 transition-colors">Urgent Care</a></li> </ul> </div>  <div> <h4 class="font-semibold text-white text-sm tracking-widest uppercase mb-5">Contact</h4> <ul class="space-y-3 text-sm"> <li class="flex items-start gap-2"> <svg class="mt-0.5 w-4 h-4 text-terracotta-400 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg> <span>9803 Darby Mill Ln<br>Houston, TX 77095-5055</span> </li> <li class="flex items-center gap-2"> <svg class="w-4 h-4 text-terracotta-400 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 014.69 12 19.79 19.79 0 011.62 3.38 2 2 0 013.62 1h3A2 2 0 018 4l1.5 3a2 2 0 01-.76 2.55l-1.11.74a16 16 0 006.2 6.2l.74-1.11A2 2 0 0114 15.5l3-1.5a2 2 0 012.55.76 19.79 19.79 0 013.07 8.63 2 2 0 01-2 2.18h-3z"/></svg> <a href="tel:+18324202284" class="hover:text-sand-400 transition-colors">(832) 420-2284</a> </li> <li class="flex items-center gap-2"> <svg class="w-4 h-4 text-terracotta-400 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> <a href="mailto:infinitycare72@gmail.com" class="hover:text-sand-400 transition-colors">infinitycare72@gmail.com</a> </li> <li class="flex items-center gap-2"> <svg class="w-4 h-4 text-terracotta-400 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg> <span>Mon–Fri: 8AM – 5PM</span> </li> </ul> </div> </div>  <div class="border-t border-warm-800 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-warm-600 text-sm">© 2026 Infinity Care. All rights reserved.</p> <p class="text-warm-700 text-xs">9803 Darby Mill Ln, Houston, TX 77095-5055 · (832) 420-2284</p> </div> </div> </footer> <script src="script.js"></script> <style>body{padding-bottom:76px!important}.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}.smlt-bar__btn svg{width:15px;height:15px}@media(max-width:520px){body{padding-bottom:120px!important}.smlt-bar{flex-direction:column;gap:9px;padding:11px 14px}.smlt-bar__txt{font-size:13.5px;text-align:center;line-height:1.35;white-space:normal}.smlt-bar__btn{width:100%;justify-content:center;padding:11px 16px;font-size:14px}.smlt-bar__btn svg{width:15px;height:15px}}</style><div class="smlt-bar" role="region" aria-label="This is my business" lang="en"><span class="smlt-bar__txt">Is this your business?</span><a class="smlt-bar__btn" href="https://amp.pr/pricing?site=infinity-care" target="_blank" rel="noopener">This is my business<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></div><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script> <script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body> </html>