From a9a4ea8c216a2c8dcf21a4c175f5f5dad32130cb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 21:26:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 302 ++++++++---------------------------------------
 1 file changed, 49 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 953c02f..d4d7afb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,27 +20,23 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "Process",
-          id: "#process",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "#about" },
+        { name: "Projects", id: "#projects" },
+        { name: "Process", id: "#process" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="MH Land"
     />
@@ -48,68 +44,26 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Excellence in Land Development."
       description="Transforming raw potential into thriving communities. With decades of experience in land planning, engineering, and infrastructure."
-      buttons={[
-        {
-          text: "View Our Projects",
-          href: "#projects",
-        },
-      ]}
+      buttons={[{ text: "View Our Projects", href: "#projects" }]}
       imageSrc="http://img.b2bpic.net/free-photo/park-lujiazui-financial-centre_1127-3344.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/new-recently-built-highway-brcko-district-bosnia-herzegovina_181624-3990.jpg",
-          alt: "Site lead",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/scenic-view-calm-river-near-village-gloomy-sky_181624-40149.jpg",
-          alt: "Civil engineer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/nature-moldova-vale-with-flowing-river-slopes-with-sparse-vegetation_1268-16004.jpg",
-          alt: "Planning consultant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aerial-scenery-view-nature_23-2148922193.jpg",
-          alt: "Project manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-looking-blue-print-hold-by-her-male-colleague_23-2148187154.jpg",
-          alt: "Senior architect",
-        },
+        { src: "http://img.b2bpic.net/free-photo/new-recently-built-highway-brcko-district-bosnia-herzegovina_181624-3990.jpg", alt: "Site lead" },
+        { src: "http://img.b2bpic.net/free-photo/scenic-view-calm-river-near-village-gloomy-sky_181624-40149.jpg", alt: "Civil engineer" },
+        { src: "http://img.b2bpic.net/free-photo/nature-moldova-vale-with-flowing-river-slopes-with-sparse-vegetation_1268-16004.jpg", alt: "Planning consultant" },
+        { src: "http://img.b2bpic.net/free-photo/aerial-scenery-view-nature_23-2148922193.jpg", alt: "Project manager" },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-looking-blue-print-hold-by-her-male-colleague_23-2148187154.jpg", alt: "Senior architect" }
       ]}
       avatarText="Trusted by industry experts"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Sustainable Planning",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Precision Engineering",
-          icon: Ruler,
-        },
-        {
-          type: "text-icon",
-          text: "Infrastructure Development",
-          icon: Building2,
-        },
-        {
-          type: "text-icon",
-          text: "Community Focus",
-          icon: Users,
-        },
-        {
-          type: "text-icon",
-          text: "Environmental Stewardship",
-          icon: ShieldCheck,
-        },
+        { type: "text-icon", text: "Sustainable Planning", icon: Leaf },
+        { type: "text-icon", text: "Precision Engineering", icon: Ruler },
+        { type: "text-icon", text: "Infrastructure Development", icon: Building2 },
+        { type: "text-icon", text: "Community Focus", icon: Users },
+        { type: "text-icon", text: "Environmental Stewardship", icon: ShieldCheck }
       ]}
     />
   </div>
