"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import SplitAbout from "@/components/sections/about/SplitAbout";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { BookOpen, Brain, DollarSign, Lightbulb, Sparkles, Star, Target, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="SummarizerAI"
          navItems={[
            { name: "Features", id: "features" },
            { name: "How It Works", id: "how-it-works" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Start Free Trial",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="SummarizerAI"
          description="Transform lengthy texts into concise summaries and test your comprehension with intelligent quizzes. Powered by advanced AI to accelerate your learning and productivity."
          buttons={[
            { text: "Start Summarizing", href: "#features" },
            { text: "Learn More", href: "#how-it-works" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-modern-clean-software-dashboard-interf-1773905055057-c6c21320.png"
          imageAlt="SummarizerAI Dashboard"
          mediaAnimation="opacity"
          frameStyle="browser"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyThree
          title="Powerful Features"
          description="Everything you need to summarize text and master any subject with interactive quizzes."
          tag="Core Capabilities"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              id: "summarize",              title: "Instant Summarization",              tags: ["AI-Powered", "Any Length"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-simplified-illustration-of-a-text-summ-1773905053904-69e5f69b.png",              imageAlt: "Text Summarization"
            },
            {
              id: "quiz",              title: "Interactive Quizzes",              tags: ["Adaptive", "Real-time"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/an-illustration-of-an-interactive-quiz-i-1773905054703-ade0278b.png",              imageAlt: "Quiz Platform"
            },
            {
              id: "ai",              title: "Advanced AI Engine",              tags: ["Smart", "Accurate"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-tech-focused-illustration-of-ai-proces-1773905053561-81d10e72.png",              imageAlt: "AI Technology"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Explore Features", href: "#pricing" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Designed for Modern Learning"
          description="SummarizerAI combines cutting-edge artificial intelligence with educational best practices. Our platform helps students, professionals, and lifelong learners process information faster and retain knowledge better."
          tag="About Us"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "AI-Powered Summarization",              description: "Advanced machine learning algorithms distill complex content into clear, concise summaries without losing essential information.",              icon: Brain
            },
            {
              title: "Adaptive Quizzes",              description: "Personalized assessment questions that adjust difficulty based on your performance to optimize learning outcomes.",              icon: Target
            },
            {
              title: "Instant Feedback",              description: "Immediate, actionable insights help you identify knowledge gaps and focus study efforts where they matter most.",              icon: Zap
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-image-showing-a-diverse-t-1773905054185-bfb6c0f9.png"
          imageAlt="Education Team"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Discover Our Story", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <MetricCardTwo
          title="How It Works"
          description="Three simple steps to master any subject with SummarizerAI."
          tag="Quick Process"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "step1",              value: "1",              description: "Paste or upload your text, PDF, or document instantly."
            },
            {
              id: "step2",              value: "2",              description: "Our AI generates a clear, concise summary in seconds."
            },
            {
              id: "step3",              value: "3",              description: "Take personalized quizzes to test and strengthen your understanding."
            }
          ]}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Start Now", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Learners Worldwide"
          description="Thousands of students and professionals trust SummarizerAI to accelerate their learning journey."
          tag="Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "Medical Student",              testimonial: "SummarizerAI cut my study time in half. I can now summarize textbooks instantly and quiz myself on the key concepts. My grades have never been better!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-photo-of-a-confi-1773905054134-4da30f84.png",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "Corporate Trainer",              testimonial: "This tool is invaluable for our training programs. Participants love the quizzes, and we've seen a 40% improvement in knowledge retention.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-of-a-different-d-1773905053029-cd3d1055.png",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Priya Patel",              handle: "Researcher",              testimonial: "As someone who reads dozens of papers weekly, SummarizerAI saves me countless hours. The summaries are accurate and capture all essential points.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-of-another-diver-1773905053453-3e3ac4f5.png",              imageAlt: "Priya Patel"
            },
            {
              id: "4",              name: "James Wilson",              handle: "High School Teacher",              testimonial: "My students are more engaged than ever. The interactive quizzes make learning fun, and I can track their progress effortlessly.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-of-a-fourth-dive-1773905053638-55a1e112.png",              imageAlt: "James Wilson"
            }
          ]}
          showRating={true}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Join Our Community", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Affordable Plans for Everyone"
          description="Start free, upgrade anytime. Choose the plan that fits your learning needs."
          tag="Transparent Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          plans={[
            {
              id: "starter",              name: "Starter",              price: "Free",              badge: "Popular",              badgeIcon: Zap,
              buttons: [{ text: "Start Free", href: "#contact" }],
              features: ["5 summaries per day", "Basic quizzes", "Community support", "Web access only"]
            },
            {
              id: "pro",              name: "Pro",              price: "$9.99/mo",              badge: "Best Value",              badgeIcon: Star,
              buttons: [{ text: "Subscribe Now", href: "#contact" }],
              features: ["Unlimited summaries", "Adaptive AI quizzes", "Priority support", "Mobile & desktop apps", "Progress tracking"]
            },
            {
              id: "enterprise",              name: "Enterprise",              price: "Custom",              buttons: [{ text: "Contact Sales", href: "#contact" }],
              features: ["Team management", "Advanced analytics", "API access", "Dedicated support", "Custom integrations"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "See All Features", href: "#features" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about SummarizerAI features, pricing, and how to get started."
          faqs={[
            {
              id: "1",              title: "How accurate are the summaries?",              content: "Our AI uses state-of-the-art natural language processing to ensure summaries capture key information while maintaining accuracy. We continuously improve our algorithms based on user feedback and maintain a 95%+ accuracy rate on major content types."
            },
            {
              id: "2",              title: "Can I use SummarizerAI for academic work?",              content: "Absolutely! SummarizerAI is designed to support learning and understanding. We recommend using summaries as study aids and citing original sources in academic work, just as you would with any reference material."
            },
            {
              id: "3",              title: "How do the adaptive quizzes work?",              content: "Our AI analyzes your answers to generate questions tailored to your knowledge level. The quiz difficulty adjusts in real-time—harder questions appear when you answer correctly, easier ones when you struggle, optimizing your learning experience."
            },
            {
              id: "4",              title: "Is my data secure and private?",              content: "Yes. All data is encrypted in transit and at rest using industry-standard security protocols. We never sell user data. See our Privacy Policy for complete details."
            },
            {
              id: "5",              title: "What file formats are supported?",              content: "We support PDF, DOCX, TXT, and web content. You can also paste text directly into our editor or upload images containing text (OCR enabled)."
            },
            {
              id: "6",              title: "Can I cancel my subscription anytime?",              content: "Yes. There's no lock-in period. Cancel your subscription anytime with no penalty. Your data remains accessible for 30 days after cancellation."
            }
          ]}
          textPosition="left"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          buttons={[{ text: "Still have questions?", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="SummarizerAI"
          copyrightText="© 2025 SummarizerAI | Empowering learners worldwide"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "How It Works", href: "#how-it-works" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Reference", href: "#" },
                { label: "Support", href: "#" },
                { label: "Community", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}