|
|
@ -8,27 +8,27 @@
|
|
|
|
<title>Home | Bart Industries</title>
|
|
|
|
<title>Home | Bart Industries</title>
|
|
|
|
</svelte:head>
|
|
|
|
</svelte:head>
|
|
|
|
|
|
|
|
|
|
|
|
<main class="relative">
|
|
|
|
<main>
|
|
|
|
<section class="container py-10">
|
|
|
|
<Banner />
|
|
|
|
<Banner />
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="-mt-20">
|
|
|
|
<div class="relative h-80 -mt-80 overflow-hidden">
|
|
|
|
<path
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="absolute inset-0 h-96 w-full scale-x-150">
|
|
|
|
class="block dark:hidden"
|
|
|
|
<path
|
|
|
|
fill="rgba(229, 231, 235, 1)"
|
|
|
|
class="block dark:hidden"
|
|
|
|
fill-opacity="1"
|
|
|
|
fill="rgba(229, 231, 235, 1)"
|
|
|
|
d="M0,64L34.3,85.3C68.6,107,137,149,206,165.3C274.3,181,343,171,411,160C480,149,549,139,617,133.3C685.7,128,754,128,823,154.7C891.4,181,960,235,1029,240C1097.1,245,1166,203,1234,160C1302.9,117,1371,75,1406,53.3L1440,32L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"
|
|
|
|
fill-opacity="1"
|
|
|
|
/>
|
|
|
|
d="M0,64L34.3,85.3C68.6,107,137,149,206,165.3C274.3,181,343,171,411,160C480,149,549,139,617,133.3C685.7,128,754,128,823,154.7C891.4,181,960,235,1029,240C1097.1,245,1166,203,1234,160C1302.9,117,1371,75,1406,53.3L1440,32L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"
|
|
|
|
<path
|
|
|
|
/>
|
|
|
|
class="hidden dark:block"
|
|
|
|
<path
|
|
|
|
fill="rgba(31, 41, 55, 1)"
|
|
|
|
class="hidden dark:block"
|
|
|
|
fill-opacity="1"
|
|
|
|
fill="rgba(31, 41, 55, 1)"
|
|
|
|
d="M0,64L34.3,85.3C68.6,107,137,149,206,165.3C274.3,181,343,171,411,160C480,149,549,139,617,133.3C685.7,128,754,128,823,154.7C891.4,181,960,235,1029,240C1097.1,245,1166,203,1234,160C1302.9,117,1371,75,1406,53.3L1440,32L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"
|
|
|
|
fill-opacity="1"
|
|
|
|
/>
|
|
|
|
d="M0,64L34.3,85.3C68.6,107,137,149,206,165.3C274.3,181,343,171,411,160C480,149,549,139,617,133.3C685.7,128,754,128,823,154.7C891.4,181,960,235,1029,240C1097.1,245,1166,203,1234,160C1302.9,117,1371,75,1406,53.3L1440,32L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"
|
|
|
|
</svg>
|
|
|
|
/>
|
|
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="bg-gray-200 dark:bg-gray-800 -mt-1">
|
|
|
|
<section class="bg-gray-200 dark:bg-gray-800 pt-20 z-20">
|
|
|
|
<div class="container px-5 flex flex-col gap-10 justify-center">
|
|
|
|
<div class="container px-5 flex flex-col gap-10 justify-center">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10 justify-between">
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10 justify-between">
|
|
|
@ -225,7 +225,7 @@
|
|
|
|
<section
|
|
|
|
<section
|
|
|
|
class="container px-5 lg:px-0 pb-20 flex flex-col lg:flex-row gap-10 justify-between items-center lg:items-start"
|
|
|
|
class="container px-5 lg:px-0 pb-20 flex flex-col lg:flex-row gap-10 justify-between items-center lg:items-start"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<img src="/contact.png" class="lg:w-1/3 h-full" alt="contact" />
|
|
|
|
<img src="/contactblue.png" class="lg:w-1/3 h-full" alt="contact" />
|
|
|
|
|
|
|
|
|
|
|
|
<div class="lg:w-1/3" id="contact">
|
|
|
|
<div class="lg:w-1/3" id="contact">
|
|
|
|
<Form />
|
|
|
|
<Form />
|
|
|
|