"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>
  );
}
