Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -40,10 +40,11 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroLogo
-            logoText="John's Plumbing, Inc."
-            description="Professional and reliable plumbing services in Grand Blanc, MI. Serving the community with quality craftsmanship since day one."
+          <HeroBillboard
+            title="Professional Plumbing Services in Grand Blanc, MI"
+            description="John's Plumbing, Inc. provides high-quality repairs, installations, and maintenance for your home. Serving our community with reliable craftsmanship."
             buttons={[{ text: "Schedule Service", href: "#contact" }]}
+            background={{ variant: "plain" }}
             imageSrc="http://img.b2bpic.net/free-photo/man-with-tools-looking-closely-lamp-hand_259150-58241.jpg"
             imageAlt="Professional plumbing services in Grand Blanc"
           />