Updated layout added robots
This commit is contained in:
177
src/routes/(app)/+layout.svelte
Executable file
177
src/routes/(app)/+layout.svelte
Executable file
@@ -0,0 +1,177 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from "svelte";
|
||||
import { PUBLIC_BASE_URL } from "$env/static/public";
|
||||
import type { company, oilprice } from '$lib/types/types'
|
||||
|
||||
export let company_data: company;
|
||||
export let oil_price_data: oilprice;
|
||||
|
||||
let price_of_oil: string = '';
|
||||
let company_name: string = '';
|
||||
let company_phone_number: string = '';
|
||||
|
||||
onMount(async () => {
|
||||
await fetch(PUBLIC_BASE_URL + "/info/price/today", {
|
||||
method: "get",
|
||||
credentials: "include",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then((response) => response.json())
|
||||
.then((result) => (oil_price_data = result));
|
||||
|
||||
if (oil_price_data["ok"] == true) {
|
||||
price_of_oil = oil_price_data["todays_price"];
|
||||
|
||||
}
|
||||
});
|
||||
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"];
|
||||
company_phone_number = company_data["company_phone_number"];
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta 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.">
|
||||
</head>
|
||||
<div class="grid grid-cols-12 bg-white overflow-hidden">
|
||||
<div class="col-span-12 md:col-span-3 text-3xl p-10 text-base-100 font-bold invisible md:visible h-0 md:h-auto">
|
||||
<div class="text-center pt-5">Call Today</div>
|
||||
<div class="text-center">{company_phone_number}</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 md:col-span-6 md:p-10 text-center font-bold ">
|
||||
<div class="md:flex md:justify-center pb-5 md:pb-0 gap-5">
|
||||
<a
|
||||
class="normal-case text-8xl text-primary"
|
||||
href="/"
|
||||
>
|
||||
Auburn
|
||||
</a>
|
||||
<a
|
||||
class="normal-case text-8xl text-primary"
|
||||
href="/"
|
||||
>
|
||||
Oil
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
class="normal-case text-3xl text-primary "
|
||||
href="/">Oil thats good for your system</a
|
||||
>
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class=" col-span-12 md:col-span-3 md:p-10 text-3xl text-base-100 font-bold"
|
||||
>
|
||||
<div class="text-center pt-5">Todays Price</div>
|
||||
<div class="text-center">${price_of_oil}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="navbar bg-primary">
|
||||
<div class="navbar-start">
|
||||
<div class="dropdown">
|
||||
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="h-5 w-5"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M4 6h16M4 12h8m-8 6h16"
|
||||
/></svg
|
||||
>
|
||||
</div>
|
||||
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
||||
<ul
|
||||
tabindex="0"
|
||||
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-white rounded-box w-52 font-bold text-blue-800 "
|
||||
>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/">Home</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/delivery">Oil Delivery</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/servicearea">Delivery Area</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/about">About Us</a></li>
|
||||
<li><a class="text-2xl py-2 hover:bg-base-100" href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="/" class="btn btn-ghost text-xl">AuburnOil</a>
|
||||
</div>
|
||||
<div class="navbar-center hidden lg:flex text-white">
|
||||
<ul class="menu menu-horizontal px-1 text-xl">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/delivery">Oil Delivery</a></li>
|
||||
<li><a href="/servicearea">Delivery Area</a></li>
|
||||
<li><a href="/about">About Us</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navbar-end"></div>
|
||||
</div>
|
||||
<body>
|
||||
<div class="body bg-white text-black">
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<footer>
|
||||
<div class="grid grid-cols-12 bg-secondary py-10 w-full">
|
||||
<div
|
||||
class="col-span-12 md:col-span-4 text-center text-white text-bold text-6xl "
|
||||
>
|
||||
<div class="flex justify-center pt-5">
|
||||
<div class=" text-white px-1">Auburn</div>
|
||||
<div class=" text-white px-1">Oil</div>
|
||||
</div>
|
||||
</div>
|
||||
<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="">Worcester Ma</div>
|
||||
<div class="">Mon - Fri 8:00 am - 5:00 pm</div>
|
||||
<div class="">Sat Closed | Sun Closed</div>
|
||||
</div>
|
||||
<div class="col-span-12 md:col-span-4 pb-10 text-center">
|
||||
<div class="flex-1"><a href="/">Home</a></div>
|
||||
<div class="flex-1"><a href="/delivery">Oil Delivery</a></div>
|
||||
<div class="flex-1"><a href="/servicearea">Delivery Area</a></div>
|
||||
<div class="flex-1"><a href="/about">About Us</a></div>
|
||||
<div class="flex-1"><a href="/contact">Contact</a></div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 h-auto bg-primary text-white w-full ">
|
||||
<div class=" mx-auto max-w-7xl p-5">
|
||||
<div class="text-xl font-bold text-center">
|
||||
© 2023 by Rocket Services LLC - Auburn, MA | All Rights Reserved
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</html>
|
||||
184
src/routes/(app)/+page.svelte
Executable file
184
src/routes/(app)/+page.svelte
Executable file
@@ -0,0 +1,184 @@
|
||||
<script lang="ts">
|
||||
import "../../app.postcss";
|
||||
import { onMount } from "svelte";
|
||||
import { PUBLIC_BASE_URL } from "$env/static/public";
|
||||
import type { company, oilprice } from '$lib/types/types'
|
||||
|
||||
export let company_data: company;
|
||||
export let oil_price_data: oilprice;
|
||||
|
||||
|
||||
let price_of_oil: string = '';
|
||||
let company_name: string = '';
|
||||
let company_phone_number: string = '';
|
||||
|
||||
|
||||
onMount(async () => {
|
||||
await fetch(PUBLIC_BASE_URL + "/info/price/today", {
|
||||
method: "get",
|
||||
credentials: "include",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then((response) => response.json())
|
||||
.then((result) => (oil_price_data = result));
|
||||
|
||||
if (oil_price_data["ok"] == true) {
|
||||
price_of_oil = oil_price_data["todays_price"];
|
||||
}
|
||||
});
|
||||
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"];
|
||||
company_phone_number = company_data["company_phone_number"];
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title>
|
||||
<div class="bg-blue-900 text-white">
|
||||
<div class="bg-secondary px-10">
|
||||
<div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white">
|
||||
<h1 class="text-center text-xl">Delivering Oil to Worcester County</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mx-auto p-0 ">
|
||||
<img class="mx-auto p-0 m-0 overflow-hidden" src="/images/worc.png" alt="Auburn Massachusetts" />
|
||||
</div>
|
||||
|
||||
<div class="mx-auto p-10">
|
||||
<div class="mx-auto pb-5 text-5xl text-center">Order Now</div>
|
||||
<div class="mx-auto text-5xl text-center">
|
||||
{company_phone_number}
|
||||
</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 lg:col-span-2"></div>
|
||||
<div class="col-span-12 lg:col-span-3 bg-base-100 p-10">
|
||||
<div class="text-4xl mb-3">Cheaper Prices</div>
|
||||
<div class="text-lg">
|
||||
No Middleman. No expensive bulk plants. Direct port to door for
|
||||
cheapest prices.
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 lg:col-span-3 bg-base-100 p-10">
|
||||
<div class="text-4xl mb-3">Phone Support</div>
|
||||
<div class="text-lg">
|
||||
Real live person on the phone when you call.
|
||||
</div>
|
||||
</div>
|
||||
<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-lg">
|
||||
We dont cut our product with biodiesel. We use the best available
|
||||
oil for your heating system
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 lg:col-span-2"></div>
|
||||
<div class="col-span-12 lg:text-center text-center bg-orange-700">
|
||||
<div class="text-3xl ">
|
||||
We Offer Automatic Delivery
|
||||
</div>
|
||||
<div class="text-xl p-5">We will automatically fill your home and keep your family comfortable without worries
|
||||
about oil levels.
|
||||
</div>
|
||||
<div class="text-xl">Always get priority delivery status.</div>
|
||||
</div>
|
||||
<div class="col-span-6 text-lg text-center">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="h-auto">
|
||||
<div class="mx-auto p-5">
|
||||
<div class="grid grid-cols-12">
|
||||
<div class="col-span-12 py-5">
|
||||
<div
|
||||
class="font-bold text-5xl text-blue-400 max-w-7xl mx-auto text-center md:text-left"
|
||||
>
|
||||
Serving these communites
|
||||
</div>
|
||||
<div
|
||||
class="font-bold text-xl bg-blue-400 text-blue-800 h-10 mb-10"
|
||||
></div>
|
||||
</div>
|
||||
<div class="col-span-12 py-5">
|
||||
<div
|
||||
class="invisible md:visible h-0 md:h-auto flex gap-20 justify-center text-2xl"
|
||||
>
|
||||
<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>
|
||||
<div class="text-2xl">SouthBridge</div>
|
||||
<div class="text-2xl">Douglas</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>
|
||||
<div class="text-2xl">Rochdale</div>
|
||||
<div class="text-2xl">Spencer</div>
|
||||
<div class="text-2xl">Sturbridge</div>
|
||||
<div class="text-2xl">Southbridge</div>
|
||||
<div class="text-2xl">Worcester</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visible sm:visible md:invisible h-auto sm:h-auto md:h-0">
|
||||
<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">Douglas</div>
|
||||
<div class="text-2xl">Shrewsbury</div>
|
||||
<div class="text-2xl">Grafton</div>
|
||||
<div class="text-2xl">Dudley</div>
|
||||
<div class="text-2xl">Charlton</div>
|
||||
<div class="text-2xl">Leicester</div>
|
||||
<div class="text-2xl">Cherry Valley</div>
|
||||
<div class="text-2xl">Rochdale</div>
|
||||
<div class="text-2xl">Spencer</div>
|
||||
<div class="text-2xl">Sutton</div>
|
||||
<div class="text-2xl">Sturbridge</div>
|
||||
<div class="text-2xl">Southbridge</div>
|
||||
<div class="text-2xl">Worcester</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 py-5">
|
||||
<div class="flex justify-center items-center ">
|
||||
<img class="" src="/images/area.png" alt="Worcester County oil delivery" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
72
src/routes/(app)/about/+page.svelte
Executable file
72
src/routes/(app)/about/+page.svelte
Executable file
@@ -0,0 +1,72 @@
|
||||
<div class="bg-secondary px-10">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
|
||||
>
|
||||
<h1>About Us</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">
|
||||
After 20 years delivering for other companies in Worcester. Our family
|
||||
decided it was time to start our own small business. We have the
|
||||
experience to ensure your family stays warm!
|
||||
</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">
|
||||
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
|
||||
<li class=" font-bold text-error">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
|
||||
<li class=" font-bold">
|
||||
5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
|
||||
</li>
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
<img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
|
||||
<li class=" font-bold">
|
||||
20% biodiesel and above (B20+) is Bioheat Super Plus®
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-span-12 mb-5 font-bold text-xl text-primary">
|
||||
Symptoms your oil company is selling you bad oil
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 mb-10">
|
||||
<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/slimefilter.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 md:col-span-6">
|
||||
<img class="w-full p-0 m-0" src="/images/oildelivery.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
91
src/routes/(app)/contact/+page.svelte
Executable file
91
src/routes/(app)/contact/+page.svelte
Executable file
@@ -0,0 +1,91 @@
|
||||
<script lang="ts">
|
||||
import "../../../app.postcss";
|
||||
import { onMount } from "svelte";
|
||||
import { PUBLIC_BASE_URL } from "$env/static/public";
|
||||
import type { company, oilprice } from "$lib/types/types";
|
||||
|
||||
export let company_data: company;
|
||||
export let oil_price_data: oilprice;
|
||||
|
||||
let price_of_oil: string = "";
|
||||
let company_name: string = "";
|
||||
let company_phone_number: string = "";
|
||||
|
||||
onMount(async () => {
|
||||
await fetch(PUBLIC_BASE_URL + "/info/price/today", {
|
||||
method: "get",
|
||||
credentials: "include",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then((response) => response.json())
|
||||
.then((result) => (oil_price_data = result));
|
||||
|
||||
if (oil_price_data["ok"] == true) {
|
||||
price_of_oil = oil_price_data["todays_price"];
|
||||
}
|
||||
});
|
||||
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"];
|
||||
company_phone_number = company_data["company_phone_number"];
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="bg-secondary px-10">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
|
||||
>
|
||||
<h1>Contact</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-7xl mx-auto px-10">
|
||||
<div class="grid grid-cols-2 gap-5">
|
||||
<div class="col-span-2 md:col-span-1">
|
||||
<div class="text-2xl font-bold text-primary">Contact Us</div>
|
||||
<div class="mb-20 text-xl">Phone: {company_phone_number}</div>
|
||||
|
||||
<div class="mb-10">
|
||||
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
|
||||
Business Hours Summer
|
||||
</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">Tuesday: 8:30 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">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">Saturday: Closed</div>
|
||||
<div class="text-xl">Sunday: Closed</div>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="font-bold text-2xl text-primary max-w-7xl mx-auto">
|
||||
Business Hours Winter
|
||||
</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">Tuesday: 8:30 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">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">Sunday: Closed</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-2 md:col-span-1">
|
||||
<img class="w-auto" src="/images/contact.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
121
src/routes/(app)/delivery/+page.svelte
Executable file
121
src/routes/(app)/delivery/+page.svelte
Executable file
@@ -0,0 +1,121 @@
|
||||
<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>
|
||||
|
||||
<div class="bg-secondary px-10">
|
||||
<div
|
||||
class="max-w-7xl justify-center py-5 mx-auto font-bold text-white"
|
||||
>
|
||||
<h1>Heating Oil Delivery</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="max-w-7xl mx-auto px-10">
|
||||
<div class="grid grid-cols-12 max-w-7xl">
|
||||
<div class="col-span-12 lg:col-span-6">
|
||||
<div class="grid grid-cols-12">
|
||||
|
||||
<div class="col-span-12 font-bold text-2xl my-10">
|
||||
We know it can be tough to order oil. We make it simple!
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 font-bold text-xl text-primary">
|
||||
Worcester County
|
||||
</div>
|
||||
<div class="col-span-12 text-lg">
|
||||
<ul>100 Gallon Minimum to Worcester County</ul>
|
||||
<ul>Prime - 25$</ul>
|
||||
<ul>Same Day - 150$</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 font-bold mt-10 text-xl text-primary">
|
||||
Payments Methods
|
||||
</div>
|
||||
<div class="col-span-12 text-lg">
|
||||
<ul>Cash on Delivery (C.O.D)</ul>
|
||||
<ul>Credit Card</ul>
|
||||
<ul>Money Order</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-span-12 mb-10">
|
||||
<ul>
|
||||
<div class="col-span-12 font-bold mt-10 text-xl text-primary">
|
||||
How to Order Oil
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
|
||||
<li class=" font-bold">
|
||||
1.) Call {tel_number} to place an order.
|
||||
</li>
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
|
||||
<li class=" font-bold">
|
||||
2.) Give your name, address, fill location, and phone number.
|
||||
</li>
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
<li class=" font-bold">
|
||||
3.) Decide if you want a fill or specific gallons
|
||||
</li>
|
||||
</div>
|
||||
<div class="flex gap-5">
|
||||
<li class=" font-bold">
|
||||
4.) Pay with Credit Card or pay the driver cash
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 mx-auto py-10">
|
||||
<img class=" h-20 w-auto" src="/images/creditcards.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 md:col-span-6">
|
||||
<div class="col-span-12">
|
||||
<img alt="" class="w-full p-0 m-0" src="/images/worc.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-12 mb-10
|
||||
text-bold bg-primary text-white mt-10 text-5xl text-bold
|
||||
p-5 text-center">
|
||||
Call Today {tel_number}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
79
src/routes/(app)/servicearea/+page.svelte
Executable file
79
src/routes/(app)/servicearea/+page.svelte
Executable file
@@ -0,0 +1,79 @@
|
||||
<title>Auburn Oil: Heating Oil Delivery Service in Southern Worcester County</title>
|
||||
|
||||
<div class="bg-secondary px-10">
|
||||
<div class="max-w-7xl justify-center py-5 mx-auto font-bold text-white">
|
||||
<h1>Delivery Area</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-auto">
|
||||
<div class="mx-auto p-5">
|
||||
<div class="grid grid-cols-12 ">
|
||||
<div class="col-span-12 py-5 ">
|
||||
<div class="font-bold text-secondary mx-auto text-center md:text-left">
|
||||
<h3>Serving these communites</h3>
|
||||
</div>
|
||||
<div class="font-bold text-xl bg-secondary text-primary h-10 mb-10">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 py-5 ">
|
||||
<div class="invisible md:visible h-0 md:h-auto flex gap-20 justify-center text-3xl">
|
||||
<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>
|
||||
<div class="text-2xl">Southbridge</div>
|
||||
<div class="text-2xl">Douglas</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>
|
||||
<div class="text-2xl">Rochdale</div>
|
||||
<div class="text-2xl">Spencer</div>
|
||||
<div class="text-2xl">Sturbridge</div>
|
||||
<div class="text-2xl">Southbridge</div>
|
||||
<div class="text-2xl">Worcester</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="visible sm:visible md:invisible h-auto sm:h-auto md:h-0">
|
||||
<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">Douglas</div>
|
||||
<div class="text-2xl">Shrewsbury</div>
|
||||
<div class="text-2xl">Grafton</div>
|
||||
<div class="text-2xl">Dudley</div>
|
||||
<div class="text-2xl">Charlton</div>
|
||||
<div class="text-2xl">Leicester</div>
|
||||
<div class="text-2xl">Cherry Valley</div>
|
||||
<div class="text-2xl">Rochdale</div>
|
||||
<div class="text-2xl">Spencer</div>
|
||||
<div class="text-2xl">Sutton</div>
|
||||
<div class="text-2xl">Sturbridge</div>
|
||||
<div class="text-2xl">Southbridge</div>
|
||||
<div class="text-2xl">Worcester</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-12 py-5 ">
|
||||
<div class="flex justify-center items-center md:h-auto">
|
||||
<img class="" src="/images/area.png" alt="Worcester County oil delivery">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user