AuburnOil/auburnoil_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: improve contact info UI and add promotional banners

Browse Source 
- Add SVG icons to contact details in layout
- Add Paxton delivery announcement banner
- Add lightning fast delivery promotional section
- Highlight emergency delivery section
This commit is contained in:
Edwin Eames
2026-02-27 10:45:55 -05:00
parent 9563983c4f
commit 4a0725e5be
2 changed files with 48 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/routes/(app)/+layout.svelte
View File

@@ -171,15 +171,42 @@
</div>
</div>
<div
class="col-span-12 md:col-span-4 text-center text-bold text-xl text-white pb-10"
class="col-span-12 md:col-span-4 text-bold text-base text-white pb-10"
>
<div class="">Phone: 508-426-8800</div>
<div class="">Backup Phone: 914-330-6100</div>
<div class="">Text : 914-330-6100</div>
<div class="">P.O. Box 174</div>
<div class="">Auburn Ma 01501</div>
<div class="">Mon - Fri 8:00 am - 5:00 pm</div>
<div class="">Sat Closed | Sun Closed</div>
<div class="p-4 rounded mx-auto max-w-xs">
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/></svg>
<span>Phone: 508-426-8800</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"/></svg>
<span>Backup Phone: 914-330-6100</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z" clip-rule="evenodd"/></svg>
<span>Text: 914-330-6100</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
<span>P.O. Box 174</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/></svg>
<span>Auburn Ma 01501</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"/></svg>
<span>Mon - Fri 8:00 am - 5:00 pm</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"/></svg>
<span>Sat Closed | Sun Closed</span>
</div>
<div class="flex items-center">
<svg class="w-4 h-4 mr-2" viewBox="0 0 20 20"><rect width="20" height="10" fill="#DC143C"/><rect width="20" height="10" y="10" fill="#FFFFFF"/></svg>
<span>mówimy po polsku</span>
</div>
</div>
<div class="px-5 py-5 flex justify-center">
<a href="https://www.facebook.com/auburnoil">
<img class="px-5" src="/images/social/facebook.png" alt="Heating Oil lowest price near me" />

12
src/routes/(app)/+page.svelte
View File

@@ -108,10 +108,19 @@
</div>
</div> -->
<div class="bg-green-600 text-white p-4 mt-4 flex justify-center items-center gap-4 w-full md:w-1/2 md:mx-auto">
<img src="/images/paxton.jpg" alt="Paxton" class="w-16 h-16 rounded" />
<span class="text-2xl font-bold">Now delivering to Paxton !</span>
</div>
<div class="grid grid-cols-12 gap-5 px-5 text-center mt-10">
<div class="col-span-12 font-bold text-4xl text-blue-400 mx-auto ">
Why call Auburn Oil?
</div>
<div class="col-span-12 bg-orange-500 text-white p-6 text-center">
<div class="text-4xl mb-5">Lightning Fast Delivery</div>
<div class="text-xl">We're much faster than the competition, delivering home heating oil quickly and efficiently to keep your home warm.</div>
</div>
<div class="col-span-12 lg:col-span-4 bg-gray-oil text-white p-10 ">
<div class="text-4xl mb-3">Cheaper Prices</div>
<div class="text-lg">
@@ -143,7 +152,8 @@
</div>
<div class="text-xl">Always get priority delivery status.</div>
</div>
<div class="col-span-12 lg:text-center text-center">
<div class="bg-red-500 col-span-12 lg:text-center text-center">
<div class=" bg-red-500 text-3xl mb-3">Run out of oil?</div>
<div class="bg-red-500 text-white p-4 my-4 text-center font-bold">
We offer emergency after-hours, night, holiday, and weekend deliveries when you're running low or have run out of heating oil.
</div>