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,

src/app/page.tsx

@@ -109,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"
@@ -219,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={[

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);