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

Added oil page. Typos . google fixes

Browse Source
This commit is contained in:
Edwin Eames
2024-09-23 18:13:25 -04:00
parent bff3e510ff
commit c23209dd7a
8 changed files with 187 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/types/types.ts
View File

@@ -5,6 +5,12 @@
todays_price: string; todays_price: string;
} }
export type priceitems = {
ok: boolean
price_emergency: string;
price_prime: string;
price_same_day: string;
}
export type company = { export type company = {
ok: boolean ok: boolean
company_name: string; company_name: string;

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

@@ -48,8 +48,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="Auburn Oil provides reliable heating oil delivery, expert HVAC service, and boiler maintenance to homes in Auburn, Worcester, Oxford, Sutton, and Webster. Experience comfort and peace of mind with our local service."> <meta name="description" content="Auburn Oil provides reliable heating oil delivery and top quality oil.
</head> Serving homes in Auburn, Worcester, Oxford, Sutton, and Webster. ">
</head>
<div class="grid grid-cols-12 bg-blue-oil overflow-hidden"> <div class="grid grid-cols-12 bg-blue-oil overflow-hidden">
@@ -102,7 +103,8 @@
class="menu menu-sm bg-orange-oil w-64 dropdown-content mt-3 z-[1] p-2 shadow rounded-box font-bold text-white" class="menu menu-sm bg-orange-oil w-64 dropdown-content mt-3 z-[1] p-2 shadow rounded-box font-bold text-white"
> >
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/">Home</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/">Home</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/delivery">Oil Delivery</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/oil">Our Oil</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/delivery">Delivery</a></li>
<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="/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="/about">About Us</a></li>
<li><a class="text-2xl py-2 hover:bg-blue-900" href="/contact">Contact</a></li> <li><a class="text-2xl py-2 hover:bg-blue-900" href="/contact">Contact</a></li>
@@ -113,7 +115,8 @@
<div class="navbar-center hidden lg:flex "> <div class="navbar-center hidden lg:flex ">
<ul class="menu menu-horizontal px-1 text-xl"> <ul class="menu menu-horizontal px-1 text-xl">
<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="/">Home</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/delivery">Oil Delivery</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="/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="/about">About Us</a></li>
<li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/contact">Contact</a></li> <li class="hover:bg-blue-900 hover:rounded hover:text-white text-white"><a href="/contact">Contact</a></li>
@@ -140,7 +143,8 @@
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-center text-bold text-xl text-white pb-10"
> >
<div class="">{company_phone_number}</div> <div class="">{company_phone_number}</div>
<div class="">Worcester Ma</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="">Mon - Fri 8:00 am - 5:00 pm</div>
<div class="">Sat Closed | Sun Closed</div> <div class="">Sat Closed | Sun Closed</div>
</div> </div>

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

@@ -45,7 +45,7 @@
} }
}); });
</script> </script>
<title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title> <title>Auburn Oil: Quality Heating Oil Delivery in Southern Worcester County</title>
<div class="bg-blue-oil text-white"> <div class="bg-blue-oil text-white">
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
@@ -88,8 +88,8 @@
<div class="col-span-12 lg:col-span-3 bg-base-100 p-10"> <div class="col-span-12 lg:col-span-3 bg-base-100 p-10">
<div class="text-4xl mb-3">Top Quality Oil</div> <div class="text-4xl mb-3">Top Quality Oil</div>
<div class="text-lg"> <div class="text-lg">
We dont cut our product with biodiesel. We use the best available We dont cut our oil with biodiesel. We use the best available
oil for your heating system fuel for your heating system
</div> </div>
</div> </div>

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

@@ -27,7 +27,7 @@
} }
}); });
</script> </script>
<title>About Auburn Oil </title>
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
<div <div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white" class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
@@ -42,60 +42,26 @@
<div class="col-span-12 text-2xl text-bold"></div> <div class="col-span-12 text-2xl text-bold"></div>
<div class="col-span-12 md:col-span-6 mb-20"> <div class="col-span-12 md:col-span-6 mb-20">
<div class="col-span-12 mb-5 font-bold text-xl text-primary"> <div class="col-span-12 mb-5 font-bold text-xl text-primary">
Our Oil Wont Ruin your heating system! Mission Statement
</div> </div>
<div class="col-span-12 text-lg"> <div class="col-span-12 text-lg pb-20">
After watching the oil community add more bio every year to there deliveries, we decided it was time to bring back some integrity to the oil industry.
Auburn oil was born with the idea of selling the purest heating oil we can deliver to our customers. Our slogan is "oil you can trust" and we stand behind it.
We are not adding more bio to your oil
every year to increase profits at the expense of the customer. You call, we deliver top quality oil.
</div>
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
Our history of delivering oil
</div>
<div class="col-span-12 text-lg pb-20">
After 20 years delivering for other companies in Worcester. Our family After 20 years delivering for other companies in Worcester. Our family
decided it was time to start our own small business. We have the decided it was time to start a small business to serve customers. We have the
experience to ensure your family stays warm! experience to ensure your family stays warm! Everyone in our family is a certified boiler technician.
</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">
<ul>
<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®
</li>
</div>
</ul>
</div>
<div class="col-span-12 mb-10">
<div class="text-2xl font-bold mt-10 text-error mb-5">
Symptoms your oil company is selling you bad oil
</div>
<ul class="text-lg">
<li>- System needs filters frequently</li>
<li>- Furnace has bad flame and doesnt produce high heat</li>
<li>- System is clogged</li>
<li>- Tank goes bad all of a sudden!</li>
</ul>
</div>
<div class="col-span-12 mb-5 font-bold text-xl">
See the slime? Imagine that all inside your tank and equipment!
</div>
<div class="col-span-12 mb-5 font-bold text-xl text-center">
Thats a bio filled system :(
</div>
<div class="col-span-12">
<img class="w-full p-0 m-0" src="/images/biobad.png" alt="Oil burner cleaning" />
</div> </div>
</div> </div>
<div class="col-span-12 md:col-span-6"> <div class="col-span-12 md:col-span-6">
<img class="w-full p-0 m-0" src="/images/oildelivery.jpg" alt="Delivering Oil" /> <img class="w-full p-0 m-0" src="/images/truckdog.jpg" alt="Delivering Oil" />
</div> </div>
</div> </div>
</div> </div>

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

@@ -43,7 +43,7 @@
} }
}); });
</script> </script>
<title>Contact Auburn Oil </title>
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
<div <div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white" class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
@@ -55,36 +55,41 @@
<div class="grid grid-cols-2 gap-5"> <div class="grid grid-cols-2 gap-5">
<div class="col-span-2 md:col-span-1"> <div class="col-span-2 md:col-span-1">
<div class="text-2xl font-bold text-primary">Contact Us</div> <div class="text-2xl font-bold text-primary">Contact Us</div>
<div class="mb-20 text-xl">Phone: {company_phone_number}</div> <div class=" text-xl">Phone: {company_phone_number}</div>
<div class=" text-xl">Email: auburnoilservices@gmail.com</div>
<div class="mb-10 "></div>
<div class=" text-xl">Auburn Oil</div>
<div class=" text-xl">P.O. Box 174</div>
<div class=" text-xl">Auburn Ma 01501</div>
<div class="mb-10 "></div>
<div class="mb-10"> <div class="mb-10">
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto"> <div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
Business Hours Summer Business Hours Summer
</div> </div>
<div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div> <div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div>
<div class="text-xl">Monday: 8:00 a.m. – 5:00 p.m.</div> <div class="text-xl">Monday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Tuesday: 8:30 a.m. – 5:00 p.m.</div> <div class="text-xl">Tuesday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Wednesday: 8:30 a.m. – 5:00 p.m.</div> <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">Thursday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Friday: 8:00 a.m. – 3:00 p.m.</div> <div class="text-xl">Friday: 8:00 a.m. – 3:00 p.m.</div>
<div class="text-xl">Saturday: Closed</div> <div class="text-xl">Saturday: Closed</div>
<div class="text-xl">Sunday: Closed</div> <div class="text-xl">Sunday: Closed</div>
</div> </div>
<div class=""> <div class="pb-10">
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto"> <div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
Business Hours Winter Business Hours Winter
</div> </div>
<div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div> <div class="font-bold text-xl bg-primary text-white h-2 mb-2"></div>
<div class="text-xl">Monday: 8:00 a.m. – 5:00 p.m.</div> <div class="text-xl">Monday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Tuesday: 8:30 a.m. – 5:00 p.m.</div> <div class="text-xl">Tuesday: 8:00 a.m. – 5:00 p.m.</div>
<div class="text-xl">Wednesday: 8:30 a.m. – 5:00 p.m.</div> <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">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">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: 8:00 a.m. – 1:00 p.m.</div>
<div class="text-xl">Sunday: Closed</div> <div class="text-xl">Sunday: Closed</div>
</div> </div>
</div> </div>
<div class="col-span-2 md:col-span-1"> <div class="col-span-2 md:col-span-1 ">
</div> </div>
</div> </div>

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

