Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Droplet, Flame, Phone, Settings, ShieldCheck, Wind, Wrench } from "lucide-react";
@@ -49,10 +49,9 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "animated-grid"}}
-      title="YOUR AC BREAKS AT 3AM? WE ARRIVE IN UNDER 1 HOUR."
+      <HeroSplit
+      background={{ variant: "gradient-bars" }}
+      title="At your backing call - 24/7 service"
       description="Don't suffer in the Florida heat. Our certified experts provide 24/7 emergency service in Miami-Dade & Broward. Fast, licensed, and 40% cheaper than the big guys."
       buttons={[
         { text: "Call Now: (954) 994-3434", href: "tel:9549943434" },