Merge version_1 into main

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: 'Home | Western MT Plumbing & Heating',
+  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';
-
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+"use client";
+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';
@@ -8,80 +7,54 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 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' }
-];
+import { Shield, ArrowRight, Star } from 'lucide-react';
 
 export default function Page() {
+  const navItems = [{ name: "Home", id: "/" }];
   return (
-    <ThemeProvider 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal"
-    >
+    <ThemeProvider>
       <div id="nav" data-section="nav">
         <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardCarousel 
-          title="Welcome to Our Platform" 
-          description="Experience the future of digital solutions with our innovative tools."
-          background={{ variant: "gradient-bars" }}
-          mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1600", imageAlt: "Digital innovation" }]}
+          title="Western MT Plumbing & Heating" 
+          description="Reliable, owner-operated plumbing and heating in Missoula." 
+          background={{ variant: "plain" }} 
+          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."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            { id: '1', label: 'Tech', title: 'Technology', items: ['AI Integration', 'Cloud Services'] },
-            { id: '2', label: 'Consult', title: 'Consulting', items: ['Strategy', 'Execution'] }
-          ]}
+        <FeatureCardTwelve 
+          title="Our Services" 
+          description="Expert plumbing and heating solutions." 
+          animationType="blur-reveal" 
+          textboxLayout="default" 
+          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"] }]} 
         />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          useInvertedBackground={false}
-          heading={[{ type: 'text', content: 'About Us' }, { type: 'image', src: 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=800', alt: 'Team' }]}
+        <InlineImageSplitTextAbout 
+          heading={[{ type: "text", content: "About Our Team" }]} 
         />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardTwelve
-          cardTitle="Client Success"
-          cardTag="Testimonials"
-          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' }
-          ]}
+        <TestimonialCardTwelve 
+          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" }]} 
+          cardTitle="What Our Clients Say" 
+          cardTag="Reviews" 
+          cardAnimation="blur-reveal" 
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Get in touch today"
-          background={{ variant: "animated-grid" }}
-          useInvertedBackground={false}
+        <ContactText 
+          text="Get in touch with us for your plumbing and heating needs." 
+          background={{ variant: "plain" }} 
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBase
-          columns={[{ title: 'Company', items: [{ label: 'About', href: '/about' }, { label: 'Contact', href: '/contact' }] }]}
+        <FooterBase 
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} 
         />
       </div>
     </ThemeProvider>