Update src/app/page.tsx

Merge version_3 into main

src/app/layout.tsx

@@ -16,9 +16,11 @@ const inter = Inter({
 
 export const metadata: Metadata = {
   title: "MJ Airconditioning | HVAC Services Melbourne | 5-Star Rated",  description: "Expert air conditioning & heating services in Eastern & South Eastern Melbourne. 15+ years experience. Same-day repairs. Licensed & ARC certified. Call 0411 966 361 for free quote.",  keywords: "air conditioning, heating, HVAC, Melbourne, repairs, installation, split system, ducted heating",  openGraph: {
-    title: "MJ Airconditioning | HVAC Services Melbourne",    description: "Trusted HVAC specialists serving Eastern & South Eastern Melbourne with 15+ years experience and 5-star customer ratings.",    siteName: "MJ Airconditioning",    type: "website"},
+    title: "MJ Airconditioning | HVAC Services Melbourne",    description: "Trusted HVAC specialists serving Eastern & South Eastern Melbourne with 15+ years experience and 5-star customer ratings.",    siteName: "MJ Airconditioning",    type: "website"
+  },
   twitter: {
-    card: "summary_large_image",    title: "MJ Airconditioning | HVAC Services Melbourne",    description: "Expert air conditioning & heating repairs and installation. Same-day service available."},
+    card: "summary_large_image",    title: "MJ Airconditioning | HVAC Services Melbourne",    description: "Expert air conditioning & heating repairs and installation. Same-day service available."
+  },
   robots: {
     index: true,
     follow: true,
@@ -1409,4 +1411,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -11,7 +11,6 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Award, DollarSign, MapPin, MessageSquare, Shield, TrendingUp, Wrench, Zap } from 'lucide-react';
-import Image from 'next/image';
 
 export default function LandingPage() {
   return (
@@ -52,7 +51,7 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASGmWny37SoXGCT8uZ6VvW2Ec5/uploaded-1772579129741-budbfw3v.jpg",              imageAlt: "Professional AC installation"
+              imageSrc: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg",              imageAlt: "Professional AC installation"
             },
             {
               imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",              imageAlt: "Certified HVAC technician"
@@ -110,19 +109,27 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              tag: "Cooling",              title: "Split System Air Conditioners",              subtitle: "Efficient cooling for your space",              description: "Professional installation and maintenance of split system air conditioners. Modern units with energy-efficient technology for consistent comfort throughout the year.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-turning-air-conditioner-using-tablet_259150-57148.jpg?_wi=2",              imageAlt: "Split system installation"
+              tag: "Cooling",              title: "Split System Air Conditioners",              subtitle: "Efficient cooling for your space",              description: "Professional installation and maintenance of split system air conditioners. Modern units with energy-efficient technology for consistent comfort throughout the year.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-turning-air-conditioner-using-tablet_259150-57148.jpg?_wi=2",              imageAlt: "Split system installation",              buttons: [
+                { text: "Learn More", href: "#contact" }
+              ]
             },
             {
               id: 2,
-              tag: "Heating",              title: "Gas Ducted Heating",              subtitle: "Whole-home warmth",              description: "Installation, repair and servicing of gas ducted heating systems. We work with leading brands like Brivis to ensure reliable winter heating and repairs.",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-metal-black-ceiling-with-white-ventilation-pipes_181624-6755.jpg",              imageAlt: "Ducted heating installation"
+              tag: "Heating",              title: "Gas Ducted Heating",              subtitle: "Whole-home warmth",              description: "Installation, repair and servicing of gas ducted heating systems. We work with leading brands like Brivis to ensure reliable winter heating and repairs.",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-metal-black-ceiling-with-white-ventilation-pipes_181624-6755.jpg",              imageAlt: "Ducted heating installation",              buttons: [
+                { text: "Learn More", href: "#contact" }
+              ]
             },
             {
               id: 3,
-              tag: "Cooling",              title: "Evaporative Cooling",              subtitle: "Cost-effective cooling",              description: "Complete evaporative cooling system installation and maintenance. Perfect for Melbourne's climate with lower operating costs than air conditioning.",              imageSrc: "http://img.b2bpic.net/free-photo/smoke-pipe-industry-factory_1127-3436.jpg",              imageAlt: "Evaporative cooling system"
+              tag: "Cooling",              title: "Evaporative Cooling",              subtitle: "Cost-effective cooling",              description: "Complete evaporative cooling system installation and maintenance. Perfect for Melbourne's climate with lower operating costs than air conditioning.",              imageSrc: "http://img.b2bpic.net/free-photo/smoke-pipe-industry-factory_1127-3436.jpg",              imageAlt: "Evaporative cooling system",              buttons: [
+                { text: "Learn More", href: "#contact" }
+              ]
             },
             {
               id: 4,
-              tag: "Hot Water",              title: "Hot Water Systems",              subtitle: "Reliable hot water solutions",              description: "Installation and servicing of hot water systems. We help you choose the right system for your needs and ensure it runs efficiently.",              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg",              imageAlt: "Hot water system"
+              tag: "Hot Water",              title: "Hot Water Systems",              subtitle: "Reliable hot water solutions",              description: "Installation and servicing of hot water systems. We help you choose the right system for your needs and ensure it runs efficiently.",              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg",              imageAlt: "Hot water system",              buttons: [
+                { text: "Learn More", href: "#contact" }
+              ]
             }
           ]}
           tagAnimation="slide-up"
@@ -220,8 +227,8 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-vector/striped-christmas-background-blue-tones_1048-465.jpg"
-          imageAlt="MJ Airconditioning footer background"
+          imageSrc="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1200&h=400&fit=crop"
+          imageAlt="Modern air conditioning unit"
           logoText="MJ Airconditioning"
           copyrightText="© 2025 MJ Airconditioning. All rights reserved."
           columns={[
@@ -254,4 +261,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #ff8c42;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #ffffff;;;;;
+  --card: #f9f9f9;;;;;
+  --foreground: #120a00e6;;;;;
+  --primary-cta: #ff7400;;;;;
+  --secondary-cta: #f9f9f9;;;;;
+  --accent: #e2e2e2;;;;;
+  --background-accent: #c4c4c4;;;;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #ff8c42;;
-  --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
-  --secondary-cta-text: #120a00e6;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #ffffff;;;;;
+  --card: #f9f9f9;;;;;
+  --foreground: #120a00e6;;;;;
+  --primary-cta: #ff7400;;;;;
+  --primary-cta-text: #ffffff;;;;;
+  --secondary-cta: #f9f9f9;;;;;
+  --secondary-cta-text: #120a00e6;;;;;
+  --accent: #e2e2e2;;;;;
+  --background-accent: #c4c4c4;;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);