"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardFour from '@/components/sections/team/TeamCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, TrendingUp, Users, Globe, Sparkles, Twitter, Linkedin, Github } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Nexus AI"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Team", id: "team" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="NEXUS"
          description="Empower your business with cutting-edge AI solutions. Automate workflows, unlock insights, and scale smarter with our intelligent platform built for modern enterprises."
          buttons={[
            { text: "Start Free Trial", href: "#contact" },
            { text: "Watch Demo", href: "#features" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628729382-kkhjlp3x.jpg"
          imageAlt="AI innovation and machine learning visualization"
          frameStyle="browser"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Trusted by Forward-Thinking Companies to Transform Operations with Intelligent Automation"
          metrics={[
            { icon: Zap, label: "Processing Speed", value: "10,000x" },
            { icon: TrendingUp, label: "Average ROI Increase", value: "340%" },
            { icon: Users, label: "Active Enterprises", value: "2,500+" },
            { icon: Globe, label: "Global Deployment", value: "95 Countries" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Powerful AI Features"
          description="Everything you need to leverage artificial intelligence for business transformation"
          tag="Capabilities"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Intelligent Automation",
              description: "Automate repetitive tasks and streamline complex workflows with AI-powered decision making. Reduce manual effort by up to 80% and focus on strategic initiatives that drive growth.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628729891-5t34y23s.jpg"
            },
            {
              id: 2,
              title: "Advanced Analytics",
              description: "Extract actionable insights from your data in real-time. Our machine learning models identify patterns and predict outcomes with 95%+ accuracy.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628730155-epux9ws0.jpg"
            },
            {
              id: 3,
              title: "Seamless Integration",
              description: "Connect effortlessly with your existing tools and systems. Our API-first architecture ensures smooth implementation without disrupting your operations.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628730456-asd7o5kv.jpg"
            },
            {
              id: 4,
              title: "Enterprise Security",
              description: "Bank-grade encryption and compliance with GDPR, SOC 2, and ISO 27001. Your data security is our top priority with end-to-end protection.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628730697-dkwtfm04.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your AI needs. Scale up anytime as your business grows."
          tag="Pricing"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",
              price: "$499",
              name: "Starter",
              buttons: [
                { text: "Get Started", href: "#contact" }
              ],
              features: [
                "Up to 10,000 API calls/month",
                "Basic automation workflows",
                "Email support",
                "Single user access",
                "Standard integrations"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$1,999",
              name: "Professional",
              buttons: [
                { text: "Start Free Trial", href: "#contact" },
                { text: "Contact Sales", href: "#contact" }
              ],
              features: [
                "Up to 100,000 API calls/month",
                "Advanced automation & analytics",
                "Priority support (24/7)",
                "Up to 50 team members",
                "Custom integrations",
                "Advanced security features"
              ]
            },
            {
              id: "enterprise",
              price: "Custom",
              name: "Enterprise",
              buttons: [
                { text: "Contact Sales", href: "#contact" }
              ],
              features: [
                "Unlimited API calls",
                "Custom AI model training",
                "Dedicated account manager",
                "Unlimited team members",
                "White-label options",
                "SLA guarantee & priority support",
                "On-premise deployment available"
              ]
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFour
          title="Meet Our Team"
          description="Brilliant minds driving AI innovation and transformation"
          tag="Team"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          speed={40}
          topMarqueeDirection="left"
          team={[
            {
              id: "1",
              name: "Sarah Chen",
              role: "CEO & Co-Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628734311-3qfte0tc.jpg"
            },
            {
              id: "2",
              name: "Marcus Johnson",
              role: "CTO & Co-Founder",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628734690-b3g3sf14.jpg"
            },
            {
              id: "3",
              name: "Priya Patel",
              role: "VP of Product",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628735154-p7ws3kpv.jpg"
            },
            {
              id: "4",
              name: "David Kumar",
              role: "Head of Engineering",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628735444-etah3lrs.jpg"
            },
            {
              id: "5",
              name: "Elena Rodriguez",
              role: "Chief Data Officer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628735813-33yca8nq.jpg"
            },
            {
              id: "6",
              name: "James Wilson",
              role: "VP of Sales",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628736280-cy9fk06r.jpg"
            },
            {
              id: "7",
              name: "Lisa Anderson",
              role: "Head of Design",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628736480-ufpk6p3t.jpg"
            },
            {
              id: "8",
              name: "Ahmed Hassan",
              role: "Security Lead",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628736932-3hu5nv6g.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Hear from industry leaders who've transformed their operations with Nexus AI"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Jennifer Martinez, CEO of TechFlow",
              date: "Date: 15 January 2025",
              title: "Transformed our entire operation",
              quote: "Nexus AI helped us automate 60% of our manual processes. We've seen a 340% ROI in just 6 months. The support team is exceptional and implementation was seamless.",
              tag: "Enterprise",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628737301-gk0i32h4.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628731133-xbgon1z7.jpg"
            },
            {
              id: "2",
              name: "Robert Chang, CTO of DataCore Systems",
              date: "Date: 8 January 2025",
              title: "Best AI investment we've made",
              quote: "The platform's machine learning capabilities are outstanding. We integrated it with our existing infrastructure in just 2 weeks and saw immediate productivity gains across all departments.",
              tag: "Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628737727-wl1ilelm.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628731913-miqrt0n4.jpg"
            },
            {
              id: "3",
              name: "Michelle Wong, VP Operations at InnovateLabs",
              date: "Date: 2 January 2025",
              title: "Game-changer for our business",
              quote: "The advanced analytics dashboard gives us insights we never had before. Our decision-making is faster, smarter, and more data-driven. Nexus AI is now central to our strategy.",
              tag: "Enterprise",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628737994-vaktesww.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628732225-j0vzpmia.jpg"
            },
            {
              id: "4",
              name: "Thomas Anderson, Founder of SmartSolutions",
              date: "Date: 22 December 2024",
              title: "Perfect for scaling startups",
              quote: "As a startup, we needed AI capabilities without breaking the bank. Nexus AI's flexible pricing and easy integration made it an obvious choice. We're now processing 10x more data efficiently.",
              tag: "Starter",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628738385-pm4q5ff9.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628732804-1t4xm2r4.jpg"
            },
            {
              id: "5",
              name: "Victoria Lee, Director of Digital Transformation, MegaCorp",
              date: "Date: 18 December 2024",
              title: "Enterprise-grade reliability",
              quote: "Security and compliance are critical for us. Nexus AI's bank-grade encryption and SOC 2 compliance gave us confidence. The platform scales beautifully across our organization.",
              tag: "Enterprise",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628738754-7h8rq43b.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628733296-70g6i57l.jpg"
            },
            {
              id: "6",
              name: "Christopher Rodriguez, COO of FutureLabs",
              date: "Date: 10 December 2024",
              title: "Exceeded all our expectations",
              quote: "We were skeptical about AI implementation at first. The Nexus team guided us through everything. Now we're operating smarter and more efficiently than ever before.",
              tag: "Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628739098-jdbdalx0.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767628733632-g8hy6ptj.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Nexus AI"
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How long does implementation take?",
              content: "Most customers are up and running within 2-4 weeks. Our implementation team works closely with your team to ensure a smooth transition. For simple integrations, it can be as quick as a few days."
            },
            {
              id: "2",
              title: "Is my data secure?",
              content: "Yes. We use bank-grade AES-256 encryption, comply with GDPR and SOC 2, and maintain ISO 27001 certification. Your data is encrypted both in transit and at rest. We never share your data with third parties."
            },
            {
              id: "3",
              title: "What integrations do you support?",
              content: "We support 500+ pre-built integrations with popular tools like Salesforce, HubSpot, Slack, and Microsoft 365. We also offer a REST API and webhooks for custom integrations. Our professional and enterprise plans include custom integration support."
            },
            {
              id: "4",
              title: "Can I train custom AI models?",
              content: "Yes, custom model training is available on our Professional and Enterprise plans. Our data science team can help you build models tailored to your specific business needs."
            },
            {
              id: "5",
              title: "What kind of support do you offer?",
              content: "Starter plans include email support with 24-hour response times. Professional plans get priority 24/7 support. Enterprise customers receive a dedicated account manager and SLA guarantees."
            },
            {
              id: "6",
              title: "Can I cancel my subscription anytime?",
              content: "Yes, you can cancel anytime without penalties. Month-to-month plans can be cancelled immediately. Annual plans offer a 30-day cancellation window with a prorated refund."
            },
            {
              id: "7",
              title: "Do you offer a free trial?",
              content: "Yes, we offer a 14-day free trial on all plans. No credit card required. You get full access to all features during the trial period."
            },
            {
              id: "8",
              title: "What compliance certifications do you have?",
              content: "We maintain SOC 2 Type II, GDPR, HIPAA, and ISO 27001 certifications. We're also compliant with CCPA and LGPD. Additional certifications can be added for enterprise customers."
            },
            {
              id: "9",
              title: "How do you handle API rate limits?",
              content: "Starter plans get 10,000 calls/month, Professional gets 100,000/month, and Enterprise is unlimited. Rate limits reset monthly. For burst traffic, contact our sales team about custom plans."
            },
            {
              id: "10",
              title: "Do you offer on-premise deployment?",
              content: "Yes, on-premise and private cloud deployments are available for Enterprise customers. This allows you to maintain full control over your infrastructure and data."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your business with AI? Start your free trial today and experience the power of intelligent automation."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Your Free Trial", href: "/signup" },
            { text: "Schedule Demo", href: "/demo" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="NEXUS AI"
          copyrightText="© 2025 Nexus AI. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/nexusai", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/nexus-ai", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/nexus-ai", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}