Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Libre_Baskerville, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Home | Webild',
-  description: 'Welcome to our platform. Discover innovative digital solutions.',
+  title: 'Western MT Plumbing & Heating | Reliable Missoula Plumbing',
+  description: 'Owner-operated plumbing and heating services in Missoula, MT. Reliable, high-quality, professional solutions for your home.',
   openGraph: {
     "title": "Western MT Plumbing & Heating",
     "description": "Reliable, owner-operated plumbing and heating in Missoula.",

src/app/page.tsx

@@ -6,8 +6,10 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import { CalendarDays } from 'lucide-react';
 
 const navItems = [
   { name: 'Home', id: '/' },
@@ -53,6 +55,17 @@ export default function Page() {
           ]}
         />
       </div>
+      <div id="booking" data-section="booking">
+        <ContactCTA
+          tag="Booking"
+          tagIcon={CalendarDays}
+          title="Schedule Your Appointment"
+          description="Book a time that works best for you and our team."
+          buttons={[{ text: "Book Now", href: "#contact" }]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           useInvertedBackground={false}
@@ -75,7 +88,7 @@ export default function Page() {
       <div id="contact" data-section="contact">
         <ContactText
           text="Get in touch today"
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "gradient-bars" }}
           useInvertedBackground={false}
         />
       </div>