E & S Painting, NYC\1 <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">  <meta name="theme-color" content="#0f6caf">  <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=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <style> :root{ --blue:#0f6caf; --gold:#f3a712; --beige:#f5efe6; } html, body { font-family: 'Plus Jakarta Sans', sans-serif; } .btn-brand { background-image: linear-gradient(90deg, var(--blue), var(--gold)); color:#fff; } .glass { background: rgba(255,255,255,0.9); backdrop-filter: blur(10px); } .soft-shadow { box-shadow: 0 10px 30px rgba(15,108,175,.15); } .hero-radial { background: radial-gradient(40rem 30rem at 80% 0%, rgba(243,167,18,.15), transparent 60%), radial-gradient(50rem 40rem at -10% 10%, rgba(15,108,175,.12), transparent 60%), linear-gradient(180deg,#ffffff,#faf8f4); } .navlink:hover { color: var(--blue); } </style> <link rel="stylesheet" href="https://unpkg.com/aos@2.3.4/dist/aos.css"> </head> <body class="text-gray-900"> <header class="sticky top-0 z-50 bg-white/80 backdrop-blur border-b"> <div class="max-w-7xl mx-auto px-6 py-3 flex items-center justify-between"> <a class='flex items-center gap-3' href='/'> <img src="logo.png" class="h-10 w-auto" alt="E & S Painting Logo"> <span class="font-semibold text-lg tracking-wide">E & S Painting, NYC</span> </a> <nav class="hidden md:flex items-center gap-7 text-sm"> <a class='navlink' href='/services'>Services</a> <a class='navlink' href='/portfolio'>Portfolio</a> <a class='navlink' href='/about'>About</a> <a class='btn-brand px-4 py-2 rounded-full soft-shadow' href='/contact'>Contact</a> </nav> </div> </header> <section class="hero-radial"> <div class="max-w-7xl mx-auto px-6 py-24 grid md:grid-cols-2 gap-12 items-center"> <div data-aos="fade-up"> <h1 class="mt-4 text-5xl md:text-6xl font-extrabold leading-tight text-[var(--blue)]">E & S Painting</h1> <p class="mt-4 text-lg md:text-xl text-gray-700">Full-service interior and exterior painting across residential and commercial New York City. Expert surface preparation, precise application, and lasting results.</p> <div class="mt-8 flex flex-wrap gap-4"> <a class='btn-brand px-6 py-3 rounded-full soft-shadow' href='/services'>Explore Services</a> <a class='px-6 py-3 rounded-full border border-gray-300 hover:border-gray-400' href='/portfolio'>See Portfolio</a> </div> </div> <div class="flex justify-center"> <div class="glass rounded-3xl p-6 soft-shadow" data-aos="zoom-in"> <img src="logo.png" alt="E & S Painting logo" class="h-52 md:h-64 w-auto mx-auto" /> </div> </div> </div> </section> <section class="max-w-7xl mx-auto px-6 py-16"> <h2 class="text-2xl font-bold text-gray-800">What we do</h2> <div class="mt-6 grid md:grid-cols-3 gap-6"> <div class="glass rounded-2xl p-6 soft-shadow border border-gray-100" data-aos="fade-up"> <h3 class="font-semibold text-lg">Interior Painting</h3> <p class="mt-2 text-gray-600">Plaster, prep, prime, and two-coat finishes for apartments and turnovers.</p> </div> <div class="glass rounded-2xl p-6 soft-shadow border border-gray-100" data-aos="fade-up"> <h3 class="font-semibold text-lg">Exterior & Trim</h3> <p class="mt-2 text-gray-600">Durable systems for doors, windows, and facades built for NYC weather.</p> </div> <div class="glass rounded-2xl p-6 soft-shadow border border-gray-100" data-aos="fade-up"> <h3 class="font-semibold text-lg">Commercial</h3> <p class="mt-2 text-gray-600">Retail & office interiors with reliable scheduling and clean sites.</p> </div> </div> <div class="mt-12 flex justify-center"> <img src="women-owned.png" alt="Women Owned" class="h-16 md:h-20 w-auto"> </div> </section> <footer class="mt-20 border-t bg-[var(--beige)]/50"> <div class="max-w-7xl mx-auto px-6 py-10 flex flex-col md:flex-row items-center justify-between gap-6 text-sm text-gray-700"> <div class="flex items-center gap-3"> <img src="logo.png" class="h-8 w-auto" alt="logo"> <span>E & S Painting, NYC · MWBE • WBE Certified # MWCERT2022-421</span> </div> <div>© 2016 E & S Painting.</div> </div> </footer> <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script> <script> AOS.init({ once: true, duration: 700, easing: 'ease-out-quart' }); </script> </body> </html>