Updated frontend

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:latest
+FROM  node:20.11.1 
 
 ENV PUBLIC_BASE_URL=http://localhost:5170
 

src/routes/(app)/+layout.svelte

@@ -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>

src/routes/(app)/+page.svelte

@@ -133,13 +133,11 @@
               <div class="text-2xl">Oxford</div>
               <div class="text-2xl">North Oxford</div>
               <div class="text-2xl">Webster</div>
-              <div class="text-2xl">SouthBridge</div>
               <div class="text-2xl">Shrewsbury</div>
               <div class="text-2xl">Grafton</div>
             </div>
             <div >
               <div class="text-2xl">Dudley</div>
-              <div class="text-2xl">Sutton</div>
               <div class="text-2xl">Charlton</div>
               <div class="text-2xl">Leicester</div>
               <div class="text-2xl">Cherry Valley</div>
@@ -153,7 +151,6 @@
             <div class="text-center">
               <div class="text-2xl">Auburn</div>
               <div class="text-2xl">Millbury</div>
-              <div class="text-2xl">Sutton</div>
               <div class="text-2xl">Oxford</div>
               <div class="text-2xl">North Oxford</div>
               <div class="text-2xl">Webster</div>
@@ -167,7 +164,6 @@
               <div class="text-2xl">Rochdale</div>
               <div class="text-2xl">Spencer</div>
               <div class="text-2xl">Sutton</div>
-              <div class="text-2xl">Southbridge</div>
               <div class="text-2xl">Worcester</div>
             </div>
           </div>

src/routes/(app)/contact/+page.svelte

@@ -56,6 +56,7 @@
     <div class="col-span-2 md:col-span-1">
       <div class="text-2xl font-bold text-primary">Contact Us</div>
       <div class=" text-xl">Phone: {company_phone_number}</div>
+      <div class=" text-xl">Backup Phone: 508-859-8185</div>
       <div class=" text-xl">Email: auburnoilservices@gmail.com</div>
       <div class="mb-10 "></div>
       <div class=" text-xl">Auburn Oil</div>
@@ -85,7 +86,7 @@
         <div class="text-xl">Wednesday: 8:00 a.m. – 5:00 p.m.</div>
         <div class="text-xl">Thursday: 8:00 a.m. – 5:00 p.m.</div>
         <div class="text-xl">Friday: 8:00 a.m. – 5:00 p.m.</div>
-        <div class="text-xl">Saturday: 8:00 a.m. – 1:00 p.m.</div>
+        <div class="text-xl">Saturday: 9:00 a.m. – 12:00 p.m.</div>
         <div class="text-xl">Sunday: Closed</div>
       </div>
     </div>

src/routes/(app)/delivery/+page.svelte

@@ -73,10 +73,8 @@
           <div class="col-span-12 font-bold text-xl text-primary">
             Worcester County
           </div>
-          <div class="col-span-12 text-lg">
+          <div class="col-span-12 text-lg">
-            <ul>100 Gallon Minimum to Worcester County</ul>
+            <ul>125 Gallon Minimum to Worcester </ul>
-            <ul>Prime - ${price_prime}</ul>
-            <ul>Same Day - ${price_same_day} + price oil</ul>
             <ul>100 Gallon Minimum to any other town </ul>
           </div>
   

src/routes/(app)/oil/+page.svelte

@@ -5,7 +5,6 @@
     import  type { company } from '$lib/types/types'
   
     export let company_data: company;
-  
     
     let company_name: string = '';
     let tel_number: string = '';
@@ -33,7 +32,6 @@
     <div
     class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
     >
-    <h1>Our Oil</h1>
     <h1>Our Oil</h1>
     </div>
   </div>
@@ -44,45 +42,42 @@
       <div class="col-span-12 md:col-span-6 mb-20">
         <div class="col-span-12 mb-5 font-bold text-xl text-primary">
           Our Oil Wont Ruin your heating system!
-        </div>
+        </div>
-        <div class="col-span-12 text-lg">
+        <div class="col-span-12 text-xl">
-          We sell the best heating oil that is legally allowed on the market.
        We do not add bio to our oil!  
+        </div>
        
         <div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-primary">
           The best oil in your Tank
         </div>
