"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Zap, BookOpen, User, Award, BookMarked, TrendingUp, BarChart3, PieChart, Mail } from "lucide-react";

export default function StudyHelperPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Features", id: "features" },
    { name: "Pricing", id: "pricing" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Features", href: "/#features" },
        { label: "Pricing", href: "/#pricing" },
        { label: "About", href: "/#about" },
      ],
    },
    {
      items: [
        { label: "Study Helper", href: "/modes/study-helper" },
        { label: "Code Helper", href: "/modes/code-helper" },
        { label: "Business Helper", href: "/modes/business-helper" },
        { label: "Deep Research", href: "/modes/deep-research" },
      ],
    },
    {
      items: [
        { label: "Developer API", href: "/developer" },
        { label: "Documentation", href: "/docs" },
        { label: "Status", href: "https://status.airbrone.ai" },
        { label: "Blog", href: "/blog" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/privacy" },
        { label: "Terms of Service", href: "/terms" },
        { label: "Security", href: "/security" },
        { label: "Contact", href: "/#contact" },
      ],
    },
    {
      items: [
        { label: "Twitter", href: "https://twitter.com/airbrone" },
        { label: "LinkedIn", href: "https://linkedin.com/company/airbrone" },
        { label: "GitHub", href: "https://github.com/airbrone" },
        { label: "Instagram", href: "https://instagram.com/airbrone" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="grid"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AIRBRONE AI"
          navItems={navItems}
          button={{
            text: "Get Started Free",
            href: "/auth/login",
          }}
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero" className="relative overflow-hidden">
        <HeroBillboardCarousel
          title="Study Helper - Your Personal AI Tutor"
          description="Transform your learning experience with personalized AI tutoring, homework assistance, exam preparation, and adaptive learning paths designed specifically for educational success."
          background={{ variant: "animated-grid" }}
          tag="Education Mode"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Start Learning Free",
              href: "/auth/register",
            },
            {
              text: "Explore Features",
              href: "#features",
            },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/educational-ai-study-mode-interface-show-1773905442614-c68979aa.png?_wi=2",
              imageAlt: "Study Helper Interface",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/modern-ai-application-dashboard-with-cle-1773905442678-2f17b25a.png?_wi=2",
              imageAlt: "Learning Dashboard",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/professional-team-collaboration-image-sh-1773905443021-4cb782b6.png?_wi=2",
              imageAlt: "Educational Support",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/advanced-analytics-dashboard-showing-rea-1773905443061-987aff26.png?_wi=2",
              imageAlt: "Progress Analytics",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/unlimited-query-capabilities-visualizati-1773905444244-05921507.png?_wi=2",
              imageAlt: "Unlimited Learning",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/24-7-customer-support-illustration-showi-1773905443468-7e63add5.png?_wi=2",
              imageAlt: "24/7 Support",
            },
          ]}
          ariaLabel="Study Helper Hero Section"
        />
      </div>

      {/* Features Section */}
      <div id="features" data-section="features" className="py-16 md:py-24">
        <FeatureBento
          title="Comprehensive Learning Tools"
          description="Access all the tools you need to excel in your studies with AI-powered assistance tailored to your learning style."
          tag="Learning Features"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "AI-Powered Homework Help",
              description: "Get step-by-step solutions with detailed explanations for any subject, from mathematics to literature.",
              bentoComponent: "chat",
              aiIcon: BookOpen,
              userIcon: User,
              placeholder: "Ask for homework help...",
              exchanges: [
                {
                  userMessage: "How do I solve quadratic equations?",
                  aiResponse: "Quadratic equations use the formula: x = (-b ± √(b²-4ac)) / 2a. Let me explain each component and work through an example.",
                },
                {
                  userMessage: "Can you help me write an essay?",
                  aiResponse: "I can help you structure your essay, develop thesis statements, and provide feedback on your writing.",
                },
              ],
            },
            {
              title: "Personalized Learning Paths",
              description: "Adaptive learning that adjusts to your pace and learning style for optimal retention.",
              bentoComponent: "timeline",
              heading: "Your Learning Journey",
              subheading: "Personalized for success",
              items: [
                { label: "Foundation", detail: "Build core concepts and fundamentals" },
                { label: "Practice", detail: "Apply knowledge with targeted exercises" },
                { label: "Mastery", detail: "Achieve proficiency with real-world applications" },
              ],
              completedLabel: "Completed",
            },
            {
              title: "Exam Preparation",
              description: "Comprehensive exam prep with practice tests, time management strategies, and stress reduction tips.",
              bentoComponent: "icon-info-cards",
              items: [
                {
                  icon: Award,
                  label: "Practice Tests",
                  value: "Full Coverage",
                },
                {
                  icon: TrendingUp,
                  label: "Progress Tracking",
                  value: "Real-time",
                },
                {
                  icon: BarChart3,
                  label: "Performance",
                  value: "Detailed Analysis",
                },
              ],
            },
          ]}
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq" className="py-16 md:py-24">
        <FaqSplitMedia
          title="Study Helper FAQs"
          description="Find answers to questions about Study Helper mode, features, and how to get the most out of your learning."
          tag="Questions?"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          mediaAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9dMftQ4AQBXAKtnCOA7fukWXU/customer-support-and-help-center-illustr-1773905442717-7971a9a0.png?_wi=2"
          imageAlt="Study Support"
          faqs={[
            {
              id: "1",
              title: "How does Study Helper personalize my learning?",
              content: "Study Helper analyzes your learning pace, subject areas, and performance to create a customized learning path. The AI adapts difficulty levels and focuses on areas where you need the most help.",
            },
            {
              id: "2",
              title: "Can Study Helper help with all subjects?",
              content: "Yes! Study Helper supports a wide range of subjects including mathematics, science, languages, history, literature, and more. The AI is trained on comprehensive educational content.",
            },
            {
              id: "3",
              title: "How accurate are the homework solutions?",
              content: "Our homework solutions are generated using both Gemini and ChatGPT, ensuring accuracy and multiple perspectives. Solutions include step-by-step explanations to help you understand the process.",
            },
            {
              id: "4",
              title: "Is my study data private and secure?",
              content: "Absolutely. All your study data, notes, and conversation history are encrypted with AES-256 encryption and protected by our enterprise-grade security infrastructure.",
            },
            {
              id: "5",
              title: "Can I download my study materials?",
              content: "Yes! You can download your notes, study plans, practice test results, and learning summaries in multiple formats (PDF, DOCX) for offline access and sharing.",
            },
            {
              id: "6",
              title: "How often is the study content updated?",
              content: "Our educational content is continuously updated to reflect the latest curriculum standards, examination patterns, and teaching methodologies across different educational boards.",
            },
          ]}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="AIRBRONE AI"
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}