Switch to version 1: modified src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -29,28 +29,82 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "Home",
+          id: "hero",
+        },
         {
-          name: "Services",          id: "services"},
+          name: "Services",
+          id: "services",
+        },
         {
-          name: "Homes",          id: "listings"},
+          name: "Homes",
+          id: "listings",
+        },
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",
+          id: "contact",
+        },
       ]}
       brandName="Ipswich Home Movers"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
+      <HeroCentered
       background={{
-        variant: "plain"}}
+        variant: "gradient-bars",
-      logoText="Professional House Removals & Transport in Ipswich"
+      }}
+      title="Professional House Removals & Transport in Ipswich"
       description="With over decades of experience, we specialize in safe, reliable house removals, restumping, and transport services across QLD. Your trusted partner for seamless home relocation."
-      videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/people-carrying-burden-concept_23-2150040370.jpg",
+          alt: "House relocation in progress",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg",
+          alt: "Client team member",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg",
+          alt: "Client team member",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-tablet_23-2149181703.jpg",
+          alt: "Client team member",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/happy-parents-kids-unpacking-things-new-empty-apartment-sitting-floor-taking-objects-from-open-boxes_74855-10018.jpg",
+          alt: "Client team member",
+        },
+      ]}
       buttons={[
         {
-          text: "View Available Homes",          href: "#listings"},
+          text: "View Available Homes",
+          href: "#listings",
+        },
+      ]}
+      marqueeItems={[
+        {
+          type: "text",
+          text: "Licensed & Insured",
+        },
+        {
+          type: "text",
+          text: "20+ Years Experience",
+        },
+        {
+          type: "text",
+          text: "Ipswich Based",
+        },
+        {
+          type: "text",
+          text: "Safe Logistics",
+        },
+        {
+          type: "text",
+          text: "Expert Restumping",
+        },
       ]}
     />
   </div>
@@ -62,17 +116,32 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "1",          title: "House Removal",          tags: [
+          id: "1",
-            "Transport",            "Safety"],
+          title: "House Removal",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428275.jpg"},
+          tags: [
+            "Transport",
+            "Safety",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428275.jpg",
+        },
         {
-          id: "2",          title: "Restumping",          tags: [
+          id: "2",
-            "Foundation",            "Repair"],
+          title: "Restumping",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a62ntg"},
+          tags: [
+            "Foundation",
+            "Repair",
+          ],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a62ntg",
+        },
         {
-          id: "3",          title: "House Delivery",          tags: [
+          id: "3",
-            "Logistics",            "Project Management"],
+          title: "House Delivery",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-against-blue-sky-sunny-day_185193-108531.jpg"},
+          tags: [
+            "Logistics",
+            "Project Management",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-against-blue-sky-sunny-day_185193-108531.jpg",
+        },
       ]}
       title="Our Specialized Services"
       description="We offer end-to-end solutions for house relocation and site preparation."
@@ -87,23 +156,59 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "l1",          brand: "Qld Relocations",          name: "Classic Weatherboard",          price: "From $85,000",          rating: 5,
+          id: "l1",
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg"},
+          brand: "Qld Relocations",
+          name: "Classic Weatherboard",
+          price: "From $85,000",
+          rating: 5,
+          reviewCount: "12",
+          imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg",
+        },
         {
-          id: "l2",          brand: "Qld Relocations",          name: "Suburban Charmer",          price: "From $92,000",          rating: 5,
+          id: "l2",
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg"},
+          brand: "Qld Relocations",
+          name: "Suburban Charmer",
+          price: "From $92,000",
+          rating: 5,
+          reviewCount: "8",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg",
+        },
         {
-          id: "l3",          brand: "Qld Relocations",          name: "Modern Transportable",          price: "From $110,000",          rating: 5,
+          id: "l3",
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-tablet_23-2149181703.jpg"},
+          brand: "Qld Relocations",
+          name: "Modern Transportable",
+          price: "From $110,000",
+          rating: 5,
+          reviewCount: "15",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-tablet_23-2149181703.jpg",
+        },
         {
-          id: "l4",          brand: "Qld Relocations",          name: "Cottage Style",          price: "From $78,000",          rating: 5,
+          id: "l4",
-          reviewCount: "6",          imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-kids-unpacking-things-new-empty-apartment-sitting-floor-taking-objects-from-open-boxes_74855-10018.jpg"},
+          brand: "Qld Relocations",
+          name: "Cottage Style",
+          price: "From $78,000",
+          rating: 5,
+          reviewCount: "6",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-kids-unpacking-things-new-empty-apartment-sitting-floor-taking-objects-from-open-boxes_74855-10018.jpg",
+        },
         {
-          id: "l5",          brand: "Qld Relocations",          name: "Family Relocatable",          price: "From $125,000",          rating: 5,
+          id: "l5",
-          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738011.jpg"},
+          brand: "Qld Relocations",
+          name: "Family Relocatable",
+          price: "From $125,000",
+          rating: 5,
+          reviewCount: "20",
+          imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738011.jpg",
+        },
         {
-          id: "l6",          brand: "Qld Relocations",          name: "Renovation Project",          price: "From $65,000",          rating: 4,
+          id: "l6",
-          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2799.jpg"},
+          brand: "Qld Relocations",
+          name: "Renovation Project",
+          price: "From $65,000",
+          rating: 4,
+          reviewCount: "5",
+          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2799.jpg",
+        },
       ]}
       title="Homes for Relocation"
       description="Browse our selection of quality transportable homes currently available in the Ipswich and QLD region."
@@ -117,13 +222,25 @@ export default function LandingPage() {
       tag="Excellence in Motion"
       metrics={[
         {
-          id: "m1",          value: "500+",          description: "Houses Relocated"},
+          id: "m1",
+          value: "500+",
+          description: "Houses Relocated",
+        },
         {
-          id: "m2",          value: "25+",          description: "Years in Industry"},
+          id: "m2",
+          value: "25+",
+          description: "Years in Industry",
+        },
         {
-          id: "m3",          value: "100%",          description: "Safety Compliance"},
+          id: "m3",
+          value: "100%",
+          description: "Safety Compliance",
+        },
         {
-          id: "m4",          value: "4.9/5",          description: "Customer Rating"},
+          id: "m4",
+          value: "4.9/5",
+          description: "Customer Rating",
+        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -133,7 +250,8 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain"}}
+        variant: "plain",
+      }}
       tag="Get in Touch"
       title="Ready to Start Your Project?"
       description="Whether you need a restumping quote or information on house delivery, our team is here to assist. Ipswich-based professionals ready to help."

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #ffffff;
-  --card: #121212;
+  --card: #f9f9f9;
-  --foreground: #ffffff;
+  --foreground: #120006;
-  --primary-cta: #000000;
+  --primary-cta: #e63946;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
   --secondary-cta-text: #ffffff;
-  --accent: #ff0000;
+  --accent: #e2e2e2;
-  --background-accent: #1a0000;
+  --background-accent: #120006;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);