"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Box, Facebook, LayoutDashboard, Lightbulb, Linkedin, Phone, Sparkles, Star, Twitter, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Metrics",
          id: "#metrics",
        },
        {
          name: "Solutions",
          id: "#solutions",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get a Demo",
        href: "#contact",
      }}
      brandName="ForgeFlow"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "radial-gradient",
      }}
      title="Empower Your Construction Projects with ForgeFlow Dashboard"
      description="Gain real-time insights, streamline workflows, and enhance collaboration across all your engineering and construction endeavors. Data-driven decisions for successful project delivery."
      tag="Next-Gen Project Management"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Features",
          href: "#features",
        },
        {
          text: "Request a Demo",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg"
      imageAlt="Construction engineering project dashboard showing real-time data and blueprints"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
          alt: "Senior Project Manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12823.jpg",
          alt: "Lead BIM Engineer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg",
          alt: "Site Supervisor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/thinking-business-ideas_1098-14443.jpg",
          alt: "Construction Data Analyst",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
          alt: "Head of Engineering",
        },
      ]}
      avatarText="Join 5000+ industry leaders"
      marqueeItems={[
        {
          type: "text",
          text: "Streamlined Operations",
        },
        {
          type: "text",
          text: "Real-time Progress",
        },
        {
          type: "text",
          text: "Enhanced Collaboration",
        },
        {
          type: "text",
          text: "Data-Driven Decisions",
        },
        {
          type: "text",
          text: "Risk Mitigation",
        },
      ]}
      marqueeSpeed={40}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="About ForgeFlow"
      tagIcon={Lightbulb}
      title="Revolutionizing Construction Engineering with Smart Technology"
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
      description="ForgeFlow is built by engineers, for engineers. Our platform integrates advanced data analytics, AI-powered insights, and collaborative tools to transform how construction projects are planned, executed, and monitored. From initial design to final handover, we provide the intelligence you need to build smarter, faster, and safer."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Real-time Site Monitoring",
          author: "IoT Integration",
          description: "Track progress, equipment, and personnel with live data feeds and drone imagery.",
          tags: [
            "IoT",
            "Drones",
            "Live Data",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-solar-panels-plant-expert-identifying-potential-system-failures_482257-120436.jpg",
          imageAlt: "Real-time construction site monitoring dashboard",
        },
        {
          id: "f2",
          title: "Predictive Analytics for Risk",
          author: "AI-Powered Insights",
          description: "Anticipate project risks and cost overruns before they impact your schedule and budget.",
          tags: [
            "AI",
            "Risk Management",
            "Forecasting",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg",
          imageAlt: "Predictive analytics dashboard for construction risks",
        },
        {
          id: "f3",
          title: "Automated Workflow Optimization",
          author: "Process Efficiency",
          description: "Automate routine tasks, approvals, and reporting to boost team productivity and reduce manual errors.",
          tags: [
            "Automation",
            "Workflows",
            "Efficiency",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-taking-notes-adjustments-make-after-analyzing-system-metrics_482257-135301.jpg",
          imageAlt: "Automated construction workflow visualization",
        },
      ]}
      title="Key Features of ForgeFlow"
      description="Discover the powerful tools that empower seamless project execution and data-driven decision-making."
      tag="Innovative Solutions"
      tagIcon={LayoutDashboard}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Impact: Building Success Together"
      tag="Proven Results"
      tagAnimation="slide-up"
      metrics={[
        {
          id: "m1",
          value: "25%+",
          description: "Average cost savings achieved by our clients.",
        },
        {
          id: "m2",
          value: "15%",
          description: "Reduction in project delays across all managed sites.",
        },
        {
          id: "m3",
          value: "99%",
          description: "Safety compliance rate on ForgeFlow-powered projects.",
        },
        {
          id: "m4",
          value: "4.9/5",
          description: "Client satisfaction rating for our platform and support.",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "ForgeFlow",
          name: "BIM Integration",
          price: "Advanced",
          rating: 5,
          reviewCount: "50+ reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-programmer-analyzing-data-with-machine-learning-tech_482257-118050.jpg",
          imageAlt: "3D Building Information Modeling (BIM) software interface",
        },
        {
          id: "p2",
          brand: "ForgeFlow",
          name: "Supply Chain Optimization",
          price: "Essential",
          rating: 4,
          reviewCount: "70+ reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-doing-brainstorming-smart-factory-analyzing-iot-sensor-data_482257-126687.jpg",
          imageAlt: "Optimized construction supply chain management system",
        },
        {
          id: "p3",
          brand: "ForgeFlow",
          name: "Remote Site Monitoring",
          price: "Premium",
          rating: 5,
          reviewCount: "80+ reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-with-laptop-outdoors_23-2148269386.jpg",
          imageAlt: "Dashboard view for remote construction site monitoring",
        },
        {
          id: "p4",
          brand: "ForgeFlow",
          name: "Document & Version Control",
          price: "Essential",
          rating: 4,
          reviewCount: "65+ reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037186.jpg",
          imageAlt: "Digital document management system with version control",
        },
        {
          id: "p5",
          brand: "ForgeFlow",
          name: "Financial & Budget Tracking",
          price: "Advanced",
          rating: 5,
          reviewCount: "55+ reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-laptop-placework-construction-worker_329181-3495.jpg",
          imageAlt: "Financial tracking interface with budget management",
        },
        {
          id: "p6",
          brand: "ForgeFlow",
          name: "Resource & Equipment Allocation",
          price: "Premium",
          rating: 5,
          reviewCount: "75+ reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg",
          imageAlt: "Resource and equipment allocation module on a dashboard",
        },
      ]}
      title="Core Modules for Comprehensive Project Control"
      description="ForgeFlow offers integrated modules designed to cover every aspect of your construction project lifecycle."
      tag="Integrated Solutions"
      tagIcon={Box}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "t1",
          name: "Dr. Alex Sharma",
          role: "Lead Civil Engineer",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
          imageAlt: "Dr. Alex Sharma, Lead Civil Engineer",
        },
        {
          id: "t2",
          name: "Maria Rodriguez",
          role: "Head of Project Management",
          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg",
          imageAlt: "Maria Rodriguez, Head of Project Management",
        },
        {
          id: "t3",
          name: "Ben Carter",
          role: "Data Science Lead",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg",
          imageAlt: "Ben Carter, Data Science Lead",
        },
        {
          id: "t4",
          name: "Chloe Wong",
          role: "BIM Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
          imageAlt: "Chloe Wong, BIM Specialist",
        },
      ]}
      title="Meet the Innovators Behind ForgeFlow"
      description="Our team of dedicated engineers, project managers, and data scientists are passionate about transforming the construction industry."
      tag="Our Expert Team"
      tagIcon={Users}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "ts1",
          name: "John Davis",
          handle: "@ApexConstruction",
          testimonial: "ForgeFlow has completely changed how we manage our large-scale projects. The real-time data and predictive insights are invaluable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
          imageAlt: "John Davis, CEO of Apex Construction",
        },
        {
          id: "ts2",
          name: "Sarah Chen",
          handle: "@GlobalBuilds",
          testimonial: "The collaborative tools and automated workflows have significantly boosted our team's productivity and reduced errors.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-20550.jpg",
          imageAlt: "Sarah Chen, Project Director at Global Builds",
        },
        {
          id: "ts3",
          name: "Michael Lee",
          handle: "@UrbanDevelop",
          testimonial: "From supply chain optimization to safety compliance, ForgeFlow provides a holistic solution we can truly rely on.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg",
          imageAlt: "Michael Lee, Operations Manager at Urban Develop",
        },
        {
          id: "ts4",
          name: "Emily White",
          handle: "@GreenStructures",
          testimonial: "The BIM integration is seamless, allowing us to identify and resolve clashes early, saving significant time and resources.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2474.jpg",
          imageAlt: "Emily White, Facilities Manager at Green Structures",
        },
        {
          id: "ts5",
          name: "David Kim",
          handle: "@InnovativeArch",
          testimonial: "ForgeFlow's insights into project financials and resource allocation are unparalleled. It's a game-changer for profitability.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
          imageAlt: "David Kim, Lead Architect at Innovative Arch",
        },
        {
          id: "ts6",
          name: "Jessica Brown",
          handle: "@BridgeBuilders",
          testimonial: "The platform's predictive analytics have given us an edge in risk mitigation, keeping our complex infrastructure projects on track.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-architect-wearing-hard-hat-looking-clipboard_23-2148203935.jpg",
          imageAlt: "Jessica Brown, Civil Engineer at Bridge Builders",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from industry leaders about how ForgeFlow has transformed their operations and project outcomes."
      tag="Client Success Stories"
      tagIcon={Star}
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Apex Innovate",
        "Global Structures",
        "Urban Dynamics",
        "Precision Build",
        "Construct AI",
        "Infrastructure Solutions",
        "Tech Build Group",
      ]}
      title="Trusted by Leading Engineering & Construction Firms"
      description="ForgeFlow partners with industry leaders to deliver unparalleled project management and engineering excellence."
      tag="Our Esteemed Partners"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      tagIcon={Phone}
      title="Ready to Transform Your Projects?"
      description="Contact our sales team today to schedule a personalized demo and discover how ForgeFlow can revolutionize your construction engineering operations."
      buttons={[
        {
          text: "Request a Demo",
          href: "#",
        },
        {
          text: "Speak to Sales",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/maximum-income-background_1132-11.jpg"
      logoAlt="ForgeFlow logo"
      logoText="ForgeFlow"
      copyrightText="© 2024 ForgeFlow. All rights reserved."
      socialLinks={[
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
