176 lines
9.7 KiB
TypeScript
176 lines
9.7 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Projects", id: "projects" },
|
||
{ name: "Team", id: "team" },
|
||
{ name: "Attachment", id: "attachment" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="FutureBuild Kenya"
|
||
button={{ text: "Get Quote", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
background={{ variant: "sparkles-gradient" }}
|
||
title="Building Kenya’s Future"
|
||
description="Excellence in civil engineering and construction management. Transforming visions into landmarks across Nairobi and beyond."
|
||
buttons={[{ text: "View Projects", href: "#projects" }, { text: "Contact Us", href: "#contact" }]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/high-building-construction-city_114579-12231.jpg?_wi=1"
|
||
imageAlt="Construction project in Nairobi"
|
||
mediaAnimation="blur-reveal"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "John Gitau" },
|
||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7794.jpg", alt: "Sarah Wanjiku" },
|
||
{ src: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-show-finger-up_627829-5307.jpg", alt: "David Otieno" },
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-happy-businesswoman-outdoors_23-2148171069.jpg", alt: "Client Profile" },
|
||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-side-view-excited-architect_23-2148233760.jpg", alt: "Client Profile" },
|
||
]}
|
||
avatarText="Trusted by 500+ professionals"
|
||
marqueeItems={[{ type: "text", text: "Innovative Construction" }, { type: "text", text: "Sustainable Development" }, { type: "text", text: "Precision Engineering" }, { type: "text", text: "Safety First" }, { type: "text", text: "On-time Delivery" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="Nairobi’s Engineering Pioneers"
|
||
description="With over a decade of experience in residential, commercial, and road infrastructure construction, our team delivers quality beyond expectations. We are committed to safety, sustainability, and structural integrity."
|
||
metrics={[
|
||
{ value: "15+", title: "Completed Projects" },
|
||
{ value: "10", title: "Years Experience" },
|
||
{ value: "50+", title: "Staff Members" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124292.jpg?_wi=1"
|
||
imageAlt="Our engineering team"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardMedia
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: "f1", title: "Residential Construction", description: "Creating durable, luxury, and affordable housing solutions with modern aesthetics.", tag: "Housing", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-with-paper-plan-near-building-construction_23-2148039949.jpg" },
|
||
{ id: "f2", title: "Commercial Projects", description: "Scalable commercial developments tailored to meet business growth and operational needs.", tag: "Business", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-building-with-glass-wall-from-empty-floor_1127-3106.jpg?_wi=1" },
|
||
{ id: "f3", title: "Road Infrastructure", description: "Advanced road works and pavement engineering for long-lasting public utility projects.", tag: "Public", imageSrc: "http://img.b2bpic.net/free-photo/empty-highway-wind-turbines-horizon-sunset-glow_169016-68529.jpg" },
|
||
]}
|
||
title="Our Construction Expertise"
|
||
description="Comprehensive engineering and construction services to bring every development project to reality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
team={[
|
||
{ id: "t1", name: "John Gitau", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||
{ id: "t2", name: "Sarah Wanjiku", role: "Senior Engineer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7794.jpg" },
|
||
{ id: "t3", name: "David Otieno", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-show-finger-up_627829-5307.jpg" },
|
||
]}
|
||
title="The Masterminds Behind the Builds"
|
||
description="Meet our team of licensed architects, engineers, and project managers leading excellence in construction."
|
||
/>
|
||
</div>
|
||
|
||
<div id="attachment" data-section="attachment">
|
||
<PricingCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "internship", title: "Engineering Attachment", price: "3 Months", period: "Duration", features: ["Hands-on site supervision", "Blueprint reading", "Project management"],
|
||
button: { text: "Apply Now", href: "#contact" },
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-building-construction-city_114579-12231.jpg?_wi=2", imageAlt: "construction site Nairobi"},
|
||
{
|
||
id: "ict-internship", title: "ICT/IT Internship", price: "3 Months", period: "Duration", features: ["IT infrastructure design", "Data management", "Tech support"],
|
||
button: { text: "Apply Now", href: "#contact" },
|
||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124292.jpg?_wi=2", imageAlt: "engineers discussing plans"},
|
||
]}
|
||
title="Student Attachment Program"
|
||
description="We offer hands-on field experience for engineering and ICT students looking to jumpstart their career."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="FutureBuild Kenya delivered our complex project ahead of schedule. Their professionalism is unmatched in Nairobi."
|
||
rating={5}
|
||
author="Samuel Kamau"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Client 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7794.jpg", alt: "Client 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/middle-eastern-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building-show-finger-up_627829-5307.jpg", alt: "Client 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/modern-happy-businesswoman-outdoors_23-2148171069.jpg", alt: "Client 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-side-view-excited-architect_23-2148233760.jpg", alt: "Client 5" },
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Let’s Build Together"
|
||
description="Ready to start your project? Get in touch with our team in Nairobi for consultations, quotes, or student attachment queries."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Tell us about your project or attachment...", rows: 4, required: true }}
|
||
buttonText="Send Message"
|
||
imageSrc="http://img.b2bpic.net/free-photo/modern-business-building-with-glass-wall-from-empty-floor_1127-3106.jpg?_wi=2"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="FutureBuild Kenya"
|
||
copyrightText="© 2025 FutureBuild Kenya | Professional Engineering Excellence"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|