Update README.md to reflect new project structure and instructions for Svelte project setup and development.
This commit is contained in:
eewing
+28
@@ -0,0 +1,28 @@
|
||||
@import 'tailwindcss';
|
||||
|
||||
@theme {
|
||||
--font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', -apple-system, BlinkMacSystemFont,
|
||||
'Segoe UI', sans-serif;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
html,
|
||||
body {
|
||||
@apply bg-white text-neutral-900 antialiased;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply font-sans;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply transition-colors;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.nav-link {
|
||||
@apply text-[11px] uppercase tracking-[0.22em] text-neutral-600 hover:text-neutral-900;
|
||||
}
|
||||
}
|
||||
Vendored
+13
@@ -0,0 +1,13 @@
|
||||
// See https://svelte.dev/docs/kit/types#app.d.ts
|
||||
// for information about these interfaces
|
||||
declare global {
|
||||
namespace App {
|
||||
// interface Error {}
|
||||
// interface Locals {}
|
||||
// interface PageData {}
|
||||
// interface PageState {}
|
||||
// interface Platform {}
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
@@ -0,0 +1,11 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1 @@
|
||||
// place files you want to import through the `$lib` alias in this folder.
|
||||
@@ -0,0 +1,72 @@
|
||||
<script lang="ts">
|
||||
import favicon from '$lib/assets/favicon.svg';
|
||||
import '../app.css';
|
||||
|
||||
let { children } = $props();
|
||||
|
||||
let lastScrollY = 0;
|
||||
let hideNav = false;
|
||||
|
||||
if (typeof window !== 'undefined') {
|
||||
window.addEventListener('scroll', () => {
|
||||
const current = window.scrollY;
|
||||
hideNav = current > lastScrollY && current > 80;
|
||||
lastScrollY = current;
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<link rel="icon" href={favicon} />
|
||||
</svelte:head>
|
||||
|
||||
<header
|
||||
class="fixed inset-x-0 top-0 z-20 border-b border-transparent bg-neutral-800/80 backdrop-blur transition-transform duration-300"
|
||||
class:translate-y-[-100%]={hideNav}
|
||||
>
|
||||
<div
|
||||
class="mx-auto flex max-w-5xl items-center justify-between px-4 py-3 text-[13px] uppercase tracking-[0.2em]"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<img
|
||||
src="https://static1.squarespace.com/static/570030eb1bbee0d82529dfc5/t/583f069059cc6814835ad595/1480525459901/cardozaccwhiteonblack2.png"
|
||||
alt="Cardoza Construction, LLC"
|
||||
class="h-14 w-auto"
|
||||
/>
|
||||
</div>
|
||||
<nav class="flex flex-wrap items-center gap-3 text-[11px] uppercase tracking-[0.22em] text-neutral-100">
|
||||
<a
|
||||
href="/"
|
||||
class="rounded-full border border-transparent px-3 py-1 hover:border-white hover:bg-white/10 hover:text-white"
|
||||
>
|
||||
Home
|
||||
</a>
|
||||
<a
|
||||
href="/about"
|
||||
class="rounded-full border border-transparent px-3 py-1 hover:border-white hover:bg-white/10 hover:text-white"
|
||||
>
|
||||
About
|
||||
</a>
|
||||
<a
|
||||
href="/#gallery"
|
||||
class="rounded-full border border-transparent px-3 py-1 hover:border-white hover:bg-white/10 hover:text-white"
|
||||
>
|
||||
Gallery
|
||||
</a>
|
||||
<a
|
||||
href="/#textures"
|
||||
class="rounded-full border border-transparent px-3 py-1 hover:border-white hover:bg-white/10 hover:text-white"
|
||||
>
|
||||
Texture Samples
|
||||
</a>
|
||||
<a
|
||||
href="/contact"
|
||||
class="rounded-full border border-white px-4 py-1 text-[11px] font-semibold tracking-[0.22em] text-white hover:bg-white hover:text-neutral-900"
|
||||
>
|
||||
Contact Us
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{@render children()}
|
||||
@@ -0,0 +1,205 @@
|
||||
<svelte:head>
|
||||
<title>Cardoza Construction, LLC - Drywall & Metal Framing</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Cardoza Construction, LLC specializes in drywall, steel framing, and acoustical ceilings for residential, commercial, multi-family, and industrial projects."
|
||||
/>
|
||||
</svelte:head>
|
||||
|
||||
<main class="min-h-screen bg-white text-neutral-900">
|
||||
<!-- Hero / headline block with full-width background and centered copy -->
|
||||
<section
|
||||
id="home"
|
||||
class="relative border-b border-neutral-200 bg-[url('https://images.squarespace-cdn.com/content/v1/570030eb1bbee0d82529dfc5/a28d6311-4fa4-4b90-987a-498217dde1ae/Smooth1.png')] bg-cover bg-center"
|
||||
>
|
||||
<div class="absolute inset-0 bg-neutral-900/40" />
|
||||
<div class="relative mx-auto flex min-h-[720px] max-w-5xl flex-col items-center justify-center px-4 py-32 text-center text-white">
|
||||
<p class="mb-3 text-xs italic text-neutral-200">Cardoza Construction</p>
|
||||
<h1 class="text-4xl font-semibold uppercase tracking-[0.35em] sm:text-5xl">
|
||||
Exceeding Expectations
|
||||
</h1>
|
||||
|
||||
<p class="mt-6 text-[11px] uppercase tracking-[0.3em] text-neutral-100">
|
||||
Drywall Steel Framing Acoustical Ceilings
|
||||
</p>
|
||||
|
||||
<p class="mt-3 text-[11px] uppercase tracking-[0.3em] text-neutral-100">
|
||||
Residential Commercial Multi-Family Industrial
|
||||
</p>
|
||||
|
||||
<p class="mt-3 text-[11px] italic text-neutral-100">
|
||||
New Construction Remodels
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Centered contact bar like the screenshot -->
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-10">
|
||||
<button
|
||||
type="button"
|
||||
on:click={() => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' })}
|
||||
class="block w-full border border-neutral-900 bg-neutral-900 px-8 py-3 text-xs font-semibold uppercase tracking-[0.25em] text-white hover:bg-neutral-800"
|
||||
>
|
||||
Contact Us
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Over the Years / image grid approximation -->
|
||||
<section id="gallery" class="border-b border-neutral-200 bg-neutral-50">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-6 text-sm uppercase tracking-[0.25em] text-neutral-500">
|
||||
Over The Years
|
||||
</h2>
|
||||
|
||||
<div class="grid gap-3 sm:grid-cols-4">
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
<div class="aspect-[4/3] bg-neutral-300" />
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
<div class="aspect-[4/3] bg-neutral-300" />
|
||||
<div class="aspect-[4/3] bg-neutral-300" />
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
<div class="aspect-[4/3] bg-neutral-300" />
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
</div>
|
||||
|
||||
<p class="mt-4 text-xs text-neutral-500">
|
||||
Image credits: Micah Bechard and project partners.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About + market segments -->
|
||||
<section id="about" class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-6 text-sm uppercase tracking-[0.25em] text-neutral-500">About</h2>
|
||||
<p class="text-sm leading-relaxed text-neutral-700">
|
||||
Cardoza Construction, LLC provides drywall, steel framing, and acoustical ceiling services for a wide
|
||||
range of projects. We are committed to quality craftsmanship, reliable scheduling, and clear
|
||||
communication from bid to final walk-through.
|
||||
</p>
|
||||
|
||||
<div class="mt-10 grid gap-8 sm:grid-cols-2">
|
||||
<div>
|
||||
<h3 class="mb-2 text-xs font-semibold uppercase tracking-[0.25em] text-neutral-600">
|
||||
Residential
|
||||
</h3>
|
||||
<p class="text-sm text-neutral-700">
|
||||
New homes, additions, and restorations. We repair cracks, holes, and water damage, and provide
|
||||
smooth finishes and custom textures to match your vision.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-2 text-xs font-semibold uppercase tracking-[0.25em] text-neutral-600">
|
||||
Commercial
|
||||
</h3>
|
||||
<p class="text-sm text-neutral-700">
|
||||
Restaurants, professional office buildings, retail stores, banks, medical buildings, and
|
||||
theaters. We excel in coordinating with owners, architects, and general contractors.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-2 text-xs font-semibold uppercase tracking-[0.25em] text-neutral-600">
|
||||
Multi-Family, Condos, & Hotels
|
||||
</h3>
|
||||
<p class="text-sm text-neutral-700">
|
||||
From upscale apartments and luxury lofts to condominiums and hotels, we bring consistent
|
||||
quality and efficiency to multi-unit projects.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="mb-2 text-xs font-semibold uppercase tracking-[0.25em] text-neutral-600">
|
||||
Industrial
|
||||
</h3>
|
||||
<p class="text-sm text-neutral-700">
|
||||
Municipal, manufacturing, and warehousing facilities with durable wall and ceiling systems that
|
||||
meet demanding performance requirements.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Texture samples placeholder -->
|
||||
<section id="textures" class="border-b border-neutral-200 bg-neutral-50">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-6 text-sm uppercase tracking-[0.25em] text-neutral-500">Texture Samples</h2>
|
||||
<p class="mb-6 text-sm text-neutral-700">
|
||||
Your original site shows multiple texture examples. We can mirror that here with a grid of labeled
|
||||
samples (smooth, knockdown, orange peel, custom, etc.) and project photos.
|
||||
</p>
|
||||
|
||||
<div class="grid gap-4 sm:grid-cols-3">
|
||||
<div class="space-y-2">
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
<p class="text-xs uppercase tracking-[0.2em] text-neutral-600">Smooth Finish</p>
|
||||
</div>
|
||||
<div class="space-y-2">
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
<p class="text-xs uppercase tracking-[0.2em] text-neutral-600">Knockdown</p>
|
||||
</div>
|
||||
<div class="space-y-2">
|
||||
<div class="aspect-[4/3] bg-neutral-200" />
|
||||
<p class="text-xs uppercase tracking-[0.2em] text-neutral-600">Orange Peel</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Subscribe + contact block like Squarespace footer area -->
|
||||
<section id="contact" class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-6 text-sm uppercase tracking-[0.25em] text-neutral-500">Subscribe</h2>
|
||||
<p class="text-sm text-neutral-700">
|
||||
Sign up with your email address to receive news and updates.
|
||||
</p>
|
||||
|
||||
<form class="mt-4 flex flex-col gap-3 sm:flex-row">
|
||||
<input
|
||||
type="email"
|
||||
required
|
||||
placeholder="Email Address"
|
||||
class="w-full border border-neutral-300 bg-white px-3 py-2 text-sm text-neutral-900 outline-none placeholder:text-neutral-400 focus:border-neutral-900 sm:max-w-xs"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
class="inline-flex items-center justify-center border border-neutral-900 bg-neutral-900 px-6 py-2 text-xs font-semibold uppercase tracking-[0.25em] text-white hover:bg-neutral-800"
|
||||
>
|
||||
Sign Up
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<p class="mt-10 text-sm text-neutral-700">
|
||||
<strong>Cardoza Construction, LLC</strong>
|
||||
<br />
|
||||
1836 North Deffer Drive, Nixa, MO 65714
|
||||
<br />
|
||||
<a href="tel:+14177256717" class="text-neutral-700 underline underline-offset-2">
|
||||
(417) 725-6717
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-8 text-xs text-neutral-600">
|
||||
<div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<p>
|
||||
© {new Date().getFullYear()} Cardoza Construction, LLC. All rights reserved.
|
||||
</p>
|
||||
<div class="flex flex-wrap items-center gap-4">
|
||||
<a
|
||||
href="https://www.google.com/search?q=Cardoza+Construction+LLC"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
class="underline underline-offset-2 hover:text-neutral-900"
|
||||
>
|
||||
Rate us on Google
|
||||
</a>
|
||||
<p>Nixa, Missouri — Drywall & Metal Framing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
@@ -0,0 +1,106 @@
|
||||
<svelte:head>
|
||||
<title>About – Cardoza Construction, LLC</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Learn about Cardoza Construction, a leading drywall contracting business in the Ozarks serving residential, commercial, multi-family, and industrial projects."
|
||||
/>
|
||||
</svelte:head>
|
||||
|
||||
<main class="bg-white text-neutral-900 pt-20">
|
||||
<section class="border-b border-neutral-200 bg-white pt-28">
|
||||
<div class="mx-auto max-w-3xl px-4 py-16 text-center">
|
||||
<h1 class="text-2xl font-normal uppercase tracking-[0.25em] text-neutral-900 sm:text-3xl">
|
||||
Cardoza Construction is a leading drywall contracting business in the Ozarks.
|
||||
</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-24" />
|
||||
</section>
|
||||
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-8 text-center text-xl font-normal text-neutral-900">Our Team</h2>
|
||||
<div class="h-px w-full bg-neutral-200" />
|
||||
<div class="mt-10 grid gap-10 text-sm text-neutral-800 sm:grid-cols-3">
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Rick Cardoza</p>
|
||||
<p class="text-xs text-neutral-600">Owner</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Alfonso Ewing</p>
|
||||
<p class="text-xs text-neutral-600">Office Manager</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">David Cardoza</p>
|
||||
<p class="text-xs text-neutral-600">Site Manager</p>
|
||||
</div>
|
||||
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Lori Cardoza</p>
|
||||
<p class="text-xs text-neutral-600">Owner</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Heidi Mahan</p>
|
||||
<p class="text-xs text-neutral-600">Operations Manager</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Eddie Miller</p>
|
||||
<p class="text-xs text-neutral-600">Site Manager</p>
|
||||
</div>
|
||||
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Beth Cardoza</p>
|
||||
<p class="text-xs text-neutral-600">Residential Estimator</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Ezekiel Ewing</p>
|
||||
<p class="text-xs text-neutral-600">IT Manager</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Joel Snyder</p>
|
||||
<p class="text-xs text-neutral-600">Site Manager</p>
|
||||
</div>
|
||||
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Timothy Cardoza</p>
|
||||
<p class="text-xs text-neutral-600">Commercial Estimator</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">David Rader</p>
|
||||
<p class="text-xs text-neutral-600">Warehouse</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-center">
|
||||
<p class="font-semibold">Ben Poland</p>
|
||||
<p class="text-xs text-neutral-600">Project Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-6 text-sm uppercase tracking-[0.25em] text-neutral-500">Subscribe</h2>
|
||||
<p class="text-sm text-neutral-700">
|
||||
Sign up with your email address to receive news and updates.
|
||||
</p>
|
||||
|
||||
<form class="mt-4 flex flex-col gap-3 sm:flex-row">
|
||||
<input
|
||||
type="email"
|
||||
required
|
||||
placeholder="Email Address"
|
||||
class="w-full border border-neutral-300 bg-white px-3 py-2 text-sm text-neutral-900 outline-none placeholder:text-neutral-400 focus:border-neutral-900 sm:max-w-xs"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
class="inline-flex items-center justify-center border border-neutral-900 bg-neutral-900 px-6 py-2 text-xs font-semibold uppercase tracking-[0.25em] text-white hover:bg-neutral-800"
|
||||
>
|
||||
Sign Up
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
<svelte:head>
|
||||
<title>Contact Us – Cardoza Construction, LLC</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Contact Cardoza Construction, LLC to discuss new bids, careers, or general questions about drywall, metal framing, and acoustical ceiling projects."
|
||||
/>
|
||||
</svelte:head>
|
||||
|
||||
<main class="bg-white text-neutral-900 pt-24">
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-3xl px-4 py-16 text-center">
|
||||
<h1 class="text-2xl font-normal text-neutral-900 sm:text-3xl">We'd love to hear from you.</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16 space-y-10">
|
||||
<div class="flex flex-col items-center justify-center gap-4 sm:flex-row">
|
||||
<button
|
||||
type="button"
|
||||
class="border border-neutral-900 bg-neutral-900 px-8 py-2 text-xs font-semibold uppercase tracking-[0.25em] text-white hover:bg-neutral-800"
|
||||
>
|
||||
New Bid Form
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="border border-neutral-900 bg-white px-8 py-2 text-xs font-semibold uppercase tracking-[0.25em] text-neutral-900 hover:bg-neutral-900 hover:text-white"
|
||||
>
|
||||
Careers
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="space-y-6 text-center text-sm text-neutral-800">
|
||||
<p class="text-xs uppercase tracking-[0.25em] text-neutral-500">
|
||||
Need more information? Here's our contact info.
|
||||
</p>
|
||||
<div class="space-y-2">
|
||||
<h2 class="text-sm font-semibold uppercase tracking-[0.25em] text-neutral-700">
|
||||
Cardoza Construction, LLC
|
||||
</h2>
|
||||
<p>
|
||||
1836 N. Deffer Dr.<br />
|
||||
Nixa, Missouri 65714
|
||||
</p>
|
||||
<p>
|
||||
<a href="tel:+14177256717" class="underline underline-offset-2">
|
||||
417-725-6717
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="pt-6">
|
||||
<div class="aspect-[16/9] w-full overflow-hidden border border-neutral-200">
|
||||
<iframe
|
||||
title="Cardoza Construction location"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3085.907069597991!2d-93.3150194!3d37.0920476!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87cf62d9b8b2c1d1%3A0x0000000000000000!2s1836%20N%20Deffer%20Dr%2C%20Nixa%2C%20MO%2065714!5e0!3m2!1sen!2sus!4v1700000000000"
|
||||
class="h-full w-full border-0"
|
||||
loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="border-b border-neutral-200 bg-white">
|
||||
<div class="mx-auto max-w-4xl px-4 py-16">
|
||||
<h2 class="mb-6 text-sm uppercase tracking-[0.25em] text-neutral-500">Subscribe</h2>
|
||||
<p class="text-sm text-neutral-700">
|
||||
Sign up with your email address to receive news and updates.
|
||||
</p>
|
||||
|
||||
<form class="mt-4 flex flex-col gap-3 sm:flex-row">
|
||||
<input
|
||||
type="email"
|
||||
required
|
||||
placeholder="Email Address"
|
||||
class="w-full border border-neutral-300 bg-white px-3 py-2 text-sm text-neutral-900 outline-none placeholder:text-neutral-400 focus:border-neutral-900 sm:max-w-xs"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
class="inline-flex items-center justify-center border border-neutral-900 bg-neutral-900 px-6 py-2 text-xs font-semibold uppercase tracking-[0.25em] text-white hover:bg-neutral-800"
|
||||
>
|
||||
Sign Up
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user