-        <div class="col-span-12 mb-10">
+        <div class="col-span-12 mb-10">
-          <ul>
+          <div class="text-2xl font-bold mt-10 text-error mb-5">
-            <div class="flex gap-5">
-           
-              <li class=" font-bold text-orange-600">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
-            </div>
-            <div class="flex gap-5">
-              <li class=" font-bold">
-                5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
-              </li>
-            </div>
-            <div class="flex gap-5">
-              <li class=" font-bold">
-                20% biodiesel and above (B20+) is Bioheat Super Plus®
             What is bio oil?
+            </div>
+          <ul class="text-lg">
+            Bio is leftover vegetable oil that comes from places like restaurants.
+             It hardens up in cold temperature just like butter. 
+             It is much cheaper than standard #2 heating oil.
+              It has a higher likelihood of clogging fuel lines.
+               More frequent filter changes are required. 
+               If you run out of biofuel, there's a higher chance of the fuel 
+               lines becoming clogged compared to using standard #2 heating oil. You will more likely
                 need a service call to restart the heating system.
-          </ul>
           </ul>
-        </div>
+        </div>
 
         <div class="col-span-12 mb-10">
-          <div class="text-2xl font-bold mt-10 text-error mb-5">
+          <div class="text-2xl font-bold mt-10 text-error mb-5">
             Symptoms your oil company is selling you high bio oil.  
             </div>
           <ul class="text-lg">
-            <li>- System needs filters frequently</li>
+            <li>- System needs filters frequently</li>
-            <li>- Furnace has bad flame and doesnt produce high heat</li>
+            <li>- Furnace needs repairs much more frequently than normal</li>
             <li>- Oil line is clogged</li>
             <li>- Tank goes bad all of a sudden!</li>
             <li>- Frozen lines in the winter.  Bio brings the freezing point much higher!</li>
           </ul>
+        </div>
 
         <div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-primary">
             We sell better heating oil at a cheaper price.

src/routes/(app)/servicearea/+page.svelte

@@ -52,7 +52,6 @@
                   <div >
                     <div class="text-2xl">Auburn</div>
                     <div class="text-2xl">Millbury</div>
-                    <div class="text-2xl">Sutton</div>
                     <div class="text-2xl">Oxford</div>
                     <div class="text-2xl">North Oxford</div>
                     <div class="text-2xl">Webster</div>
@@ -68,7 +67,6 @@
                     <div class="text-2xl">Cherry Valley</div>
                     <div class="text-2xl">Rochdale</div>
                     <div class="text-2xl">Spencer</div>
-                    <div class="text-2xl">Southbridge</div>
                     <div class="text-2xl">Worcester</div>
                   </div>
                     </div>
@@ -76,11 +74,9 @@
                       <div class="text-center">
                         <div class="text-2xl">Auburn</div>
                         <div class="text-2xl">Millbury</div>
-                        <div class="text-2xl">Sutton</div>
                         <div class="text-2xl">Oxford</div>
                         <div class="text-2xl">North Oxford</div>
                         <div class="text-2xl">Webster</div>
-                        <div class="text-2xl">Southbridge</div>
                         <div class="text-2xl">Shrewsbury</div>
                         <div class="text-2xl">Grafton</div>
                         <div class="text-2xl">Dudley</div>

static/fonts.css

@@ -0,0 +1,9 @@
+@font-face {
+    font-family: 'EnterS';
+    font-style: normal;
+    font-weight: 500;
+    src: url('/fonts/entsans.tff'); /* IE9 Compat Modes */
+    src: local(''), url('/fonts/entsans.ttf') format('truetype'),
+        /* Modern Browsers */ url('/fonts/entsans.ttf') format('truetype'),
+
+}

tailwind.config.js

@@ -1,4 +1,6 @@
 /** @type {import('tailwindcss').Config}*/
+
+
 const config = {
   content: [
     "./src/**/*.{html,js,svelte,ts}",

vite.config.ts

@@ -1,6 +1,16 @@
 import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
+import { defineConfig,searchForWorkspaceRoot } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()]
+	plugins: [sveltekit()],
+	server: {
+		fs: {
+		  allow: [
+			// search up for workspace root
+			searchForWorkspaceRoot(process.cwd()),
+			// your custom rules
+			'/static',
+		  ],
+		},
+	  },
 });