"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import MediaAbout from '@/components/sections/about/MediaAbout';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ArrowRight, Award, Briefcase, CheckCircle, DollarSign, HelpCircle, Mail, Zap, Users, TrendingUp, Shield } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav" className="hidden md:block">
        <NavbarStyleCentered
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "process" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Get Started", href: "contact" }}
          brandName="4-Dice Enterprises"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Industrial Strength. Uncompromising Design."
          description="Bold, powerful solutions engineered for enterprises that demand excellence. Where precision meets aggressive innovation."
          background={{ variant: "plain" }}
          tag="Enterprise Grade"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Solutions", href: "services" },
            { text: "Learn More", href: "process" },
          ]}
          imageSrc="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?w=1200&h=600&fit=crop"
          imageAlt="Industrial workspace with cutting-edge technology"
          mediaAnimation="slide-up"
          ariaLabel="Hero section - 4-Dice Enterprises"
        />
      </div>

      <div id="trust-badges" data-section="trust-badges">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Leading enterprises worldwide depend on our bold industrial solutions"
          tag="Trust & Excellence"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Fortune 500 Tech Giants",            "Global Manufacturing Leaders",            "Enterprise Architecture Firms",            "Industrial Innovation Centers",            "Strategic Business Partners",            "Premium Technology Networks",            "Enterprise Solutions Providers"
          ]}
          speed={40}
          showCard={true}
          ariaLabel="Trusted partners and industry leaders"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Industrial Services"
          description="Comprehensive enterprise solutions designed for maximum impact and uncompromising quality"
          tag="What We Deliver"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "Strategic Consulting",              description: "Bold strategies that transform enterprise operations. We deliver aggressive, data-driven approaches for complex business challenges.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=1",              imageAlt: "Strategic consulting session",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
            {
              title: "Implementation Excellence",              description: "Precision execution at scale. Our teams deploy enterprise solutions with industrial-grade reliability and meticulous attention to detail.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=2",              imageAlt: "Implementation and deployment",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
            {
              title: "Technical Architecture",              description: "Robust systems built for performance. Enterprise-grade infrastructure engineered to handle maximum demands without compromise.",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop",              imageAlt: "Technical architecture planning",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
            {
              title: "24/7 Support & Maintenance",              description: "Round-the-clock enterprise support. Our dedicated teams ensure uninterrupted operations with immediate response protocols.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=3",              imageAlt: "Enterprise support center",              buttonIcon: ArrowRight,
              buttonHref: "contact"
            },
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <MediaAbout
          title="3-Step Process"
          description="Our proven methodology delivers results. From discovery through deployment, we follow a rigorous process that ensures enterprise-grade success at every stage. Bold action. Uncompromising execution. Maximum impact."
          tag="Proven Methodology"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[{ text: "Start Your Journey", href: "contact" }]}
          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1"
          imageAlt="Our strategic process in action"
          useInvertedBackground={false}
          ariaLabel="3-Step process section"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardTwentySix
          title="Why Choose 4-Dice Enterprises?"
          description="We don't compromise on quality, innovation, or results. Our industrial approach to business delivers measurable advantages."
          tag="Our Commitment"
          tagIcon={Shield}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Uncompromising Quality",              description: "Every solution meets industrial-grade standards. Precision engineering applied to business strategy and execution.",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=600&h=400&fit=crop",              imageAlt: "Quality assurance",              buttonIcon: CheckCircle,
              buttonHref: "contact"
            },
            {
              title: "Enterprise Experience",              description: "20+ years transforming Fortune 500 companies. Deep expertise across industries, proven track record of delivering results.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=4",              imageAlt: "Enterprise expertise",              buttonIcon: TrendingUp,
              buttonHref: "contact"
            },
            {
              title: "Bold Innovation",              description: "Aggressive R&D investment drives breakthrough solutions. We don't follow trends—we create them.",              imageSrc: "https://images.unsplash.com/photo-1504384308090-c894fdcc538d?w=600&h=400&fit=crop",              imageAlt: "Innovation lab",              buttonIcon: Zap,
              buttonHref: "contact"
            },
            {
              title: "Dedicated Support",              description: "Your success is our mission. 24/7 enterprise support with dedicated account management and immediate response.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=5",              imageAlt: "Customer support team",              buttonIcon: Users,
              buttonHref: "contact"
            },
          ]}
        />
      </div>

      <div id="founders" data-section="founders">
        <MediaAbout
          title="Founders Story"
          description="Founded in 2004 by industry veterans with a vision to revolutionize enterprise solutions. Our founders transformed decades of experience into a company that leads through innovation, precision, and unwavering commitment to excellence. 4-Dice Enterprises was built on the principle that bold vision combined with meticulous execution creates unmatched value."
          tag="Our Heritage"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "Explore Our Team", href: "#" }]}
          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2"
          imageAlt="Founders of 4-Dice Enterprises"
          useInvertedBackground={true}
          ariaLabel="Founders story section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="4-Dice transformed our enterprise operations completely. Their bold approach, combined with industrial-grade execution, delivered results that exceeded our expectations. The quality and precision they bring to every project is unmatched in the industry."
          rating={5}
          author="Enterprise Director, Global Tech Corporation"
          avatars={[
            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Enterprise Director" },
            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "CEO, Manufacturing" },
            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Operations Manager" },
            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Strategy Lead" },
            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Business Director" },
            { src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Technical Lead" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our enterprise solutions and implementation process."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=3"
          imageAlt="Enterprise support"
          mediaPosition="left"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "implementation-timeline",              title: "What's the typical implementation timeline?",              content: "Enterprise implementations typically span 3-6 months depending on scope and complexity. We provide detailed project timelines and maintain rigorous milestone tracking throughout deployment."
            },
            {
              id: "support-availability",              title: "What level of support is included?",              content: "All enterprise packages include 24/7 priority support with dedicated account managers, guaranteed 1-hour response time, and proactive system monitoring."
            },
            {
              id: "security-compliance",              title: "How do you ensure security and compliance?",              content: "We maintain industrial-grade security protocols including SOC 2 Type II certification, HIPAA compliance, GDPR adherence, and regular third-party penetration testing."
            },
            {
              id: "scalability",              title: "Can solutions scale with our growth?",              content: "Absolutely. Our architecture is built for enterprise-scale growth. Systems handle everything from 100 to 100,000+ users without performance degradation."
            },
            {
              id: "customization",              title: "How much customization is available?",              content: "Our modular platform supports extensive customization. From workflows to integrations, we tailor solutions to your specific enterprise needs without compromise."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Transform?"
          title="Start Your Enterprise Journey Today"
          description="Let's discuss how 4-Dice Enterprises can deliver uncompromising value to your organization. Bold solutions. Industrial strength. Guaranteed results."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          inputPlaceholder="Enter your email"
          buttonText="Get Started Now"
          termsText="We respect your privacy. Unsubscribe at any time. Enterprise-grade security guaranteed."
          ariaLabel="Contact and inquiry section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="4-Dice Enterprises"
          columns={[
            {
              items: [
                { label: "Services", href: "#services" },
                { label: "Process", href: "#process" },
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              items: [
                { label: "Enterprise Solutions", href: "#services" },
                { label: "Implementation", href: "#process" },
                { label: "Support & Maintenance", href: "#services" },
                { label: "Technical Architecture", href: "#services" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Security & Compliance", href: "#" },
              ],
            },
            {
              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "GitHub", href: "https://github.com" },
              ],
            },
          ]}
          ariaLabel="Site footer with navigation and company information"
        />
      </div>
    </ThemeProvider>
  );
}
