Merge version_4_1777155571169 into main #2

Merged
bender merged 2 commits from version_4_1777155571169 into main 2026-04-25 22:22:02 +00:00

View File

@@ -2,7 +2,6 @@ import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
@@ -13,20 +12,34 @@ export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<HeroSplit
tag="HVAC Services"
title="Reliable HVAC Solutions for Your Home"
description="Expert heating, cooling, and air quality services. Keeping your family comfortable year-round with professional care and transparent pricing."
primaryButton={{
text: "Book Service",
href: "#contact",
}}
secondaryButton={{
text: "Our Services",
href: "#services",
}}
imageSrc="http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207757.jpg"
/>
<div className="flex items-center justify-between gap-8 py-20 mx-auto w-content-width">
<div className="flex flex-col items-start gap-4 w-1/2">
<span className="px-3 py-1 text-sm card rounded">HVAC Services</span>
<h1 className="text-6xl font-medium text-balance">Reliable HVAC Solutions for Your Home</h1>
<p className="text-lg leading-tight">Expert heating, cooling, and air quality services. Keeping your family comfortable year-round with professional care and transparent pricing.</p>
<div className="flex gap-3 mt-2">
<a href="#contact" className="px-6 py-3 primary-button rounded text-primary-cta-text font-medium">Book Service</a>
<a href="#services" className="px-6 py-3 secondary-button rounded text-secondary-cta-text font-medium">Our Services</a>
</div>
<div className="flex items-center gap-4 mt-6 pt-6 border-t border-foreground/10 w-full">
<div className="flex -space-x-3">
<img src="http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg" alt="Customer" className="w-10 h-10 rounded-full border-2 border-background object-cover" />
<img src="http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" alt="Customer" className="w-10 h-10 rounded-full border-2 border-background object-cover" />
<img src="http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg" alt="Customer" className="w-10 h-10 rounded-full border-2 border-background object-cover" />
<img src="http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" alt="Customer" className="w-10 h-10 rounded-full border-2 border-background object-cover" />
</div>
<div className="flex flex-col">
<div className="flex items-center gap-1 text-yellow-500 text-sm">
</div>
<span className="text-sm text-foreground/80">Trusted by 500+ local families</span>
</div>
</div>
</div>
<div className="w-1/2">
<img src="http://img.b2bpic.net/free-photo/mechanic-with-spanners-pockets_1170-1502.jpg" alt="Hero Image" className="w-full h-auto rounded card object-cover" />
</div>
</div>
</div>
<div id="about" data-section="about">