@@ -129,60 +83,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",
-          brand: "Development",
-          name: "Oakridge Subdivisions",
-          price: "Infrastructure",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/delimitation-land-plots-concept_52683-102402.jpg",
-        },
-        {
-          id: "2",
-          brand: "Development",
-          name: "Riverside Plots",
-          price: "Planning",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-cat-walk-path-gravel-road-green-grass-lawn-authentic-icelandic-black-house_346278-293.jpg",
-        },
-        {
-          id: "3",
-          brand: "Development",
-          name: "Meadowland Site",
-          price: "Earthwork",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-male-traveler-photographer-sitting-classic-style-racer-motorbike-holding-camera_1150-18226.jpg",
-        },
-        {
-          id: "4",
-          brand: "Development",
-          name: "Summit Estates",
-          price: "Infrastructure",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004682.jpg",
-        },
-        {
-          id: "5",
-          brand: "Development",
-          name: "Valley View Ridge",
-          price: "Site Prep",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/excavation-work-progress_23-2151933414.jpg",
-        },
-        {
-          id: "6",
-          brand: "Development",
-          name: "Crestview Land",
-          price: "Planning",
-          rating: 5,
-          reviewCount: "2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-st-audries-bay-waterfall-west-quantoxhead-sunny-summer-day_181624-40497.jpg",
-        },
+        { id: "1", brand: "Development", name: "Oakridge Subdivisions", price: "Infrastructure", rating: 5, reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/delimitation-land-plots-concept_52683-102402.jpg" },
+        { id: "2", brand: "Development", name: "Riverside Plots", price: "Planning", rating: 5, reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/black-cat-walk-path-gravel-road-green-grass-lawn-authentic-icelandic-black-house_346278-293.jpg" },
+        { id: "3", brand: "Development", name: "Meadowland Site", price: "Earthwork", rating: 5, reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-male-traveler-photographer-sitting-classic-style-racer-motorbike-holding-camera_1150-18226.jpg" },
+        { id: "4", brand: "Development", name: "Summit Estates", price: "Infrastructure", rating: 5, reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004682.jpg" },
+        { id: "5", brand: "Development", name: "Valley View Ridge", price: "Site Prep", rating: 5, reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/excavation-work-progress_23-2151933414.jpg" },
+        { id: "6", brand: "Development", name: "Crestview Land", price: "Planning", rating: 5, reviewCount: "2023", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-st-audries-bay-waterfall-west-quantoxhead-sunny-summer-day_181624-40497.jpg" }
       ]}
       title="Featured Projects"
       description="A showcase of our recent land development initiatives and residential site preparations."
@@ -196,21 +102,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Acres Developed",
-        },
-        {
-          id: "m2",
-          value: "40+",
-          description: "Successful Projects",
-        },
-        {
-          id: "m3",
-          value: "15+",
-          description: "Years Experience",
-        },
+        { id: "m1", value: "500+", description: "Acres Developed" },
+        { id: "m2", value: "40+", description: "Successful Projects" },
+        { id: "m3", value: "15+", description: "Years Experience" }
       ]}
       title="By The Numbers"
       description="Proven track record in successful land transformations."
@@ -222,24 +116,8 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "Initial constraints",
-          "Zoning hurdles",
-          "Permitting delays",
-          "Regulatory changes",
-          "Supply shortages",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Precise surveying",
-          "Sustainable design",
-          "Timely delivery",
-          "Quality infrastructure",
-          "Community integration",
-        ],
-      }}
+      negativeCard={{ items: ["Initial constraints", "Zoning hurdles", "Permitting delays", "Regulatory changes", "Supply shortages"] }}
+      positiveCard={{ items: ["Precise surveying", "Sustainable design", "Timely delivery", "Quality infrastructure", "Community integration"] }}
       title="Our Rigorous Development Process"
       description="Every step from initial surveying to final site handover is handled with precision."
     />
@@ -251,60 +129,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "Project Owner",
-          company: "Jenkins Real Estate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-man-posing-outdoors-holding-crossed-arms_171337-18318.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Reed",
-          role: "Developer",
-          company: "Reed Urban",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-woman-outdoor-pointing-looking-away-while-walking-office-together_1150-2499.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Castro",
-          role: "Architect",
-          company: "Castro Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-partners-reading-news-tablet-computer-outdoors_1262-12345.jpg",
-        },
-        {
-          id: "4",
-          name: "David Wu",
-          role: "Investor",
-          company: "Wu Capital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Miller",
-          role: "Consultant",
-          company: "Miller Land",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064922.jpg",
-        },
+        { id: "1", name: "Sarah Jenkins", role: "Project Owner", company: "Jenkins Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-man-posing-outdoors-holding-crossed-arms_171337-18318.jpg" },
+        { id: "2", name: "Michael Reed", role: "Developer", company: "Reed Urban", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-woman-outdoor-pointing-looking-away-while-walking-office-together_1150-2499.jpg" },
+        { id: "3", name: "Elena Castro", role: "Architect", company: "Castro Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-partners-reading-news-tablet-computer-outdoors_1262-12345.jpg" },
+        { id: "4", name: "David Wu", role: "Investor", company: "Wu Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg" },
+        { id: "5", name: "Linda Miller", role: "Consultant", company: "Miller Land", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064922.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "100%",
-          label: "Retention",
-        },
-        {
-          value: "98%",
-          label: "Approval Rate",
-        },
-        {
-          value: "5/5",
-          label: "Client Rating",
-        },
+        { value: "100%", label: "Retention" },
+        { value: "98%", label: "Approval Rate" },
+        { value: "5/5", label: "Client Rating" }
       ]}
       title="Client Success Stories"
       description="Don't take our word for it—hear from the partners who trusted us."
@@ -316,21 +150,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "What types of land do you develop?",
-          content: "We handle residential, commercial, and mixed-use land developments.",
-        },
-        {
-          id: "f2",
-          title: "What areas do you serve?",
-          content: "We operate within the regional tri-state area focusing on rapid-growth zones.",
-        },
-        {
-          id: "f3",
-          title: "How do you ensure environmental compliance?",
-          content: "We work closely with environmental experts at every stage to ensure full compliance.",
-        },
+        { id: "f1", title: "What types of land do you develop?", content: "We handle residential, commercial, and mixed-use land developments." },
+        { id: "f2", title: "What areas do you serve?", content: "We operate within the regional tri-state area focusing on rapid-growth zones." },
+        { id: "f3", title: "How do you ensure environmental compliance?", content: "We work closely with environmental experts at every stage to ensure full compliance." }
       ]}
       title="Common Questions"
       description="Clear answers to help you understand our development approach."
@@ -341,9 +163,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Get In Touch"
       title="Ready to develop your land?"
       description="Start a conversation with our development team today."
@@ -356,32 +176,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="MH Land Dev"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
     />
   </div>