1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- Required Meta --> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <title>Lewis Brothers Ice Cream</title> 8 <meta name="description" content="Lewis Brothers Ice Cream: homemade small-batch ice cream in Provincetown, MA. Explore our flavors, menu, history, and sustainability pledge. 7% sales tax included."> 9 <meta name="keywords" content="Provincetown ice cream, Cape Cod ice cream, Lewis Brothers, homemade ice cream, local ingredients"> 10 11 <!-- Open Graph --> 12 <meta property="og:title" content="Lewis Brothers Ice Cream"> 13 <meta property="og:description" content="Homemade small-batch ice cream in Provincetown since 1997. Visit us at 310 Commercial St or book our solar-powered truck."> 14 <meta property="og:image" content="https://www.lewisbrothersicecream.com/assets/logo-vector.svg"> 15 <meta property="og:url" content="https://www.lewisbrothersicecream.com"> 16 <meta property="og:type" content="website"> 17 18 <!-- Twitter Card --> 19 <meta name="twitter:card" content="summary_large_image"> 20 <meta name="twitter:title" content="Lewis Brothers Ice Cream"> 21 <meta name="twitter:description" content="Homemade small-batch ice cream in Provincetown since 1997."> 22 <meta name="twitter:image" content="https://www.lewisbrothersicecream.com/assets/logo-vector.svg"> 23 24 <!-- Favicon & Manifest --> 25 <link rel="icon" href="/assets/favicon.ico" sizes="any"> 26 <link rel="icon" href="/assets/icon.svg" type="image/svg+xml"> 27 <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" sizes="180x180"> 28 <link rel="manifest" href="/assets/site.webmanifest"> 29 <meta name="theme-color" content="#02508D"> 30 31 <!-- Tailwind CSS CDN --> 32
32<script src="https://cdn.tailwindcss.com"></script>
32 33 34 <!-- Page-wide Styles & Animations --> 35 <style> 36 /* ===== GLOBAL ===== */ 37 html{scroll-behavior:smooth;} 38 39 body{opacity:0;transition:opacity .8s ease-in;} 40 body.loaded{opacity:1;} 41 42 /* Appleâstyle gradient utility */ 43 .gradient-apple{background:linear-gradient(90deg,#0b84fe 0%,#5a5bff 40%,#c04bff 70%,#ff3cb1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;} 44 45 /* ===== HEADER / NAV ===== */ 46 #mobile-menu{transition:opacity .3s ease,transform .3s ease;transform-origin:top;} 47 48 /* ===== HERO ===== */ 49 @keyframes drift{from{transform:translate(0,0) scale(1.1);}to{transform:translate(-10%,-10%) scale(1.2);}} 50 #hero-image{animation:drift 20s ease-in-out infinite alternate;} 51 52 /* ===== CTA SECTION (black) ===== */ 53 #cta{background:#000;} 54 55 /* ===== CONVEYOR GALLERY ===== */ 56 .conveyor-track img{width:275px;height:200px;} 57 @keyframes scroll-right{0%{transform:translateX(-50%);}100%{transform:translateX(0);}} 58 59 /* ===== BACK TO TOP BUTTON ===== */ 60 #backToTop{opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translateY(20px);} 61 #backToTop.show{opacity:1;pointer-events:auto;transform:translateY(0);} 62 63 /* ===== MENU SECTION ===== */ 64 #menu ul{text-align:center;} 65 </style> 66 67 <!-- Font Awesome --> 68
68<script src="https://kit.fontawesome.com/4fe1490c2f.js" crossorigin="anonymous"></script>
68 69 70<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 70-71
70 71<script async src="https://www.googletagmanager.com/gtag/js?id=
71G-9LPFYGV5Q9
vendor: 13 bytes, line 71
71"></script>
72<script> 73
vendor: 138 bytes, lines 73-77
73window.dataLayer = window.dataLayer || []; 74 function gtag(){dataLayer.push(arguments);} 75 gtag('js', new Date()); 76 77 gtag('config', '
77G-9LPFYGV5Q9
vendor: 5 bytes, line 77
77');
78</script>
78 79 80</head> 81<body class="antialiased text-gray-800"> 82 83<!-- ========================= HEADER ========================= --> 84<header id="home" class="fixed w-full bg-blue-900 text-white z-50 shadow-md"> 85 <div class="max-w-7xl mx-auto flex items-center justify-between p-4"> 86 <a href="index.html" class="flex items-center"> 87 <img src="assets/logo.png" alt="Lewis Brothers Ice Cream Logo" class="h-12" /> 88 </a> 89 <nav class="flex items-center"> 90 <button class="md:hidden text-2xl" id="mobile-toggle" aria-label="Toggle navigation"> 91 <i class="fas fa-bars"></i> 92 </button> 93 <ul class="hidden md:flex space-x-6 font-semibold tracking-wide"> 94 <li><a href="#about" class="hover:text-yellow-400">About Us</a></li> 95 <li><a href="#ice-cream-truck" class="hover:text-yellow-400">Ice Cream Truck</a></li> 96 <li><a href="#gallery" class="hover:text-yellow-400">Gallery</a></li> 97 <li><a href="#menu" class="hover:text-yellow-400">Flavors & Menu</a></li> 98 <li><a href="#locations" class="hover:text-yellow-400">Where To Find Us</a></li> 99 <li><a href="#contact" class="hover:text-yellow-400">Contact Us</a></li> 100 </ul> 101 </nav> 102 </div> 103 <!-- Mobile Menu --> 104 <ul id="mobile-menu" class="hidden flex-col bg-blue-900 text-white space-y-2 p-4 opacity-0 transform -translate-y-4"> 105 <li><a href="#about">About Us</a></li> 106 <li><a href="#ice-cream-truck">Ice Cream Truck</a></li> 107 <li><a href="#gallery">Gallery</a></li> 108 <li><a href="#menu">Flavors & Menu</a></li> 109 <li><a href="#locations">Where To Find Us</a></li> 110 <li><a href="#contact">Contact Us</a></li> 111 </ul> 112</header> 113 114<!-- ========================= HERO SECTION ========================= --> 115<section id="home" role="region" aria-label="Hero banner" class="relative h-screen overflow-hidden"> 116 <img id="hero-image" class="absolute inset-0 w-full h-full object-cover" src="assets/slide1.jpg" alt="Hero background" loading="lazy" aria-hidden="true" /> 117 <div class="container mx-auto px-4 md:px-6 relative z-10 flex flex-col items-center justify-center h-full text-center space-y-4" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;"> 118 <img src="assets/logo-vector.png" alt="Lewis Brothers Logo Overlay" loading="eager" class="h-60 md:h-80 w-auto mx-auto mb-4 mt-16 object-contain" /> 119 <h1 class="text-4xl md:text-6xl font-extrabold text-white drop-shadow-lg">Lewis Brothers Homemade Ice Cream</h1> 120 <p class="text-lg md:text-xl text-white">Natural flavors made fresh daily in Provincetown</p> 121 </div> 122
122<script> 123 (()=>{const slides=['assets/slide1.jpg','assets/slide2.jpg','assets/slide3.jpg','assets/slide4.jpg'];let idx=0;const img=document.getElementById('hero-image');setInterval(()=>{idx=(idx+1)%slides.length;img.src=slides[idx];},5000);})(); 124 </script>
124 125</section> 126 127<!-- ========================= ABOUT US ========================= --> 128<section id="about" role="region" aria-labelledby="about-heading" class="bg-[#6BAED6] py-16 overflow-hidden" itemscope itemtype="https://schema.org/LocalBusiness"> 129 <div class="container mx-auto px-4 md:px-6 text-white" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;"> 130 <h2 id="about-heading" class="text-center text-4xl md:text-5xl font-bold mb-8" itemprop="headline">About Us</h2> 131 <div class="space-y-4 text-lg md:text-xl font-normal" itemprop="description"> 132 <p>Lewis Brothers Homemade Ice Cream has been making small-batch, hand-crafted ice cream since 1997 in our Provincetown store.</p> 133 <p>Provincetown, MA, at the tip of Cape Cod, is home for Lewis Brothers Homemade Ice Cream. Provincetown is a very unique town and attracts people from all over the world to visit the town and its seashore.</p> 134 <p>The pristine natural environment that surrounds Provincetown is what makes it such a special place.</p> 135 </div> 136 </div> 137</section> 138 139<!-- ========================= ICE CREAM TRUCK ========================= --> 140<section id="ice-cream-truck" class="bg-[#F4A261] py-16 text-white" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;"> 141 <div class="max-w-5xl mx-auto px-4 text-center"> 142 <h2 class="text-5xl font-bold mb-8">Ice Cream Truck</h2> 143 <div class="mb-8"> 144 <img 145 id="truck-slide" 146 src="assets/tslide1.jpg" 147 alt="Lewis Brothers Ice Cream Truck" 148 class="mx-auto rounded-lg shadow-lg w-full max-w-3xl object-cover h-80" 149 /> 150 </div> 151 <div class="text-lg leading-relaxed mb-10"> 152 <p class="mb-4">Our solar-powered truck brings fresh, small-batch ice cream across Cape Cod from April through Octoberâno generator noise, zero emissions.</p> 153 <p class="mb-4">Perfect for beach days, weddings, and corporate events, we roll up with all of your favorite flavors.</p> 154 <p>
154Book us for your next gathering and enjoy sustainable, scoop-by-scoop service.</p> 155 </div> 156 157 <form 158 id="truck-form" 159 action="https://api.web3forms.com/submit" 160 method="POST" 161 class="bg-white text-black p-6 rounded-lg shadow-lg max-w-2xl mx-auto space-y-4" 162> 163 <input type="hidden" name="access_key" value="d671c56b-2576-4a27-b09c-d11ce4e01e25" /> 164 <input type="hidden" name="redirect" value="https://www.lewisbrothersicecream.com/thankyou.html" /> 165 <input type="hidden" name="subject" value="New Ice Cream Truck Inquiry" /> 166 <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off" /> 167 168 <div class="text-left"> 169 <label for="service-type" class="block font-semibold mb-1">Service Type</label> 170 <select id="service-type" name="service" required class="w-full p-2 border rounded"> 171 <option value="">Select a serviceâ¦</option> 172 <option>Ice Cream Truck</option> 173 <option>Events & Catering</option> 174 <option>General Inquiry</option> 175 </select> 176 </div> 177 178 <div class="text-left"> 179 <label for="inquiry-name" class="block font-semibold mb-1">Name</label> 180 <input type="text" id="inquiry-name" name="name" placeholder="Your name" required class="w-full p-2 border rounded" /> 181 </div> 182 183 <div class="text-left"> 184 <label for="inquiry-email" class="block font-semibold mb-1">Email</label> 185 <input type="email" id="inquiry-email" name="email" placeholder="Your email" required class="w-full p-2 border rounded" /> 186 </div> 187 188 <div class="text-left"> 189 <label for="inquiry-details" class="block font-semibold mb-1">Event Details</label> 190 <textarea 191 id="inquiry-details" 192 name="message" 193 rows="4" 194 placeholder="Tell us about your eventâ¦" 195 required 196 class="w-full p-2 border rounded" 197 ></textarea> 198 </div> 199 200 <button type="submit" class="w-full bg-[#02508D] text-white font-bold py-2 rounded hover:opacity-90"> 201 Submit Inquiry 202 </button> 203</form> 204 205 </div> 206 207
207<script> 208 // simple slider 209 (() => { 210 const slides = ['assets/tslide1.jpg','assets/tslide2.jpg','assets/tslide3.jpg','assets/tslide4.jpg']; 211 let idx = 0, img = document.getElementById('truck-slide'); 212 setInterval(() => { idx = (idx + 1) % slides.length; img.src = slides[idx]; }, 5000); 213 })(); 214 </script>
214 215</section> 216 217<!-- Web3Forms client script (paste once, before </body>) -->
218<script src="https://web3forms.com/client/script.js" async defer></script>
218 219 220 221 222<!-- ========================= GALLERY ========================= --> 223<style> 224 section#gallery{background:#FFFFFF;padding:4rem 1rem;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;} 225 section#gallery h2{text-align:center;font-weight:700;font-size:3.25rem;margin-bottom:2rem;color:#222;} 226 .conveyor-container{position:relative;overflow:hidden;} 227 .conveyor-track{display:flex;width:calc(200%);animation:scroll-right 80s linear infinite;} 228 .conveyor-track img{border-radius:8px;cursor:pointer;margin-right:1rem;flex-shrink:0;} 229 .modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:100;} 230 .modal-content{position:relative;max-width:80%;max-height:80%;} 231 .modal-content img{width:100%;height:auto;border-radius:8px;} 232 .modal-close{position:absolute;top:-.5rem;right:-.5rem;background:#FFF;color:#333;border:none;font-size:1.5rem;line-height:1;padding:.25rem .5rem;border-radius:50%;cursor:pointer;} 233</style> 234<section id="gallery" itemscope itemtype="https://schema.org/ImageGallery"> 235 <h2>Gallery</h2> 236 <div class="conveyor-container"> 237 <div class="conveyor-track"> 238 <img src="assets/conveyor1.jpg" alt="Gallery image 1"> 239 <img src="assets/conveyor2.jpg" alt="Gallery image 2"> 240 <img src="assets/conveyor3.jpg" alt="Gallery image 3"> 241 <img src="assets/conveyor4.jpg" alt="Gallery image 4"> 242 <img src="assets/conveyor5.jpg" alt="Gallery image 5"> 243 <img src="assets/conveyor6.jpg" alt="Gallery image 6"> 244 <img src="assets/conveyor7.jpg" alt="Gallery image 7"> 245 <img src="assets/conveyor8.jpg" alt="Gallery image 8"> 246 <img src="assets/conveyor9.jpg" alt="Gallery image 9"> 247 <img src="assets/conveyor10.jpg" alt="Gallery image 10"> 248 <img src="assets/conveyor11.jpg" alt="Gallery image 11"> 249 <!-- duplicate for seamless loop --> 250 <img src="assets/conveyor1.jpg" alt="Gallery image 1"> 251 <img src="assets/conveyor2.jpg" alt="Gallery image 2"> 252 <img src="assets/conveyor3.jpg" alt="Gallery image 3"> 253 <img src="assets/conveyor4.jpg" alt="Gallery image 4"> 254 <img src="assets/conveyor5.jpg" alt="Gallery image 5"> 255 <img src="assets/conveyor6.jpg" alt="Gallery image 6"> 256 <img src="assets/conveyor7.jpg" alt="Gallery image 7"> 257 <img src="assets/conveyor8.jpg" alt="Gallery image 8"> 258 <img src="assets/conveyor9.jpg" alt="Gallery image 9"> 259 <img src="assets/conveyor10.jpg" alt="Gallery image 10"> 260 <img src="assets/conveyor11.jpg" alt="Gallery image 11"> 261 </div> 262 </div> 263</section> 264<div id="photo-modal" class="modal"> 265 <div class="modal-content"><button class="modal-close">×</button><img src="" alt="Enlarged gallery image"></div> 266</div>
267<script> 268 document.addEventListener('DOMContentLoaded',()=>{ 269 /* Fadeâin on load */ 270 document.body.classList.add('loaded'); 271 272 /* Mobile menu toggle + fade */ 273 const toggle=document.getElementById('mobile-toggle'); 274 const menu=document.getElementById('mobile-menu'); 275 toggle.addEventListener('click',()=>{ 276 if(menu.classList.contains('hidden')){ 277 menu.classList.remove('hidden');setTimeout(()=>{menu.style.opacity=1;menu.style.transform='translateY(0)';},10); 278 }else{ 279 menu.style.opacity=0;menu.style.transform='translateY(-16px)';setTimeout(()=>{menu.classList.add('hidden');},300); 280 } 281 }); 282 283 /* Conveyor modal */ 284 const imgs=document.querySelectorAll('.conveyor-track img'); 285 const modal=document.getElementById('photo-modal'); 286 const modalImg=modal.querySelector('img'); 287 const close=modal.querySelector('.modal-close'); 288 imgs.forEach(img=>img.addEventListener('click',()=>{modalImg.src=img.src;modal.style.display='flex';})); 289 close.addEventListener('click',()=>modal.style.display='none'); 290 modal.addEventListener('click',e=>{if(e.target===modal)modal.style.display='none';}); 291 292 /* Back to top button */ 293 const backBtn=document.getElementById('backToTop'); 294 window.addEventListener('scroll',()=>{if(window.scrollY>600){backBtn.classList.add('show');}else{backBtn.classList.remove('show');}}); 295 backBtn.addEventListener('click',()=>window.scrollTo({top:0,behavior:'smooth'})); 296 }); 297</script>
297 298 299<!-- ========================= MENU & FLAVORS ========================= --> 300<section id="menu" class="bg-[#6BAED6] text-white py-16" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;"> 301 <div class="max-w-6xl mx-auto px-4 text-center"> 302 <h2 class="text-4xl md:text-5xl font-bold mb-10">Our Flavors & Full Menu</h2> 303 <h3 class="text-xl md:text-2xl font-semibold mb-8">(Some of our) Ice Cream Flavors</h3> 304 305 <!-- FLAVOR LISTS --> 306 <div class="grid md:grid-cols-3 gap-6 mb-12 justify-items-center"> 307 <ul class="text-center"> 308 <li class="font-semibold mb-2">Vanilla</li> 309 <li class="font-semibold mb-2">Cookie Dough</li> 310 <li class="font-semibold mb-2">Chocolate Chip</li> 311 <li class="font-semibold mb-2">Oreo</li> 312 <li class="font-semibold mb-2">Black Raspberry</li> 313 <li class="font-semibold mb-2">Grape Nut</li> 314 <li class="font-semibold mb-2">Coffee</li> 315 <li class="font-semibold mb-2">Chocolate</li> 316 </ul> 317 <ul class="text-center"> 318 <li class="font-semibold mb-2">Caramel Heath</li> 319 <li class="font-semibold mb-2">Strawberry</li> 320 <li class="font-semibold mb-2">Ginger</li> 321 <li class="font-semibold mb-2">Coffee Heath</li> 322 <li class="font-semibold mb-2">Pistachio</li> 323 <li class="font-semibold mb-2">Maple Walnut</li> 324 <li class="font-semibold mb-2">Butter Pecan</li> 325 </ul> 326 <ul class="text-center"> 327 <li class="font-semibold mb-2">Mint Chip</li> 328 <li class="font-semibold mb-2">Peppermint Stick</li> 329 <li class="font-semibold mb-2">Rum Raisin</li> 330 <li class="font-semibold mb-2">Almond Joy</li> 331 <li class="font-semibold mb-2">Peanut Butter</li> 332 <li class="font-semibold mb-2">White Russian</li> 333 <li class="font-semibold mb-2">Mudslide Chip</li> 334 </ul> 335 </div> 336 337 <!-- ADDITIONAL OFFERINGS --> 338<h3 class="text-2xl font-bold mb-4">More Frozen Treats</h3> 339<ul class="space-y-1 mb-12"> 340 <li><strong>Soft Serve</strong>: Vanilla / Chocolate</li> 341 <li><strong>Yogurt</strong>: Vanilla / Mango</li> 342 <li><strong>Hard Yogurt</strong>: Vanilla, Black Raspberry, Chocolate Chip, PB Cup, Coffee Toffee</li> 343 <li><strong>Sorbet</strong>: Raspberry, Mango | <strong>Sherbet</strong>: Rainbow, Orange</li> 344 <li><strong>Sugar-Free</strong>: Caramel Pecan, Vanilla Raspberry Swirl</li> 345 <li><strong>Vegan</strong>: Black Raspberry, Oreo (coconut base)</li> 346</ul> 347 348 349 <!-- FRUIT SMOOTHIES & DRINKS --> 350 <h3 class="text-2xl font-bold mb-4">Fruit Smoothies & Drinks</h3> 351 <ul class="space-y-1 mb-12"> 352 <li><strong>Smoothies</strong> â $9.50: Tropical Punch, Summer Cooler, Very Berry, Mango Tango</li> 353 <li><strong>Soda / Juice / Tea / Seltzer / Yerba Mate / Monster / Vita Coco</strong> â $3â$3.50</li> 354 </ul> 355 356 <!-- CONES / SHAKES / SUNDAES --> 357 <div class="grid md:grid-cols-3 gap-8 justify-items-center text-center"> 358 <!-- Cones & Cups --> 359 <div> 360 <h3 class="text-2xl font-bold mb-4">Cones & Cups</h3> 361 <ul class="space-y-1"> 362 <li><strong>Kiddy</strong> â $5.50</li> 363 <li><strong>Small</strong> â $6.50</li> 364 <li><strong>Large</strong> â $7.50</li> 365 </ul> 366 </div> 367 368 <!-- Shakes --> 369 <div> 370 <h3 class="text-2xl font-bold mb-4">Shakes</h3> 371 <ul class="space-y-1"> 372 <li><strong>Frappe</strong> â $10.00</li> 373 <li><strong>Malted</strong> â $10.75</li> 374 <li><strong>X-Thick</strong> â $11.50</li> 375 <li><strong>Float / Soda / Freeze</strong> â $9.50</li> 376 </ul> 377 </div> 378 379 <!-- Sundaes & Extras --> 380 <div> 381 <h3 class="text-2xl font-bold mb-4">Sundaes & Extras</h3> 382 <ul class="space-y-1"> 383 <li><strong>Pint</strong> â $9.50 | <strong>Quart</strong> â $17.50</li> 384 <li><strong>Small Sundae</strong> â $9.50</li> 385 <li><strong>Large Sundae</strong> â $11.50</li> 386 <li><strong>Brownie Sundae</strong> â $13.00</li> 387 <li><strong>Banana Split</strong> â $13.00</li> 388 <li><strong>Homemade Fruit Pop</strong> â $3.50</li> 389 <li><strong>Ice Cream Sandwich</strong> â $7.50</li> 390 <li><strong>Jimmies, Nuts, Candy</strong> â $0.50â$1.00</li> 391 <li><strong>Waffle Cone / Marshmallow / Strawberries / Whipped Cream / Fudge / Caramel</strong> â $1.50 ea</li> 392 </ul> 393 </div> 394 </div> 395 396 </div> 397</section> 398 399<!-- ========================= LOCATIONS ========================= --> 400<section id="locations" class="bg-[#F4A261] py-16 text-white" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;"> 401 <div class="max-w-3xl mx-auto px-4 text-center"> 402 <h2 class="text-5xl font-bold mb-6">Where To Find Us</h2> 403 <ul class="space-y-2"> 404 <li><a href="https://lewisbrothersicecream.com" class="underline hover:text-blue-200">Lewis Brothers Homemade Ice Cream Flagship Store</a></li> 405 <li><a href="https://spirituspizza.com" class="underline hover:text-blue-200">Spiritus Pizza</a></li> 406 <li><a href="https://trurovineyardsofcapecod.com" class="underline hover:text-blue-200">Truro Vineyards</a></li> 407 <li><a href="https://www.daysmarketanddeli.com" class="underline hover:text-blue-200">Dayâs Market & Deli</a></li> 408 <li><a href="http://thesaltymarket.com" class="underline hover:text-blue-200">Salty Market & Deli</a></li> 409 <li><a href="https://ptownlobsterpot.com" class="underline hover:text-blue-200">Lobster Pot Restaurant</a></li> 410 <li><a href="https://www.mayflower-ptown.com" class="underline hover:text-blue-200">Mayflower Café</a></li> 411 </ul> 412 </div> 413</section> 414 415<!-- ========================= CONTACT ========================= --> 416<section id="contact" class="bg-[#6BAED6] py-16 text-white" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;"> 417 <div class="max-w-3xl mx-auto px-4 text-center"> 418 <h2 class="text-5xl font-bold mb-6">Contact</h2> 419 <h3 class="text-2xl font-semibold mb-2">Flagship Store</h3> 420 <p class="mb-4"><i class="fas fa-map-marker-alt"></i> 310 Commercial St, Provincetown, MA 02657</p> 421 <p class="mb-4"><i class="fas fa-phone"></i> <a href="tel:+15084870977" class="underline hover:text-blue-200">+1 508-487-0977</a></p> 422 <p class="mb-8"><i class="fas fa-envelope"></i> <a href="mailto:[email protected]" class="underline hover:text-blue-200">[email protected]</a></p> 423 </div> 424 <div class="w-full px-4"> 425 <iframe 426 class="w-full h-96 rounded-lg border-0" 427 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2949.7314405373366!2d-70.18826392388473!3d42.05201695152465!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e4e38bc0bd05fd%3A
4270x2132e8c84f89bba9!2s310%20Commercial%20St%2C%20Provincetown%2C%20MA%2002657!5e0!3m2!1sen!2sus!4v1715463300000" 428 allowfullscreen="" 429 loading="lazy" 430 referrerpolicy="no-referrer-when-downgrade"> 431 </iframe> 432 </div> 433</section> 434 435<!-- ========================= FOOTER SECTION ONLY ========================= --> 436<footer class="bg-blue-900 text-white py-12"> 437 <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 px-4"> 438 439 <!-- Brand / Logo --> 440 <div> 441 <a href="index.html#home" class="text-xl font-bold text-blue-300">Lewis Brothers Homemade Ice Cream</a> 442 <p class="mt-2 text-gray-300">Homemade small-batch ice cream in Provincetown since 1997.</p> 443 </div> 444 445 <!-- Quick Links --> 446 <div> 447 <h3 class="font-semibold text-lg mb-2">Quick Links</h3> 448 <ul class="columns-2 space-y-1"> 449 <li><a href="index.html#about" class="hover:text-blue-300">About Us</a></li> 450 <li><a href="index.html#ice-cream-truck" class="hover:text-blue-300">Ice Cream Truck</a></li> 451 <li><a href="index.html#gallery" class="hover:text-blue-300">Gallery</a></li> 452 <li><a href="index.html#menu" class="hover:text-blue-300">Flavors & Menu</a></li> 453 <li><a href="index.html#locations" class="hover:text-blue-300">Where To Find Us</a></li> 454 <li><a href="index.html#contact" class="hover:text-blue-300">Contact Us</a></li> 455 </ul> 456 </div> 457 458 <!-- Social Media Links --> 459 <div> 460 <h3 class="font-semibold text-lg mb-2">Follow Us</h3> 461 <div class="flex space-x-4 mt-2"> 462 <a href="https://www.instagram.com/lewisbroshomemade" aria-label="Instagram" class="hover:opacity-75"><img src="assets/instagram.svg" alt="Instagram" class="h-6 w-6 filter invert" /></a> 463 <a href="https://www.facebook.com/profile.php?id=100063475812905" aria-label="Facebook" class="hover:opacity-75"><img src="assets/facebook.svg" alt="Facebook" class="h-6 w-6 filter invert" /></a> 464 <a href="tiktok.html" aria-label="TikTok" class="hover:opacity-75"><img src="assets/tiktok.svg" alt="TikTok" class="h-6 w-6 filter invert" /></a> 465 </div> 466 </div> 467 468 <!-- Get In Touch --> 469 <div> 470 <h3 class="font-semibold text-lg mb-2">Get In Touch</h3> 471 <p class="flex items-center space-x-2"> 472 <!-- Pin Icon --> 473 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 fill-current text-white flex-shrink-0" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z"/></svg> 474 <span>310 Commercial St, Provincetown, MA 02657</span> 475 </p> 476 <p class="flex items-center space-x-2 mt-2"> 477 <!-- Phone Icon --> 478 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 fill-current text-white flex-shrink-0" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.62 10.79a15.1 15.1 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.21 11.72 11.72 0 003.64 1.17 1 1 0 011 .99v3.38a1 1 0 01-.91 1A17 17 0 013 5.91 1 1 0 014.03 5h3.38a1 1 0 011 .99 11.72 11.72 0 001.17 3.64 1 1 0 01-.21 1.11l-2.75 2.75z"/></svg> 479 <a href="tel:+15084870977" class="hover:text-blue-300">+1Â 508â487â0977</a> 480 </p> 481 <p class="flex items-center space-x-2 mt-2"> 482 <!-- Globe Icon --> 483 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 fill-current text-white flex-shrink-0" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm3 10a9.77 9.77 0 01-.26 2h-5.48A9.77 9.77 0 019 12c0-.68.07-1.34.26-2h5.48c.19.66.26 1.32.26 2zm2.91-4h-2.18a11.89 11.89 0 00-1.13-2.66A8.05 8.05 0 0117.91 8zM12 4a8.07 8.07 0 012.91.54 10.71 10.71 0 011.25 2.83H7.84A10.71 10.71 0 019.09 4.54 8.07 8.07 0 0112 4zM6.09 8a8.05 8.05 0 011.31-2.66A11.89 11.89 0 006.27 8zm-.58 2c-.11.66-.18 1.32-.18 2s.07 1.34.26 2h2.18A11.79 11.79 0 018 12c0-.68.07-1.34.26-2zm.58 6a11.89 11.89 0 001.13 2.66A8.05 8.05 0 016.09 16zm5.91 4a8.07 8.07 0 01-2.91-.54A10.71 10.71 0 018.84 16h6.32a10.71 10.71 0 01-1.25 2.83A8.07 8.07 0 0112 20zm3.91-4a11.89 11.89 0 001.13-2.66h2.18a8.05 8.05 0 01-1.31 2.66z"/></svg> 484 <a href="https://lewisbrothersicecream.com" class="hover:text-blue-300">lewisbrothersicecream.com</a> 485 </p> 486 </div> 487 488 </div> 489 <div class="text-center text-gray-500 mt-8 text-sm">© 2025 Lewis Brothers Ice Cream. All rights reserved.</div> 490</footer> 491 492 493 494<!-- ========================= BACK TO TOP BUTTON ========================= --> 495<button id="backToTop" aria-label="Back to top" class="fixed bottom-6 right-6 bg-blue-900 text-white p-3 rounded-full shadow-lg"><i class="fas fa-chevron-up"></i></button> 496
497<script> 498 /* Duplicate listener removed (already in earlier script) */ 499</script>
499 500
501<script> 502 (function(){ 503 // Grab header height once 504 const header = document.querySelector("header"); 505 const headerHeight = header ? header.getBoundingClientRect().height : 0; 506 // Intercept in-page link clicks 507 document.querySelectorAll('a[href^="#"]').forEach(link => { 508 link.addEventListener("click", function(e) { 509 const targetId = this.getAttribute("href").slice(1); 510 const targetEl = document.getElementById(targetId); 511 if (!targetEl) return; 512 e.preventDefault(); 513 // Compute its top offset minus header 514 const topPos = targetEl.getBoundingClientRect().top + window.pageYOffset; 515 const scrollTo = topPos - headerHeight - 0; // 0px breathing room 516 window.scrollTo({ top: scrollTo, behavior: "smooth" }); 517 // Update URL hash without jumping instantly 518 history.replaceState(null, "", "#" + targetId); 519 }); 520 }); 521 // If someone lands directly with a hash in URL, adjust on load 522 window.addEventListener("load", () => { 523 if (location.hash) { 524 const id = location.hash.slice(1); 525 const el = document.getElementById(id); 526 if (el) { 527 const topPos = el.getBoundingClientRect().top + window.pageYOffset; 528 window.scrollTo(0, topPos - headerHeight - 0); 529 } 530 } 531 }); 532 })(); 533</script>
533 534
535<script src="https://web3forms.com/client/script.js" async defer></script>
535 536 537</body> 538</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.