"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Heart } from "lucide-react";

export default function FeaturesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="SaaS Pro"
          navItems={[
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "https://app.example.com/signup"
          }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Complete Feature Overview"
          description="Discover all the powerful tools that make SaaS Pro the perfect choice for your team"
          tag="All Features"
          tagIcon={Sparkles}
          features={[
            {
              id: 1,
              title: "Intelligent Automation",
              description: "Automate repetitive tasks and focus on what matters. Save hours every week with smart workflow automation that learns from your patterns.",
              imageSrc: "https://img.b2bpic.net/free-vector/infographic-dashboard-user-panel_52683-30026.jpg"
            },
            {
              id: 2,
              title: "Enterprise Security",
              description: "Bank-level security with end-to-end encryption. Your data is protected with industry-leading compliance standards including SOC 2 and GDPR.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg"
            },
            {
              id: 3,
              title: "Seamless Integration",
              description: "Connect with 100+ popular tools including Slack, Salesforce, Google Workspace, and Microsoft 365. Integrate with your existing stack in minutes.",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg"
            },
            {
              id: 4,
              title: "Advanced Analytics",
              description: "Get actionable insights with real-time dashboards. Track performance metrics, identify bottlenecks, and make data-driven decisions with confidence.",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"
            },
            {
              id: 5,
              title: "Team Collaboration",
              description: "Enhanced collaboration tools that keep your team connected. Share files, communicate in real-time, and manage projects from one central hub.",
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
            },
            {
              id: 6,
              title: "Custom Workflows",
              description: "Build custom workflows that match your unique business processes. No-code workflow builder with advanced logic and conditional triggers.",
              imageSrc: "https://img.b2bpic.net/free-vector/infographic-dashboard-user-panel_52683-30026.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Start Free Trial", href: "https://app.example.com/trial" },
            { text: "Schedule Demo", href: "/contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say About Our Features"
          description="Real feedback from teams using SaaS Pro's powerful feature set"
          tag="Feature Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              role: "Product Manager",
              company: "TechVenture Inc",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Marcus Johnson",
              role: "Operations Director", 
              company: "Growth Labs",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "CEO",
              company: "Digital Solutions Co",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "Emily Rodriguez"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="Team collaboration workspace"
          logoText="SaaS Pro"
          copyrightText="© 2025 SaaS Pro. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Features", href: "/features" },
                { label: "Pricing", href: "/pricing" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "/contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "GDPR", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}