Update src/app/page.tsx

src/app/layout.tsx

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

src/app/page.tsx

@@ -1,6 +1,5 @@
-'use client';
+"use client";
-
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
@@ -9,13 +8,14 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
-const navItems = [
-  { name: 'Home', id: '/' },
-  { name: 'About', id: '/about' },
-  { name: 'Contact', id: '/contact' }
-];
-
 export default function Page() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Reviews", id: "/reviews" },
+    { name: "Contact", id: "/contact" }
+  ];
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -34,54 +34,47 @@ export default function Page() {
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardCarousel 
-          title="Welcome to Our Platform" 
+          title="Western MT Plumbing & Heating" 
-          description="Experience the future of digital solutions with our innovative tools."
+          description="Reliable, owner-operated plumbing and heating in Missoula." 
-          background={{ variant: "gradient-bars" }}
+          background={{ variant: "plain" }} 
-          mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1600", imageAlt: "Digital innovation" }]}
+          mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7", imageAlt: "Plumbing services" }]} 
         />
       </div>
       <div id="services" data-section="services">
         <FeatureCardTwelve 
-          animationType="blur-reveal"
           title="Our Services" 
-          description="Comprehensive solutions designed for your growth."
+          description="Expert plumbing and heating solutions." 
+          animationType="blur-reveal" 
           textboxLayout="default" 
           useInvertedBackground={false}
-          features={[
+          features={[{ id: "1", label: "Plumbing", title: "Plumbing Repair", items: ["Leak detection", "Pipe repair", "Drain cleaning"] }, { id: "2", label: "Heating", title: "Heating Services", items: ["Boiler service", "Furnace repair", "Radiant heat"] }]} 
-            { id: '1', label: 'Tech', title: 'Technology', items: ['AI Integration', 'Cloud Services'] },
-            { id: '2', label: 'Consult', title: 'Consulting', items: ['Strategy', 'Execution'] }
-          ]}
         />
       </div>
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout 
+          heading={[{ type: "text", content: "About Our Team" }]} 
           useInvertedBackground={false}
-          heading={[{ type: 'text', content: 'About Us' }, { type: 'image', src: 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=800', alt: 'Team' }]}
         />
       </div>
       <div id="reviews" data-section="reviews">
         <TestimonialCardTwelve 
-          cardTitle="Client Success"
+          testimonials={[{ id: "1", name: "John Doe", imageSrc: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde" }, { id: "2", name: "Jane Smith", imageSrc: "https://images.unsplash.com/photo-1527980965255-d3b416303d12" }]} 
-          cardTag="Testimonials"
+          cardTitle="What Our Clients Say" 
+          cardTag="Reviews" 
           cardAnimation="blur-reveal" 
           useInvertedBackground={false}
-          testimonials={[
-            { id: '1', name: 'John Doe', imageSrc: 'https://i.pravatar.cc/150?u=1' },
-            { id: '2', name: 'Jane Smith', imageSrc: 'https://i.pravatar.cc/150?u=2' },
-            { id: '3', name: 'Alex Brown', imageSrc: 'https://i.pravatar.cc/150?u=3' }
-          ]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
-          text="Get in touch today"
+          text="Get in touch with us for your plumbing and heating needs." 
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "plain" }} 
           useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase 
-          columns={[{ title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Contact', href: '/contact' }] }]}
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] }]} 
         />
       </div>
     </ThemeProvider>