bender/7d6f9760-90a9-4a4a-93a4-0b7d244c5b1e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_6_1777156922206 into main #3

Merged
bender merged 1 commits from version_6_1777156922206 into main 2026-04-25 22:43:18 +00:00
Conversation 0 Commits 1 Files Changed 1 +19 -18
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/HomePage.tsx
View File

@@ -12,32 +12,33 @@ export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<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 className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 lg:gap-16 py-24 lg:py-32 mx-auto w-content-width">
<div className="flex flex-col items-start gap-6">
<span className="px-4 py-1.5 text-sm font-medium card rounded-full">HVAC Services</span>
<h1 className="text-5xl lg:text-7xl font-medium text-balance leading-tight">Reliable HVAC Solutions for Your Home</h1>
<p className="text-lg lg:text-xl leading-relaxed text-foreground/80 max-w-lg">Expert heating, cooling, and air quality services. Keeping your family comfortable year-round with professional care and transparent pricing.</p>
<div className="flex flex-wrap gap-4 mt-4">
<a href="#contact" className="px-8 py-4 primary-button rounded text-primary-cta-text font-medium transition-transform hover:-translate-y-1">Book Service</a>
<a href="#services" className="px-8 py-4 secondary-button rounded text-secondary-cta-text font-medium transition-transform hover:-translate-y-1">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 className="flex items-center gap-5 mt-8 pt-8 border-t border-foreground/10 w-full max-w-lg">
<div className="flex -space-x-4">
<img src="http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg" alt="Customer" className="w-12 h-12 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-12 h-12 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-12 h-12 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-12 h-12 rounded-full border-2 border-background object-cover" />
</div>
<div className="flex flex-col">
<div className="flex flex-col gap-1">
<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>
<span className="text-sm font-medium 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 className="w-full relative">
<div className="absolute inset-0 bg-accent/20 blur-3xl rounded-full -z-10 transform translate-x-4 translate-y-4"></div>
<img src="http://img.b2bpic.net/free-photo/mechanic-with-spanners-pockets_1170-1502.jpg" alt="Hero Image" className="w-full h-auto aspect-[4/3] lg:aspect-square rounded-2xl card object-cover shadow-2xl" />
</div>
</div>
</div>