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

Merge version_7_1777157039673 into main #4

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

32
src/pages/HomePage.tsx
View File

@@ -11,38 +11,6 @@ import { Award, Clock, ShieldCheck } from "lucide-react";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<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-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 gap-1">
<div className="flex items-center gap-1 text-yellow-500 text-sm">
★★★★★
</div>
<span className="text-sm font-medium text-foreground/80">Trusted by 500+ local families</span>
</div>
</div>
</div>
<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>
<div id="about" data-section="about">
<AboutFeaturesSplit
tag="About Us"