"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function HiveManagementPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Services", id: "features" },
              { name: "Performance", id: "metrics" },
              { name: "Pricing", id: "pricing" },
              { name: "Support", id: "contact" },
            ]}
            brandName="Hive Management"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            background={{ variant: "sparkles-gradient" }}
            title="Unified Management for Your Apiary Business"
            description="Streamline your colony health, staff schedules, and harvest distribution with our enterprise-grade management platform."
            tag="Hive Management Solutions"
            testimonials={[
              { name: "Sarah Miller", handle: "@millers_honey", testimonial: "The centralization of hive records has increased our staff efficiency by 40%.", rating: 5 }
            ]}
            buttons={[{ text: "Get Started" }, { text: "Request Demo" }]}
            imageSrc="http://img.b2bpic.net/free-photo/hives-with-bees_93675-128598.jpg"
          />
        </div>

        <div id="about" data-section="about">
          <TextAbout
            title="Empowering Business Operations in Apiary Science"
            tag="Our Mission"
            useInvertedBackground={false}
            buttons={[{ text: "Read Our Story" }]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentyFour
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            title="Comprehensive Administration"
            description="Tools built to manage your inventory, staff, and bee health in one interface."
            features={[
              { id: "1", title: "Resource Planning", author: "Operations", description: "Automate your inventory procurement and resource allocation.", tags: ["Planning", "Enterprise"], imageSrc: "http://img.b2bpic.net/free-photo/beekeeper-working-bee-farm_23-2151441180.jpg" }
            ]}
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardTwo
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            title="Business Growth Metrics"
            description="Track your bottom-line performance across all your apiary sites."
            metrics={[
              { id: "1", value: "85%", description: "Revenue growth in 2024" },
              { id: "2", value: "1.2M", description: "Pounds of honey processed" },
              { id: "3", value: "50+", description: "Regional sites managed" }
            ]}
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardEight
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            title="Transparent Enterprise Pricing"
            description="Choose the right management suite for your operational scale."
            plans={[
              { id: "standard", badge: "Standard", price: "$499/mo", subtitle: "Essential management tools", buttons: [{ text: "Select Plan" }], features: ["Inventory Tracking", "Staff Roles", "Basic Reports"] },
              { id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Full suite, dedicated support", buttons: [{ text: "Contact Sales" }], features: ["API Access", "Predictive AI Analytics", "Dedicated Consultant"] }
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            showRating={true}
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            title="Client Success Stories"
            description="Hear from apiary businesses scaling with Hive Management."
            testimonials={[
              { id: "1", name: "Alex Rivers", handle: "@riverbees", testimonial: "The only platform that handles the administrative complexity of large-scale beekeeping.", rating: 5 }
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            sideTitle="Frequently Asked Questions"
            sideDescription="Common queries about our administration service."
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              { id: "1", title: "Can I integrate my existing inventory?", content: "Yes, we provide standard API imports for most ERPs." }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplit
            tag="Connect with us"
            title="Talk to a Hive Management Expert"
            description="Let's discuss how our administration tools can streamline your apiary business."
            background={{ variant: "sparkles-gradient" }}
            useInvertedBackground={false}
            mediaAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBase
            logoText="Hive Management"
            columns={[
              { title: "Business", items: [{ label: "Products", href: "#" }, { label: "Enterprise", href: "#" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
