"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Zap, HelpCircle } from "lucide-react";

export default function FeaturesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "Features", id: "/features" },
    { name: "Pricing", id: "/pricing" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Samsung Mobile"
          bottomLeftText="Innovation in Every Frame"
          bottomRightText="support@samsung-mobile.com"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Advanced Technology Inside"
          description="Explore the cutting-edge features that make Samsung devices stand out in the market"
          tag="Innovation"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "120Hz AMOLED Display",
              description: "Ultra-smooth 120Hz refresh rate with vibrant colors and deep blacks for immersive viewing experience",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/close-up-of-a-samsung-amoled-display-sho-1772521647449-b0f7ecb6.png?_wi=4",
              imageAlt: "Samsung AMOLED display showcase",
            },
            {
              id: 2,
              title: "Advanced Camera System",
              description: "Professional-grade camera with 200MP sensor, AI processing, and night mode for stunning photography",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-camera-system-showcase-cl-1772521648032-93b08fd0.png?_wi=4",
              imageAlt: "Samsung camera system",
            },
            {
              id: 3,
              title: "All-Day Battery Life",
              description: "5000mAh battery with fast charging technology keeps you powered throughout the day and beyond",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-smartphone-battery-technology-vi-1772521647769-75d6a436.png?_wi=4",
              imageAlt: "Samsung battery technology",
            },
            {
              id: 4,
              title: "5G Connectivity",
              description: "Next-generation 5G technology for ultra-fast internet speeds and seamless streaming capabilities",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-5g-connectivity-technology-visua-1772521649024-bf264598.png?_wi=2",
              imageAlt: "Samsung 5G technology",
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Feature Questions"
          description="Everything you need to know about Samsung device features and capabilities"
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "What makes the 120Hz AMOLED display special?",
              content: "The 120Hz AMOLED display provides an ultra-smooth viewing experience with a refresh rate that's twice as fast as standard displays. Combined with AMOLED technology, you get vibrant colors, deep blacks, and exceptional clarity that makes everything look stunning - from gaming to streaming to everyday browsing.",
            },
            {
              id: "2",
              title: "How does the AI camera system work?",
              content: "Our AI camera system uses advanced machine learning algorithms to automatically optimize settings based on what you're photographing. It recognizes scenes, adjusts exposure, color balance, and focus in real-time. The 200MP sensor captures incredible detail, and night mode uses computational photography for stunning low-light photos.",
            },
            {
              id: "3",
              title: "What is the battery life on a single charge?",
              content: "All Samsung phones come with a minimum 4000mAh battery, with flagship models featuring 5000-6000mAh capacity. With moderate use, expect 18-24 hours of battery life on a single charge. Our fast charging technology can get you to 50% charge in just 30 minutes.",
            },
            {
              id: "4",
              title: "Is 5G available in my area?",
              content: "5G coverage is expanding rapidly across most major cities and regions. You can check availability on our coverage map or contact our support team with your location. Even without 5G, our devices support LTE and provide excellent connectivity in all areas.",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Samsung Mobile"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}