Files
691a1023-5ca9-4033-b4d7-75f…/src/app/page.tsx
2026-04-08 20:27:41 +00:00

176 lines
9.7 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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 Kenyas 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="Nairobis 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="Lets 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>
);
}