@@ -2,14 +2,18 @@
import "../../../app.postcss"; import "../../../app.postcss";
import { onMount } from "svelte"; import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public"; import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company } from '$lib/types/types' import type { company, priceitems } from '$lib/types/types'
export let company_data: company; export let company_data: company;
export let oil_data: priceitems;
let company_name: string = ''; let company_name: string = '';
let tel_number: string = ''; let tel_number: string = '';
let price_emergency: string = '';
let price_prime: string = '';
let price_same_day: string = '';
onMount(async () => { onMount(async () => {
await fetch(PUBLIC_BASE_URL + "/info/company", { await fetch(PUBLIC_BASE_URL + "/info/company", {
method: "get", method: "get",
@@ -26,8 +30,27 @@
tel_number = company_data["company_phone_number"]; tel_number = company_data["company_phone_number"];
} }
}); });
onMount(async () => {
await fetch(PUBLIC_BASE_URL + "/info/price/oil/items", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
})
.then((response) => response.json())
.then((result) => (oil_data = result));
if (oil_data["ok"] == true) {
price_emergency = oil_data["price_emergency"];
price_prime = oil_data["price_prime"];
price_same_day = oil_data["price_same_day"];
}
});
</script> </script>
<title>Home Heating Oil Delivery</title> <title>Home Heating Oil Delivery</title>
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
<div <div
@@ -51,8 +74,9 @@
Worcester County Worcester County
</div> </div>
<div class="col-span-12 text-lg"> <div class="col-span-12 text-lg">
<ul>100 Gallon Minimum to Worcester County</ul> <ul>100 Gallon Minimum to Worcester County</ul>
<ul>Prime - 25$</ul> <ul>Prime - ${price_prime}</ul>
<ul>Same Day - ${price_same_day} + price oil</ul>
<ul>After Hours Emergency - $150 + price oil (prime included)</ul> <ul>After Hours Emergency - $150 + price oil (prime included)</ul>
</div> </div>
@@ -63,6 +87,7 @@
<div class="col-span-12 text-lg"> <div class="col-span-12 text-lg">
<ul>Cash on Delivery (C.O.D)</ul> <ul>Cash on Delivery (C.O.D)</ul>
<ul>Credit Card</ul> <ul>Credit Card</ul>
<ul>Money Order</ul>
<ul>Check (with credit card hold till it clears)</ul> <ul>Check (with credit card hold till it clears)</ul>
</div> </div>
@@ -90,7 +115,8 @@
</li> </li>
</div> </div>
<div class="flex gap-5"> <div class="flex gap-5">
<li class=" font-bold"> <li class=" font-bold">
4.) Pay with above payments mentioned.
</li> </li>
</div> </div>
@@ -103,7 +129,7 @@
</div> </div>
<div class="col-span-12 md:col-span-6"> <div class="col-span-12 md:col-span-6">
<div class="col-span-12"> <div class="col-span-12">
<img alt="" class="w-full p-0 m-0" src="/images/truckauburn.jpg" /> <img alt="" class="w-full p-0 m-0" src="/images/truckauburn.jpg" />
</div> </div>
</div> </div>

105
src/routes/(app)/oil/+page.svelte Normal file
View File

@@ -0,0 +1,105 @@
<script lang='ts'>
import "../../../app.postcss";
import { onMount } from "svelte";
import { PUBLIC_BASE_URL } from "$env/static/public";
import type { company } from '$lib/types/types'
export let company_data: company;
let company_name: string = '';
let tel_number: string = '';
onMount(async () => {
await fetch(PUBLIC_BASE_URL + "/info/company", {
method: "get",
credentials: "include",
headers: {
"Content-Type": "application/json",
},
})
.then((response) => response.json())
.then((result) => (company_data = result));
if (company_data["ok"] == true) {
company_name = company_data["company_name"];
tel_number = company_data["company_phone_number"];
}
});
</script>
<title>Our Oil at Auburn Oil </title>
<div class="bg-secondary px-10">
<div
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
>
<h1>Our Oil</h1>
</div>
</div>
<div class="max-w-7xl mx-auto px-10">
<div class="grid grid-cols-12 max-w-7xl gap-5">
<div class="col-span-12 text-2xl text-bold"></div>
<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 class="col-span-12 text-lg">
We sell the best heating oil that is legally allowed on the market.
The government currently requires 5% bio mix be added before it is sold to heating companies and the public.
</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">
<ul>
<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®
</li>
</div>
</ul>
</div>
<div class="col-span-12 mb-10">
<div class="text-2xl font-bold mt-10 text-error mb-5">
Symptoms your oil company is selling you bad oil. Some companies are 50% plus bio in your oil!
</div>
<ul class="text-lg">
<li>- System needs filters frequently</li>
<li>- Furnace has bad flame and doesnt produce high heat</li>
<li>- System 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.
</div>
<div class="col-span-12 mb-5 font-bold text-xl">
See the slime? Imagine that all inside your tank and equipment!
</div>
<div class="col-span-12 mb-5 font-bold text-xl text-center">
Thats a bio filled system :(
</div>
<div class="col-span-12">
<img class="w-full p-0 m-0" src="/images/biobad.png" alt="Oil burner cleaning" />
</div>
</div>
<div class="col-span-12 md:col-span-6">
<img class="w-full p-0 m-0" src="/images/oildelivery.jpg" alt="Delivering Oil" />
</div>
</div>
</div>

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

@@ -28,7 +28,7 @@
}); });
</script> </script>
<title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title> <title>Delivery towns and Map</title>
<div class="bg-secondary px-10"> <div class="bg-secondary px-10">
<div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"> <div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white">