Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -28,51 +28,31 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Services", id: "/services" },
-          name: "Services",
+        { name: "Portfolio", id: "/portfolio" },
-          id: "/services",
+        { name: "Pricing", id: "/pricing" },
-        },
+        { name: "Free Audit", id: "/free-audit" },
-        {
+        { name: "Contact", id: "/contact" },
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "Free Audit",
-          id: "/free-audit",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
-      button={{
+      button={{ text: "Get My Free Audit", href: "/free-audit" }}
-        text: "Get My Free Audit",
-        href: "/free-audit",
-      }}
       brandName="Estato"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplitKpi
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Designed to Impress. BUILT TO SELL."
       description="Websites that generate property leads for real estate agents in Brisbane. We blend premium design with conversion strategy to help your agency dominate the market."
+      kpis={[
+        { value: "85%", label: "Lead Conversion" },
+        { value: "2.4s", label: "Page Load" },
+        { value: "100+", label: "Clients Served" }
+      ]}
+      enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "Get My Free Website Audit", href: "/free-audit" },
-          text: "Get My Free Website Audit",
+        { text: "View Portfolio", href: "/portfolio" },
-          href: "/free-audit",
-        },
-        {
-          text: "View Portfolio",
-          href: "/portfolio",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283261.jpg"
       imageAlt="luxury real estate 3d abstract"
@@ -85,36 +65,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "1", title: "Outdated Design", author: "Estato", description: "Losing authority with ancient, slow-loading templates.", imageSrc: "http://img.b2bpic.net/free-photo/construction-design-project-renovation-concept_53876-124114.jpg", tags: ["Strategy"] },
-          id: "1",
+        { id: "2", title: "Poor Mobile Experience", author: "Estato", description: "Missing 80% of buyers browsing properties on the go.", imageSrc: "http://img.b2bpic.net/free-photo/digital-media-connection-information-technology_53876-122770.jpg", tags: ["Mobile"] },
-          title: "Outdated Design",
+        { id: "3", title: "No Lead Capture System", author: "Estato", description: "Visitors look at listings and leave without ever converting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh2nu9", tags: ["Conversion"] },
-          author: "Estato",
-          description: "Losing authority with ancient, slow-loading templates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-design-project-renovation-concept_53876-124114.jpg",
-          tags: [
-            "Strategy",
-          ],
-        },
-        {
-          id: "2",
-          title: "Poor Mobile Experience",
-          author: "Estato",
-          description: "Missing 80% of buyers browsing properties on the go.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-media-connection-information-technology_53876-122770.jpg",
-          tags: [
-            "Mobile",
-          ],
-        },
-        {
-          id: "3",
-          title: "No Lead Capture System",
-          author: "Estato",
-          description: "Visitors look at listings and leave without ever converting.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh2nu9",
-          tags: [
-            "Conversion",
-          ],
-        },
       ]}
       title="Why Real Estate Websites Fail"
       description="Most agents struggle because their sites don't convert visitors into leads."
@@ -127,57 +80,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "p1", badge: "Entry", price: "$1,500", subtitle: "Agent Launch", buttons: [{ text: "Claim My Spot", href: "/free-audit" }], features: ["Mobile First", "SEO Basic", "Conversion Landing"] },
-          id: "p1",
+        { id: "p2", badge: "Most Popular", price: "$2,500", subtitle: "Growth", buttons: [{ text: "Claim My Spot", href: "/free-audit" }], features: ["Everything in Launch", "Advanced Lead Flow", "CRM Integration"] },
-          badge: "Entry",
+        { id: "p3", badge: "High-End", price: "$4,000", subtitle: "Authority", buttons: [{ text: "Claim My Spot", href: "/free-audit" }], features: ["Everything in Growth", "Full Brand Suite", "Custom Property API"] },
-          price: "$1,500",
-          subtitle: "Agent Launch",
-          buttons: [
-            {
-              text: "Claim My Spot",
-              href: "/free-audit",
-            },
-          ],
-          features: [
-            "Mobile First",
-            "SEO Basic",
-            "Conversion Landing",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Most Popular",
-          price: "$2,500",
-          subtitle: "Growth",
-          buttons: [
-            {
-              text: "Claim My Spot",
-              href: "/free-audit",
-            },
-          ],
-          features: [
-            "Everything in Launch",
-            "Advanced Lead Flow",
-            "CRM Integration",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "High-End",
-          price: "$4,000",
-          subtitle: "Authority",
-          buttons: [
-            {
-              text: "Claim My Spot",
-              href: "/free-audit",
-            },
-          ],
-          features: [
-            "Everything in Growth",
-            "Full Brand Suite",
-            "Custom Property API",
-          ],
-        },
       ]}
       title="Founding Client Offer — $300 for first 5 agents"
       description="Premium real estate website packages."
@@ -192,34 +97,10 @@ export default function LandingPage() {
       title="Agent Success Stories"
       description="Hear from Brisbane real estate professionals who transformed their lead generation with Estato."
       testimonials={[
-        {
+        { id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "My new site looks incredible and converts 3x more than my old template.", imageSrc: "http://img.b2bpic.net/free-photo/roll-wallpaper-illuminated-by-artificial-light_122409-89.jpg?_wi=1" },
-          id: "t1",
+        { id: "t2", name: "James Chen", handle: "@jchen_re", testimonial: "The lead capture system is exactly what my agency needed to scale.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283225.jpg" },
-          name: "Sarah Miller",
+        { id: "t3", name: "Elena Rodriguez", handle: "@elenare", testimonial: "Professional, sleek, and highly effective. Highly recommend their design process.", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-windows-clear-sky_181624-4672.jpg?_wi=1" },
-          handle: "@smiller",
+        { id: "t4", name: "Tom O'Connor", handle: "@tomoconnor", testimonial: "Finally, a agency that understands the intersection of real estate and tech.", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photography-building-low-angle_250224-199.jpg" },
-          testimonial: "My new site looks incredible and converts 3x more than my old template.",
-          imageSrc: "http://img.b2bpic.net/free-photo/roll-wallpaper-illuminated-by-artificial-light_122409-89.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "James Chen",
-          handle: "@jchen_re",
-          testimonial: "The lead capture system is exactly what my agency needed to scale.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283225.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@elenare",
-          testimonial: "Professional, sleek, and highly effective. Highly recommend their design process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-windows-clear-sky_181624-4672.jpg?_wi=1",
-        },
-        {
-          id: "t4",
-          name: "Tom O'Connor",
-          handle: "@tomoconnor",
-          testimonial: "Finally, a agency that understands the intersection of real estate and tech.",
-          imageSrc: "http://img.b2bpic.net/free-photo/grayscale-photography-building-low-angle_250224-199.jpg",
-        },
       ]}
     />
   </div>
@@ -238,32 +119,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Estato"
       columns={[
-        {
+        { title: "Company", items: [{ label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] },
-          title: "Company",
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>