From 7f98a9c0a83cdf2e7167472feb0a774699094c74 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 25 Apr 2026 22:43:14 +0000
Subject: [PATCH] Bob AI: Adjust the spacing (padding, margin) and sizing
 (height, wid

---
 src/pages/HomePage.tsx | 37 +++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5516439..b09bec9 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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>
-- 
2.49.1