"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import AboutMetric from "@/components/sections/about/AboutMetric";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { TrendingUp, Building2, Globe, Users, Zap, Sparkles, Mail } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Features", id: "/features" },
    { name: "Pricing", id: "/pricing" },
    { name: "Solutions", id: "/solutions" },
    { name: "Testimonials", id: "/testimonials" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="SYS AI"
          navItems={navItems}
          button={{
            text: "Get Started",
            href: "https://demo.sys-ai.erp/signup",
          }}
          className="fixed top-4 left-4 right-4 z-50"
          buttonClassName="px-6 py-2"
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero" className="pt-24">
        <HeroBillboardTestimonial
          title="Streamline Your Enterprise Operations"
          description="Transform your business with intelligent ERP software. Automate workflows, optimize resources, and make data-driven decisions with SYS AI's comprehensive business management platform."
          tag="Enterprise Solution"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=1"
          imageAlt="Enterprise ERP Dashboard"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Priya Sharma",
              handle: "Operations Director, TechFlow Industries",
              testimonial: "Implementing this ERP system reduced our operational costs by 35% in the first year. The automation capabilities are exceptional.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png",
            },
            {
              name: "James Mitchell",
              handle: "CFO, Global Manufacturing Corp",
              testimonial: "The financial reporting module alone has saved us thousands in audit time. This is a game-changer for enterprise management.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png",
            },
            {
              name: "Elena Rodriguez",
              handle: "Supply Chain Manager, Commerce Solutions",
              testimonial: "Real-time inventory tracking and supplier management has transformed our supply chain efficiency. Highly recommended.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png",
            },
          ]}
          buttons={[
            {
              text: "Start Free Trial",
              href: "https://demo.sys-ai.erp/trial",
            },
            {
              text: "Schedule Demo",
              href: "https://demo.sys-ai.erp/demo",
            },
          ]}
          buttonAnimation="slide-up"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png",
              alt: "Customer avatar",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png",
              alt: "Customer avatar",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png",
              alt: "Customer avatar",
            },
          ]}
          avatarText="Join 500+ enterprises"
        />
      </div>

      {/* Features Section */}
      <div id="features" data-section="features">
        <FeatureCardThree
          title="Powerful Features Built for Enterprise"
          description="Comprehensive modules designed to integrate all aspects of your business operations seamlessly."
          tag="Core Features"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              id: "01",
              title: "Workflow Automation",
              description: "Automate repetitive business processes and eliminate manual work. Reduce errors and increase productivity across all departments.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-workflow-automation-visual-showing-pro-1773260887710-955647a7.png?_wi=1",
              imageAlt: "Workflow automation diagram",
            },
            {
              id: "02",
              title: "Advanced Analytics & Reporting",
              description: "Gain deep insights with customizable dashboards and real-time reports. Make informed decisions backed by accurate data.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-comprehensive-reporting-and-analytics--1773260888049-45fadd00.png?_wi=1",
              imageAlt: "Analytics dashboard",
            },
            {
              id: "03",
              title: "Team Collaboration",
              description: "Enable seamless communication and document sharing across departments. Improve coordination and project management efficiency.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-team-collaboration-interface-showing-r-1773260890636-c0ecafa3.png?_wi=1",
              imageAlt: "Team collaboration interface",
            },
            {
              id: "04",
              title: "Scalable Architecture",
              description: "Grow without limitations. Our cloud-native platform scales with your business from startup to enterprise level.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=2",
              imageAlt: "Scalable system architecture",
            },
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            {
              text: "Explore All Features",
              href: "/solutions",
            },
          ]}
        />
      </div>

      {/* Metrics Section */}
      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Trusted by Leading Enterprise Organizations Worldwide"
          metrics={[
            {
              icon: TrendingUp,
              label: "Revenue Growth",
              value: "42%",
            },
            {
              icon: Building2,
              label: "Enterprise Clients",
              value: "500+",
            },
            {
              icon: Globe,
              label: "Global Presence",
              value: "75+",
            },
            {
              icon: Users,
              label: "Active Users",
              value: "100K+",
            },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      {/* Social Proof Section */}
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join hundreds of Fortune 500 companies and innovative enterprises using our platform."
          tag="Partners"
          textboxLayout="default"
          useInvertedBackground={true}
          logos={[
            "http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg",
            "http://img.b2bpic.net/free-vector/hand-drawn-data-logo-template_23-2149204606.jpg",
            "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149201864.jpg",
            "http://img.b2bpic.net/free-vector/virtual-cloud-logo_1071-65.jpg",
            "http://img.b2bpic.net/free-vector/social-network-concept_23-2147505117.jpg",
            "http://img.b2bpic.net/free-vector/futuristic-cloud-computing-tech-background-data-visualization_1017-57870.jpg",
            "http://img.b2bpic.net/free-vector/industry-4-0-logo-design_23-2151266854.jpg",
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Enterprise Leaders Say About Us"
          description="Real experiences from companies that transformed their operations with our platform."
          tag="Success Stories"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              name: "Rajesh Patel, CEO of TechFlow Industries",
              date: "Date: 15 November 2024",
              title: "Exceptional Implementation Support",
              quote: "The onboarding process was smooth and the dedicated support team ensured our 200-person organization was up and running within 6 weeks. Their expertise is unmatched in the ERP space.",
              tag: "Enterprise",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-office-environment-with-busines-1773260887280-5d90fc23.png?_wi=1",
            },
            {
              id: "2",
              name: "Maria Chen, CFO of Global Manufacturing Corp",
              date: "Date: 22 October 2024",
              title: "Outstanding Financial Management",
              quote: "The financial modules have given us complete visibility into our P&L across all divisions. Audit time has been cut by 60% and our CFO team can now focus on strategy instead of reconciliation.",
              tag: "Finance",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=3",
            },
            {
              id: "3",
              name: "David Kowalski, COO of Commerce Solutions",
              date: "Date: 8 October 2024",
              title: "Transformation at Scale",
              quote: "Managing 15 warehouses across 3 countries is now seamless. Real-time inventory visibility and automated reordering have reduced stockouts by 75% and cut carrying costs by 28%.",
              tag: "Operations",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-workflow-automation-visual-showing-pro-1773260887710-955647a7.png?_wi=2",
            },
            {
              id: "4",
              name: "Sophie Laurent, VP Sales at Continental Services",
              date: "Date: 25 September 2024",
              title: "Sales Team Empowerment",
              quote: "Our sales team now has instant access to customer history, inventory, and delivery status. Deal closure time has improved by 40% and customer satisfaction scores hit an all-time high.",
              tag: "Sales",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-deve-1773260886571-56179c7d.png",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-comprehensive-reporting-and-analytics--1773260888049-45fadd00.png?_wi=2",
            },
            {
              id: "5",
              name: "Klaus Mueller, Production Manager at EuroManufact",
              date: "Date: 12 September 2024",
              title: "Manufacturing Excellence",
              quote: "Production scheduling is now data-driven and our equipment downtime has been reduced by 45%. The predictive maintenance features alone have saved us over €2 million annually.",
              tag: "Manufacturing",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-manufacturing-1773260886981-7ca18b43.png",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-team-collaboration-interface-showing-r-1773260890636-c0ecafa3.png?_wi=2",
            },
            {
              id: "6",
              name: "Amelia Thompson, CTO of Digital Innovations Inc",
              date: "Date: 1 September 2024",
              title: "Enterprise-Grade Reliability",
              quote: "The system architecture is solid. We've achieved 99.99% uptime, the API is well-documented, and their technical support team responds within minutes to any critical issue.",
              tag: "Technology",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-an-it-director--1773260887023-400d2d97.png",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=4",
            },
          ]}
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about our ERP platform, implementation, and support."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "How long does implementation typically take?",
              content: "Implementation timeline depends on your organization's complexity and size. Most implementations take 8-16 weeks. We provide dedicated implementation teams and comprehensive training to ensure smooth deployment.",
            },
            {
              id: "2",
              title: "What about data migration from legacy systems?",
              content: "We handle complete data migration from your existing systems. Our team validates data integrity, manages mappings, and ensures zero data loss. Migration is typically completed during your implementation phase.",
            },
            {
              id: "3",
              title: "Is the platform cloud-based or on-premise?",
              content: "Our platform is primarily cloud-based for maximum scalability and reliability. However, we offer hybrid deployments for organizations with specific compliance requirements. All options include automatic updates and backups.",
            },
            {
              id: "4",
              title: "What kind of training and support is included?",
              content: "We provide comprehensive training including online documentation, video tutorials, live webinars, and dedicated onboarding specialists. Premium support includes 24/7 phone and email support with guaranteed response times.",
            },
            {
              id: "5",
              title: "Can the system integrate with our existing tools?",
              content: "Yes, our platform has a comprehensive API and pre-built integrations with popular business applications. Our integration specialists can also build custom connectors for your specific needs.",
            },
            {
              id: "6",
              title: "What security measures are in place?",
              content: "We implement enterprise-grade security including 256-bit encryption, multi-factor authentication, role-based access control, and regular security audits. We're compliant with SOC 2, ISO 27001, and industry-specific regulations.",
            },
            {
              id: "7",
              title: "How is pricing calculated?",
              content: "Pricing is based on number of users, modules selected, and deployment type. We offer flexible monthly or annual subscription models with transparent pricing. Volume discounts are available for larger organizations.",
            },
            {
              id: "8",
              title: "What is your uptime guarantee?",
              content: "We guarantee 99.99% uptime with automatic failover and redundant systems. Our SLA includes guaranteed response and resolution times for critical issues based on your support tier.",
            },
          ]}
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated with Enterprise Insights"
          description="Subscribe to our monthly newsletter for industry trends, best practices, and product updates tailored to enterprise operations."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-office-environment-with-busines-1773260887280-5d90fc23.png?_wi=2"
          imageAlt="Professional office collaboration"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. See our privacy policy for details."
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="SYS AI"
          leftLink={{
            text: "Privacy Policy",
            href: "/privacy",
          }}
          rightLink={{
            text: "Terms of Service",
            href: "/terms",
          }}
        />
      </div>
    </ThemeProvider>
  );
}