bender/0923935c-eee7-412d-b65c-247910a4e0d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 21:26:41 +00:00
parent e9047dba8a
commit a9a4ea8c21
1 changed files with 49 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

302
src/app/page.tsx
View File

@@ -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>