CalebLewallen
67 lines
5.2 KiB
Plaintext
67 lines
5.2 KiB
Plaintext
---
|
||
---
|
||
<footer class="bg-surface-secondary py-20 border-t border-border-subtle">
|
||
<div class="max-w-7xl mx-auto px-4">
|
||
<div class="flex flex-col md:flex-row justify-between items-start gap-12 pb-16 border-b border-border-subtle">
|
||
<div class="max-w-xs">
|
||
<a href="/" class="flex items-center gap-2 mb-6 hover:opacity-90 transition-opacity">
|
||
<img src="/logo.webp" alt="Chester Valley Home Services" class="h-12 w-auto" />
|
||
</a>
|
||
<p class="text-text-secondary text-sm leading-relaxed mb-6">Built on reliability and hard work. Locally owned and operated since 2024. One call covers it all.</p>
|
||
|
||
<div class="flex gap-4">
|
||
<a href="#" class="w-10 h-10 border border-border-subtle flex items-center justify-center hover:border-brand-orange transition-colors text-brand-navy rounded-brand">
|
||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
|
||
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="w-10 h-10 border border-border-subtle flex items-center justify-center hover:border-brand-orange transition-colors text-brand-navy rounded-brand">
|
||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
|
||
<path d="M12.315 2c2.43 0 2.784.01 3.71.054 1.14.051 1.918.24 2.594.504.7.273 1.29.636 1.884 1.23.596.593.96 1.184 1.23 1.884.265.676.453 1.454.504 2.594.045.927.054 1.28.054 3.71s-.01 2.784-.054 3.71c-.051 1.14-.24 1.918-.504 2.594-.273.7-.636 1.29-1.23 1.884-.593.596-1.184.96-1.884 1.23-.676.265-1.454.453-2.594.504-.927.045-1.28.054-3.71.054s-2.784-.01-3.71-.054c-1.14-.051-1.918-.24-2.594-.504-.7-.273-1.29-.636-1.884-1.23-.596-.593-.96-1.184-1.23-1.884-.265-.676-.453-1.454-.504-2.594C2.01 14.784 2 14.43 2 12s.01-2.784.054-3.71c.051-1.14.24-1.918.504-2.594.273-.7.636-1.29 1.23-1.884.593-.596 1.184-.96 1.884-1.23.676-.265 1.454-.453 2.594-.504.927-.045 1.28-.054 3.71-.054zM12 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.162 6.162 6.162 6.162-2.759 6.162-6.162S15.403 5.838 12 5.838zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-12">
|
||
<div class="flex flex-col gap-4">
|
||
<span class="font-industrial font-bold uppercase text-brand-orange text-xs tracking-widest">Navigation</span>
|
||
<a href="#services" class="text-sm font-bold text-text-secondary hover:text-brand-orange transition-colors uppercase tracking-widest">Services</a>
|
||
<a href="#about" class="text-sm font-bold text-text-secondary hover:text-brand-orange transition-colors uppercase tracking-widest">About Us</a>
|
||
<a href="#area" class="text-sm font-bold text-text-secondary hover:text-brand-orange transition-colors uppercase tracking-widest">Area</a>
|
||
<a href="#contact" class="text-sm font-bold text-text-secondary hover:text-brand-orange transition-colors uppercase tracking-widest">Contact</a>
|
||
</div>
|
||
<div class="flex flex-col gap-4">
|
||
<span class="font-industrial font-bold uppercase text-brand-orange text-xs tracking-widest">Capabilities</span>
|
||
<span class="text-sm font-bold text-text-secondary uppercase tracking-widest">Electrical</span>
|
||
<span class="text-sm font-bold text-text-secondary uppercase tracking-widest">HVAC Ops</span>
|
||
<span class="text-sm font-bold text-text-secondary uppercase tracking-widest">Plumbing</span>
|
||
<span class="text-sm font-bold text-text-secondary uppercase tracking-widest">Renovations</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col gap-6">
|
||
<span class="font-industrial font-bold uppercase text-brand-orange text-xs tracking-widest">Contact Info</span>
|
||
<div class="text-sm font-bold tracking-widest leading-relaxed text-brand-navy">
|
||
CHESTER COUNTY, PA<br />
|
||
<a href="tel:4843015834" class="hover:text-brand-orange transition-colors">(484) 301-5834</a><br />
|
||
<a href="mailto:info@chescohome.com" class="hover:text-brand-orange transition-colors lowercase">info@chescohome.com</a>
|
||
</div>
|
||
<div class="text-[10px] uppercase font-bold tracking-widest text-text-secondary opacity-80">
|
||
MON–FRI 7AM–6PM<br/>
|
||
SAT 8AM–2PM
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pt-10 flex flex-col md:flex-row justify-between items-center gap-4 text-[10px] font-black uppercase tracking-[0.2em] text-text-secondary">
|
||
<span class="opacity-60">© 2024 Chester Valley Home Services. All rights reserved.</span>
|
||
<div class="flex gap-8">
|
||
<a href="#" class="hover:text-brand-orange transition-colors">Privacy Policy</a>
|
||
<a href="#" class="hover:text-brand-orange transition-colors">Terms of Operation</a>
|
||
<a href="#" class="hover:text-brand-orange transition-colors">Licensed & Insured</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|