e1caa4f2-bcad-4157-adea-e6c305f8c039/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "/" },
        { name: "About", id: "/about" },
        { name: "Services", id: "/services" },
        { name: "Projects", id: "/projects" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="BuildStrong"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "gradient-bars" }}
      title="Building Strong Foundations for Tomorrow"
      description="We deliver high-quality residential, commercial, and infrastructure construction services with safety, reliability, and excellence."
      buttons={[
        { text: "Request a Quote", href: "/contact" },
        { text: "View Our Projects", href: "/projects" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108529.jpg", imageAlt: "Construction Site" },
        { imageSrc: "http://img.b2bpic.net/free-photo/real-estate-office-scene_23-2147653306.jpg", imageAlt: "Residential Construction" },
        { imageSrc: "http://img.b2bpic.net/free-photo/road-construction_342744-602.jpg", imageAlt: "Infrastructure Project" },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Building Projects That Last"
      tag="About BuildStrong"
      buttons={[{ text: "Learn More", href: "/about" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Experienced Professionals",          description: "Our team brings years of expertise to every project.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/man-with-construction-plan-copy-space_23-2148269820.jpg", imageAlt: "Professionals" },
          items: [
            { icon: CheckCircle, text: "Qualified staff" },
            { icon: CheckCircle, text: "Skilled craftsmen" },
          ],
          reverse: false
        },
        {
          title: "Quality Materials",          description: "We only use industry-grade, durable building components.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg", imageAlt: "Materials" },
          items: [
            { icon: CheckCircle, text: "Standard compliant" },
            { icon: CheckCircle, text: "Sustainable sourced" },
          ],
          reverse: true
        },
        {
          title: "Safety First Approach",          description: "Workplace safety is our absolute priority on all sites.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg", imageAlt: "Safety" },
          items: [
            { icon: CheckCircle, text: "OSHA compliant" },
            { icon: CheckCircle, text: "Risk managed" },
          ],
          reverse: false
        },
      ]}
      title="Why Choose BuildStrong"
      description="Professional construction solutions backed by experience, skilled workmanship, and modern building techniques."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Our Dedicated Leadership"
      description="Meet the experienced professionals steering BuildStrong to success."
      members={[
        { id: "1", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
        { id: "2", name: "Jane Smith", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-11854.jpg" },
        { id: "3", name: "Robert Brown", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-worker-wearing-vest_23-2149366622.jpg" },
        { id: "4", name: "Alice Green", role: "Operations", imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg" },
        { id: "5", name: "Mike Davis", role: "Chief Engineer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg" },
      ]}
    />
  </div>

  <div id="legal" data-section="legal">
      <LegalSection
      layout="section"
      title="Our Terms and Privacy Policy"
      sections={[
        {
          heading: "Our Commitment to Quality",          content: {
            text: "BuildStrong is committed to maintaining the highest standards of safety, ethics, and professional conduct in all construction operations."},
        },
        {
          heading: "Client Privacy",          content: {
            items: [
              "We respect your data",              "We do not sell information",              "Secure document storage",              "Transparency in communication"],
          },
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="BuildStrong"
      copyrightText="© 2025 BuildStrong. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}