"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import FaqBase from "@/components/sections/faq/FaqBase";
import {
  Sparkles,
  Award,
  Zap,
  TrendingUp,
  MessageCircle,
  CheckCircle,
  Target,
  Lightbulb,
  Palette,
  Eye,
  Code,
  Shield,
  Briefcase,
  Star,
  Users,
  Twitter,
  Linkedin,
  Instagram,
  Github,
  Leaf,
  BarChart3,
  Headphones,
  Clock,
} from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="ArborFlow"
          navItems={[
            { name: "Über Uns", id: "about" },
            { name: "Services", id: "services" },
            { name: "Wie es funktioniert", id: "howItWorks" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Get Started",            href: "#contact"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Revolutionize Your Tree Care Business with ArborFlow"
          description="The ultimate platform designed specifically for tree care professionals. Streamline operations, manage crews, track projects, and grow your business with confidence. Built by industry experts, for industry leaders."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Tree Care Companies" },
            { value: "98%", label: "Customer Satisfaction" },
            { value: "10M+", label: "Trees Managed" },
          ]}
          enableKpiAnimation={true}
          tag="Tree Care Management"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          buttons={[
            { text: "Start Your Free Trial", href: "#contact" },
            { text: "Watch Demo", href: "#howItWorks" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/overview-arborist-working-tree-services_23-2151234567.jpg"
          imageAlt="Professional tree care management dashboard"
          mediaAnimation="slide-up"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About ArborFlow"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Empowering tree care professionals with intelligent solutions that maximize efficiency, profitability, and customer satisfaction. Your competitive advantage in tree services."
          useInvertedBackground={false}
          buttons={[{ text: "Discover Our Story", href: "#services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Comprehensive Solutions for Tree Care Professionals"
          description="Everything you need to manage and grow your tree care business efficiently. From scheduling and crew management to billing and customer communication."
          tag="Core Features"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              tag: "Job Management",              title: "Smart Job Scheduling & Dispatching",              subtitle: "Optimize Your Workforce",              description: "Intelligently assign jobs to crews based on location, skills, and availability. Real-time tracking, automated notifications, and seamless communication keep everyone aligned and your operations running smoothly.",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-organizing-schedule-calendar_23-2148050123.jpg",              imageAlt: "Job scheduling interface"
            },
            {
              id: 2,
              tag: "Financial",              title: "Invoicing & Financial Management",              subtitle: "Control Your Bottom Line",              description: "Professional invoicing, automated billing, expense tracking, and comprehensive financial reporting. Know exactly where your money is coming from and where it's going with real-time insights.",              imageSrc: "http://img.b2bpic.net/free-photo/financial-report-dashboard-analysis_23-2148050234.jpg",              imageAlt: "Financial dashboard"
            },
            {
              id: 3,
              tag: "Communication",              title: "Customer Communication Hub",              subtitle: "Build Lasting Relationships",              description: "Integrated messaging, automated appointment reminders, service updates, and follow-ups. Keep customers informed and engaged while building trust and loyalty that drives repeat business.",              imageSrc: "http://img.b2bpic.net/free-photo/team-collaboration-communication_23-2148050345.jpg",              imageAlt: "Communication platform"
            },
            {
              id: 4,
              tag: "Analytics",              title: "Advanced Analytics & Reporting",              subtitle: "Data-Driven Decisions",              description: "Comprehensive business intelligence dashboards that show job performance, crew productivity, customer trends, and profitability metrics. Make informed decisions based on real data.",              imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2148050456.jpg",              imageAlt: "Analytics dashboard"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Explore All Features", href: "#howItWorks" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="howItWorks" data-section="howItWorks">
        <FeatureCardTen
          title="How ArborFlow Works: Three Simple Steps to Success"
          description="Get your tree care business running on ArborFlow in minutes. Our streamlined onboarding process ensures you're managing jobs like a pro from day one."
          tag="The ArborFlow Method"
          tagIcon={Target}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Setup & Configuration",              description: "Import your team, add your services, configure pricing, and customize the platform to match your business. Our expert onboarding team guides you every step of the way.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/setup-configuration-professional_23-2148050567.jpg",                imageAlt: "Setup and configuration"
              },
              items: [
                { icon: CheckCircle, text: "Guided setup wizard" },
                { icon: Users, text: "Team member profiles" },
                { icon: Briefcase, text: "Service customization" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Manage Operations",              description: "Schedule jobs, dispatch crews, track progress in real-time, and communicate with customers. Automate repetitive tasks and focus on growing your business.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/team-managing-operations_23-2148050678.jpg",                imageAlt: "Operations management"
              },
              items: [
                { icon: Zap, text: "Smart scheduling" },
                { icon: TrendingUp, text: "Real-time tracking" },
                { icon: MessageCircle, text: "Team collaboration" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Grow Your Revenue",              description: "Invoice customers instantly, upsell additional services, increase crew productivity, and watch your profitability soar. Data-driven insights help you identify growth opportunities.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/revenue-growth-success_23-2148050789.jpg",                imageAlt: "Revenue growth"
              },
              items: [
                { icon: BarChart3, text: "Profitability tracking" },
                { icon: Award, text: "Performance metrics" },
                { icon: Star, text: "Customer retention" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[{ text: "See Live Demo", href: "#metrics" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="The Numbers Behind ArborFlow's Success"
          description="Real results from real tree care professionals using ArborFlow to transform their businesses."
          tag="Impact & Results"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "45%",              title: "Increased Revenue",              description: "Average revenue increase within the first year of using ArborFlow",              icon: BarChart3,
            },
            {
              id: "2",              value: "32%",              title: "Time Saved",              description: "Reduction in administrative work through automation and streamlined processes",              icon: Zap,
            },
            {
              id: "3",              value: "89%",              title: "Customer Retention",              description: "Improved customer satisfaction and repeat business rates",              icon: Users,
            },
            {
              id: "4",              value: "48 Hours",              title: "Average Setup Time",              description: "Rapid onboarding that gets your team productive from day one",              icon: Clock,
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Read Success Stories", href: "#testimonials" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Tree Care Professionals Say About ArborFlow"
          description="Hear from established business owners who've transformed their operations with our platform."
          tag="Client Stories"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Klaus Mueller, Owner of Mueller Baumpflege",              date: "November 2024",              title: "Finally, Software Built for Our Industry",              quote: "As a tree care owner for 18 years, I've tried everything. ArborFlow is the first platform that actually understands our business. Job scheduling is intuitive, invoicing is fast, and my team loves using it. We've grown 30% since implementation.",              tag: "Germany - 25+ Employees",              avatarSrc: "http://img.b2bpic.net/free-photo/confident-german-businessman_23-2148050901.jpg",              avatarAlt: "Klaus Mueller",              imageSrc: "http://img.b2bpic.net/free-photo/confident-german-businessman_23-2148050901.jpg"
            },
            {
              id: "2",              name: "Peter Schmidt, Schmidt Tree Services",              date: "October 2024",              title: "Our Team Loves It",              quote: "The mobile app changed everything. Crews can see their assignments, upload before/after photos, and customers get instant updates. I've eliminated so many manual processes. This is the tool I've been waiting for.",              tag: "Austria - 15 Employees",              avatarSrc: "http://img.b2bpic.net/free-photo/professional-austrian-manager_23-2148051012.jpg",              avatarAlt: "Peter Schmidt",              imageSrc: "http://img.b2bpic.net/free-photo/professional-austrian-manager_23-2148051012.jpg"
            },
            {
              id: "3",              name: "Julia Hoffmann, Hoffmann Gartenservice",              date: "September 2024",              title: "Professional Growth Made Easy",              quote: "ArborFlow helped us scale from 8 to 22 employees without losing quality. The reporting tools show me exactly what's working and where to focus. My accountant says our finances have never been cleaner.",              tag: "Switzerland - 22 Employees",              avatarSrc: "http://img.b2bpic.net/free-photo/swiss-woman-entrepreneur_23-2148051123.jpg",              avatarAlt: "Julia Hoffmann",              imageSrc: "http://img.b2bpic.net/free-photo/swiss-woman-entrepreneur_23-2148051123.jpg"
            },
            {
              id: "4",              name: "Marc Bertrand, Bertrand Paysagement",              date: "August 2024",              title: "Exactly What We Needed",              quote: "As a 30-year-old business owner, I wanted modern tools. ArborFlow delivers. The customer communication features alone have improved our reputation significantly. Response time is everything in this business.",              tag: "Switzerland - 18 Employees",              avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman_23-2148051234.jpg",              avatarAlt: "Marc Bertrand",              imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman_23-2148051234.jpg"
            },
            {
              id: "5",              name: "Dieter Neumann, Neumann Baumklinik",              date: "July 2024",              title: "Profitability Improved Immediately",              quote: "The profitability insights are incredible. I can see exactly which services are most profitable, which crew members perform best, and where to focus for growth. My margins improved 18% in six months.",              tag: "Germany - 20 Employees",              avatarSrc: "http://img.b2bpic.net/free-photo/mature-german-entrepreneur_23-2148051345.jpg",              avatarAlt: "Dieter Neumann",              imageSrc: "http://img.b2bpic.net/free-photo/mature-german-entrepreneur_23-2148051345.jpg"
            },
            {
              id: "6",              name: "Frank Richter, Richter Gartengestaltung",              date: "June 2024",              title: "Industry-Specific Advantage",              quote: "Before ArborFlow, we were using generic business software. Having a platform built specifically for tree care makes a massive difference. Setup was fast, training was easy, and ROI was immediate.",              tag: "Germany - 28 Employees",              avatarSrc: "http://img.b2bpic.net/free-photo/experienced-business-owner_23-2148051456.jpg",              avatarAlt: "Frank Richter",              imageSrc: "http://img.b2bpic.net/free-photo/experienced-business-owner_23-2148051456.jpg"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Start Your Success Story", href: "#faq" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardTen
          title="Why Tree Care Professionals Choose ArborFlow"
          description="Four essential reasons why business owners aged 30-55 across Europe trust ArborFlow for their competitive edge."
          tag="Our Competitive Advantages"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Industry-Specific Design",              description: "Built by tree care professionals who understand your challenges. Every feature is optimized for arboriculture operations, seasonal workflows, and crew management.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/industry-specific-software_23-2148051567.jpg",                imageAlt: "Industry-specific design"
              },
              items: [
                { icon: Target, text: "Purpose-built for tree care" },
                { icon: Lightbulb, text: "Proven workflows" },
                { icon: Zap, text: "Optimized performance" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Superior Customer Support",              description: "Dedicated support team of tree care experts. Real people who answer your phone, understand your business, and help you succeed.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/customer-support-team_23-2148051678.jpg",                imageAlt: "Customer support"
              },
              items: [
                { icon: Headphones, text: "Expert support team" },
                { icon: Shield, text: "99.9% uptime" },
                { icon: Star, text: "Priority assistance" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Transparent, Predictable Pricing",              description: "No hidden fees or surprise charges. Fair, transparent pricing that scales with your business. Know exactly what you're paying for.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/pricing-transparency_23-2148051789.jpg",                imageAlt: "Transparent pricing"
              },
              items: [
                { icon: BarChart3, text: "No hidden fees" },
                { icon: Award, text: "Fair pricing model" },
                { icon: TrendingUp, text: "Scales with growth" },
              ],
              reverse: false,
            },
            {
              id: "4",              title: "Proven Track Record",              description: "Trusted by 500+ tree care companies across Germany, Austria, and Switzerland. Real results from real businesses in your market.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/proven-success_23-2148051890.jpg",                imageAlt: "Proven track record"
              },
              items: [
                { icon: Users, text: "500+ active users" },
                { icon: CheckCircle, text: "98% satisfaction" },
                { icon: Briefcase, text: "10+ years combined experience" },
              ],
              reverse: true,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "#faq" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Häufig gestellte Fragen"
          description="Alles, was Sie über ArborFlow wissen müssen. Haben Sie eine andere Frage? Unser Support-Team steht Ihnen zur Verfügung."
          tag="Support"
          tagIcon={Headphones}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Wie lange dauert die Einrichtung und das Onboarding?",              content: "Die initiale Einrichtung dauert etwa 2-3 Stunden. Unser spezialisiertes Onboarding-Team begleitet Sie durch jeden Schritt. Die meisten Benutzer können am ersten Tag mit der Planung von Jobs beginnen."
            },
            {
              id: "2",              title: "Können wir unser vorhandenes CRM oder andere Software mit ArborFlow integrieren?",              content: "Ja, ArborFlow integriert sich mit den meisten gängigen Business-Tools. Wir unterstützen Integrationen mit Buchhaltungssoftware, CRM-Systemen und Kommunikationsplattformen. Kontaktieren Sie unser Team für spezifische Integrationsmöglichkeiten."
            },
            {
              id: "3",              title: "Welche Geräte unterstützt die mobile App?",              content: "ArborFlow funktioniert auf iOS und Android. Sie können auf Desktop, Tablet und Smartphone zugreifen. Die App funktioniert auch offline – alle Änderungen werden synchronisiert, wenn die Verbindung wiederhergestellt ist."
            },
            {
              id: "4",              title: "Wie werden meine Daten geschützt?",              content: "Wir verwenden Enterprise-Grade-Verschlüsselung (256-Bit SSL) und entsprechen DSGVO-Anforderungen. Ihre Daten werden redundant gesichert und gehostet auf deutschen Servern mit mehrschichtiger Sicherheit."
            },
            {
              id: "5",              title: "Kann ich das System speziell an meinen Betrieb anpassen?",              content: "Absolut. ArborFlow ist hochgradig konfigurierbar. Sie können Dienstleistungen, Preismodelle, Feldoptionen und Berichte anpassen. Für erweiterte Customizations steht unser Professional Services Team zur Verfügung."
            },
            {
              id: "6",              title: "Was kostet ArborFlow und gibt es eine kostenlose Testphase?",              content: "ArborFlow bietet flexible Preispläne, die mit Ihrem Betrieb wachsen. Die Preise basieren auf der Anzahl der Benutzer und Funktionen. Wir bieten eine kostenlose 30-Tage-Testphase ohne Kreditkarte an – vollständigen Zugang zu allen Funktionen."
            },
            {
              id: "7",              title: "Wie wird der Kundensupport angeboten?",              content: "Sie erhalten Unterstützung per E-Mail, Telefon und Live-Chat während der Geschäftszeiten (8:00-18:00 CET, Mo-Fr). Premium-Kunden haben Zugang zu dediziertem Support und priorisierten Response-Zeiten."
            },
            {
              id: "8",              title: "Können meine Kunden das System selbst nutzen?",              content: "Ja. Ihre Kunden können sich über das Kundenportal anmelden, um ihren Projektstatus zu verfolgen, Rechnungen anzusehen und über ein Kommunikations-Dashboard mit Ihrem Team in Kontakt zu bleiben."
            },
            {
              id: "9",              title: "Wie erfolgt die Datenerfassung von bestehenden Projekten?",              content: "Unser Team kann historische Daten aus Ihrem aktuellen System migrieren. Wir bieten Datenimporttools und, falls nötig, unterstützen unsere Experten die Migration. Der Prozess ist normalerweise in 1-2 Wochen abgeschlossen."
            },
            {
              id: "10",              title: "Wird ArborFlow ständig aktualisiert und verbessert?",              content: "Ja, ArborFlow wird kontinuierlich entwickelt. Wir veröffentlichen monatlich Updates mit neuen Funktionen basierend auf Kundenfeedback. Alle Updates sind für Premium-Kunden kostenlos und automatisch."
            },
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Bereit, Ihren Baumpflegebetrieb auf die nächste Stufe zu bringen? Starten Sie noch heute mit ArborFlow und erleben Sie die Transformation. Kostenlose 30-Tage-Testphase – keine Kreditkarte erforderlich."
          animationType="entrance-slide"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Kostenlose Testphase starten", href: "mailto:hello@arborflow.de" },
            { text: "Demo vereinbaren", href: "#howItWorks" },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="ArborFlow"
          copyrightText="© 2025 ArborFlow. Alle Rechte vorbehalten. Software für professionelle Baumpflege."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com/arborflow",              ariaLabel: "Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/arborflow",              ariaLabel: "LinkedIn"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/arborflow",              ariaLabel: "Instagram"
            },
            {
              icon: Github,
              href: "https://github.com/arborflow",              ariaLabel: "GitHub"
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
