262 lines
14 KiB
TypeScript
262 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import Link from "next/link";
|
|
import { Award, Building2, Briefcase, TrendingUp, Hammer, Handshake, Quote, Mail, HelpCircle, Lightbulb, FileText, BarChart3, Wrench, Zap, Target, FileCheck, MessageSquare, CheckCircle, DollarSign, Users, Building } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="BuildCorp Kenya"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Projects", id: "/projects" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "/contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Building Kenya's Future, Project by Project"
|
|
description="Reliable construction solutions for residential and commercial developments across Kenya. Proven expertise, on-time delivery, and transparent partnerships that drive growth for developers and investors."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "45+", label: "Projects Completed" },
|
|
{ value: "98%", label: "On-Time Delivery" },
|
|
{ value: "KES 8.5B+", label: "Total Project Value" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Construction Excellence"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View Our Projects", href: "#projects" },
|
|
{ text: "Schedule Consultation", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/distant-shot-urban-area-with-cars-street-high-buildings_181624-2937.jpg"
|
|
imageAlt="Modern construction site in Kenya"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Building2}
|
|
tagAnimation="slide-up"
|
|
title="Trusted Construction Partner for East African Growth"
|
|
description="Since 2012, BuildCorp Kenya has been transforming visions into reality. We specialize in residential and commercial project development across Kenya, combining technical expertise, financial discipline, and stakeholder transparency. Our commitment to delivering quality infrastructure on schedule has made us the preferred partner for leading property developers and international investment funds."
|
|
metrics={[
|
|
{ value: "13+", title: "Years of Excellence" },
|
|
{ value: "500+", title: "Team Members" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/workers-long-wooden-table_1262-810.jpg"
|
|
imageAlt="BuildCorp Kenya office and team"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="Our Core Services"
|
|
description="Comprehensive construction and project development expertise tailored to investor and developer needs"
|
|
tag="What We Do"
|
|
tagIcon={Hammer}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Project Planning & Design", description: "Comprehensive feasibility studies and detailed architectural planning aligned with regulatory requirements and market demands", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Lightbulb, label: "Concept Development", value: "From idea to blueprint" },
|
|
{ icon: FileText, label: "Regulatory Compliance", value: "Full government alignment" },
|
|
{ icon: BarChart3, label: "Market Analysis", value: "ROI optimization" }
|
|
]
|
|
},
|
|
{
|
|
title: "Project Phases", description: "Expert oversight ensuring quality execution, budget control, and timeline adherence across all phases", bentoComponent: "3d-task-list", items: [
|
|
{ icon: Hammer, label: "Foundation Work", time: "Phase 1" },
|
|
{ icon: Wrench, label: "Structural Build", time: "Phase 2-3" },
|
|
{ icon: Zap, label: "Finishing & Handover", time: "Phase 4" }
|
|
]
|
|
},
|
|
{
|
|
title: "Financial & Risk Management", description: "Transparent cost tracking, investment protection, and comprehensive insurance coverage for all stakeholders", bentoComponent: "animated-bar-chart"
|
|
},
|
|
{
|
|
title: "Investor Relations", description: "Dedicated partnership management with regular reporting, compliance oversight, and value optimization", bentoComponent: "orbiting-icons", centerIcon: Target,
|
|
items: [
|
|
{ icon: FileCheck, ring: 1, duration: 8 },
|
|
{ icon: MessageSquare, ring: 1, duration: 8 },
|
|
{ icon: TrendingUp, ring: 2, duration: 12 },
|
|
{ icon: Award, ring: 2, duration: 12 }
|
|
]
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Track Record"
|
|
description="Measurable impact and consistent performance in Kenya's construction sector"
|
|
tag="Performance Metrics"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="scale-rotate"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{ id: "1", value: "98", title: "%", description: "On-Time Project Completion", icon: CheckCircle },
|
|
{ id: "2", value: "8.5", title: "B+", description: "Total Project Value (KES)", icon: DollarSign },
|
|
{ id: "3", value: "45", title: "+", description: "Successful Projects Delivered", icon: Building },
|
|
{ id: "4", value: "500", title: "+", description: "Skilled Team Members", icon: Users }
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Organizations"
|
|
description="Our partnerships span property developers, international investment funds, and government agencies across East Africa"
|
|
tag="Our Partners"
|
|
tagIcon={Handshake}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Centum Real Estate", "Surreal Investments", "Acorn Holdings", "Stanlib Kenya", "Amara Property Development", "Kenya National Treasury", "East Africa Ventures", "Nairobi Metropolitan Authority"]}
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Answers to common questions about our services, processes, and partnership model"
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg"
|
|
imageAlt="BuildCorp Kenya support team"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What types of projects does BuildCorp undertake?", content: "We specialize in residential developments (apartments, townhouses, estates), commercial properties (office towers, retail spaces), mixed-use developments, and infrastructure projects. Our experience spans portfolio sizes from KES 500M to KES 5B+ in total project value."
|
|
},
|
|
{
|
|
id: "2", title: "How do you ensure on-time project delivery?", content: "Our 98% on-time delivery rate is achieved through: detailed project scheduling, experienced site management, proactive supply chain coordination, weather contingency planning, and transparent progress reporting. We use integrated project management systems with weekly stakeholder updates."
|
|
},
|
|
{
|
|
id: "3", title: "What are your payment and investment structures?", content: "We work with various financing models including: direct developer partnerships, joint venture arrangements, equity partnerships with international funds, and government procurement contracts. Each structure is customized based on project scope and partner requirements. Typical payment schedules align with project milestones."
|
|
},
|
|
{
|
|
id: "4", title: "How do you manage regulatory compliance?", content: "We maintain dedicated compliance teams that manage: all NEMA and NMA permits, building code adherence, land registration, title verification, and ongoing regulatory updates. Our legal team ensures full transparency with government agencies and stakeholder requirements."
|
|
},
|
|
{
|
|
id: "5", title: "Can we request project updates and financial reporting?", content: "Yes. We provide monthly financial reports, progress dashboards, site visit opportunities, and quarterly stakeholder meetings. All partners have access to our project management portal with real-time budget and schedule tracking."
|
|
},
|
|
{
|
|
id: "6", title: "What is your team's construction and project management experience?", content: "Our leadership team combines 200+ years of collective construction experience. We employ 500+ staff including: certified project managers, structural engineers, quantity surveyors, and skilled tradespeople. All project managers hold international certifications (PMP, PRINCE2, or equivalent)."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
tagIcon={Mail}
|
|
title="Ready to Partner with Us?"
|
|
description="Let's discuss how BuildCorp Kenya can support your development goals. Whether you're a developer, investor, or government agency, we're ready to explore opportunities."
|
|
background={{ variant: "rotated-rays-animated-grid" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Schedule Consultation"
|
|
termsText="We respect your privacy and will only use your email to send project updates and partnership opportunities. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Projects", href: "/projects" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Case Studies", href: "#" },
|
|
{ label: "Industry Reports", href: "#" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Partnership", items: [
|
|
{ label: "Become a Partner", href: "#contact" },
|
|
{ label: "Investment Opportunities", href: "#" },
|
|
{ label: "Supplier Portal", href: "#" },
|
|
{ label: "Contact Us", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
{ label: "Security", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 BuildCorp Kenya. All rights reserved."
|
|
bottomRightText="Building Kenya's Future"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |