src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -40,19 +40,19 @@ export default function AstanaDetailingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Astana Detailing"
-          description="Premier automotive detailing service delivering showroom-quality finishes. Expert care for your vehicle's appearance, protection, and preservation."
+        <HeroOverlay
+          tagline="Premium Automotive Detailing"
+          title="Showroom-Quality Finishes for Your Prized Vehicles"
+          description="Expert automotive detailing service delivering exceptional protection and preservation. From luxury vehicles to collector cars, we provide the meticulous care your vehicle deserves."
           buttons={[
             { text: "Book Service", href: "#contact" },
             { text: "View Gallery", href: "#services" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22321.jpg?_wi=1"
-          imageAlt="Premium car detailing showcase"
-          mediaAnimation="blur-reveal"
-          frameStyle="card"
+          backgroundImage="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22321.jpg?_wi=1"
+          backgroundImageAlt="Premium car detailing showcase"
+          overlayOpacity={0.4}
+          overlayColor="rgba(0, 0, 0, 0.4)"
         />
       </div>