"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, TrendingUp, DollarSign, CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Workflow"
          button={{
            text: "Book a Demo",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel 
          title="Automate your workflows. Save thousands in overhead."
          description="Eliminate manual tasks. Connect your tools. Run your business on autopilot. Built for teams scaling from 5 to 500."
          tag="Workflow Automation"
          buttons={[
            {
              text: "Book a Demo",              href: "contact"
            },
            {
              text: "View Pricing",              href: "pricing"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg",              imageAlt: "Automation workflow dashboard"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",              imageAlt: "Process integration visualization"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",              imageAlt: "Team collaboration platform"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",              imageAlt: "Analytics and reporting interface"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg",              imageAlt: "API integration framework"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",              imageAlt: "Efficiency optimization results"
            }
          ]}
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <FeatureCardEight 
          title="Four steps to automation"
          description="Get from zero to fully automated in under 24 hours."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Connect Tools",              description: "Link your existing apps—Slack, Salesforce, HubSpot, Stripe, and 500+ more. Native integrations or custom webhooks.",              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
            },
            {
              id: 2,
              title: "Define Workflows",              description: "Set rules in plain English. If X happens, do Y. No code required. Drag-and-drop builder with templates.",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
            },
            {
              id: 3,
              title: "Run & Monitor",              description: "Workflows execute instantly. Real-time logs and error handling. Audit trail for compliance.",              imageSrc: "https://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg"
            },
            {
              id: 4,
              title: "Scale Effortlessly",              description: "From 1 workflow to 1,000. Handles millions of actions per month. Always available, zero downtime.",              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree 
          title="Backed by numbers"
          description="Proven impact for teams that matter."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Zap,
              title: "Hours Saved",              value: "40+ hrs/mo"
            },
            {
              id: "2",              icon: TrendingUp,
              title: "Productivity Gain",              value: "3.2x faster"
            },
            {
              id: "3",              icon: DollarSign,
              title: "Cost Reduction",              value: "$85k/year"
            },
            {
              id: "4",              icon: CheckCircle,
              title: "Error Reduction",              value: "99.9% accuracy"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What customers say"
          description="Real feedback from the teams using our platform."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, COO at TechScale",              date: "Date: 12 November 2024",              title: "This tool paid for itself in week one.",              quote: "Our team was drowning in manual data entry. Within 48 hours of setup, we eliminated 80% of repetitive work. ROI was immediate—we're processing 10x the volume with the same headcount.",              tag: "Enterprise",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg"
            },
            {
              id: "2",              name: "Marcus Rodriguez, VP Engineering at FinTech Collective",              date: "Date: 18 November 2024",              title: "The integration was seamless. The support team is exceptional.",              quote: "We integrated our entire stack in a weekend. The platform is bulletproof—zero failures in production. Every integration works exactly as promised. Highly recommend.",              tag: "Mid-Market",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
            },
            {
              id: "3",              name: "Lisa Park, Operations Director at Growth Labs",              date: "Date: 25 November 2024",              title: "Our compliance team loves the audit trails.",              quote: "For regulated industries, the logging and compliance features are critical. Everything is documented, timestamped, and auditable. This is the only tool that meets our security requirements.",              tag: "Compliance",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg"
            },
            {
              id: "4",              name: "James Wu, Founder at Velocity Systems",              date: "Date: 02 December 2024",              title: "Freed up our best people to do real work.",              quote: "I was watching brilliant engineers waste time on busywork. We deployed this, automated the repetitive stuff, and suddenly they could focus on building. It's been transformative.",              tag: "Startup",              avatarSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
            },
            {
              id: "5",              name: "Priya Kapoor, CTO at DataWorks Inc",              date: "Date: 08 December 2024",              title: "The best investment we made this year.",              quote: "Cost savings alone exceeded our annual budget. But the real win is the operational resilience—we sleep better at night knowing systems run reliably without manual intervention.",              tag: "Enterprise",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
            },
            {
              id: "6",              name: "David Thompson, Head of Operations at StreamCorp",              date: "Date: 15 December 2024",              title: "Exactly what we needed. No bloat, no nonsense.",              quote: "Too many tools promise the world and deliver complexity. This one is refreshingly simple. Powerful automation, minimal learning curve, transparent pricing. Everything works.",              tag: "Mid-Market",              avatarSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to eliminate manual work? Let's get you running in 24 hours."
          animationType="reveal-blur"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Book a Demo",              href: "contact"
            },
            {
              text: "View Plans",              href: "pricing"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-vector/technology-background_1035-1272.jpg"
          imageAlt="Workflow automation technology"
          logoText="Workflow"
          copyrightText="© 2025 Workflow. Built for teams that move fast."
          columns={[
            {
              title: "Product",              items: [
                {
                  label: "Features",                  href: "#features"
                },
                {
                  label: "Integrations",                  href: "#integrations"
                },
                {
                  label: "Pricing",                  href: "#pricing"
                },
                {
                  label: "Security",                  href: "#security"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About",                  href: "#about"
                },
                {
                  label: "Blog",                  href: "#blog"
                },
                {
                  label: "Careers",                  href: "#careers"
                },
                {
                  label: "Contact",                  href: "#contact"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "Documentation",                  href: "#docs"
                },
                {
                  label: "API Reference",                  href: "#api"
                },
                {
                  label: "Community",                  href: "#community"
                },
                {
                  label: "Status",                  href: "#status"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}