Updated frontend

This commit is contained in:
2025-05-05 10:29:24 -04:00
parent 942d341527
commit bfdaab9c36
10 changed files with 85 additions and 46 deletions

View File

@@ -4,7 +4,9 @@
import type { company, oilprice } from '$lib/types/types'
export let company_data: company;
export let oil_price_data: oilprice;
import '/static/fonts.css';
let price_of_oil: string = '';
let company_name: string = '';
let company_phone_number: string = '';
@@ -53,7 +55,6 @@
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7R7B94HG9M');
</script>
@@ -64,7 +65,7 @@
</head>
<div class="grid grid-cols-12 bg-blue-oil overflow-hidden">
<div class="grid grid-cols-12 bg-blue-oil overflow-hidden custom-font">
<div class="col-span-12 md:col-span-3 text-3xl p-10 text-orange-oil font-bold invisible md:visible h-0 md:h-auto">
<div class="text-center pt-5 text-white">Call Today</div>
<div class="text-center ">{company_phone_number}</div>
@@ -119,18 +120,41 @@
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/servicearea">Delivery Area</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/about">About Us</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/contact">Contact</a></li>
<li>
<a href="https://www.facebook.com/auburnoil">
<img class="px-5" src="/images/social/facebook.png" alt="Heating Oil lowest price near me" />
</a>
</li>
<li>
<a href="https://g.co/kgs/srVz9CQ">
<img class="" src="/images/social/google.png" alt="Heating Oil lowest price near me" />
</a>
</li>
</ul>
</div>
</div>
<div class="navbar-center hidden lg:flex ">
<ul class="menu menu-horizontal px-1 text-xl">
<li>
<a class="hover:bg-blue-900" href="https://www.facebook.com/auburnoil">
<img class="px-5" src="/images/social/facebook.png" alt="Heating Oil lowest price near me" />
</a>
</li>
<li>
<a class="hover:bg-blue-900" href="https://g.co/kgs/srVz9CQ">
<img class="" src="/images/social/google.png" alt="Heating Oil lowest price near me" />
</a>
</li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/">Home</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/oil">Our Oil</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/delivery">Delivery</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/servicearea">Delivery Area</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/about">About Us</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/contact">Contact</a></li>
</ul>
</div>
<div class="navbar-end ">
@@ -155,11 +179,12 @@
<div
class="col-span-12 md:col-span-4 text-center text-bold text-xl text-white pb-10"
>
<div class="">{company_phone_number}</div>
<div class="">Phone: {company_phone_number}</div>
<div class="">Backup Phone: 508-859-8185</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="">Sat 9:00 am - 12:00 pm | Sun Closed</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" />
@@ -189,4 +214,11 @@
</div>
</div>
</footer>
</html>
</html>
<style>
.custom-font {
font-family: EnterS
}
</style>