PageSourceSearch

https://lewisbrothersicecream.com/index.html

html lewisbrothersicecream.com collected 2026-10-04 09:59:53 UTC 28,898 bytes, 538 lines download raw bytes

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 &amp; 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">&times;</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">&copy; 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.