"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Rocket, Twitter, Linkedin, Github } from 'lucide-react';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Pitchdrive"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "How It Works", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          tag="How It Works"
          tagIcon={Zap}
          title="From Idea to Investment in Three Steps"
          description="Our proven workflow gets you in front of investors faster than ever. Built by founders who've raised millions."
          steps={[
            {
              number: "01",
              title: "Build Your Pitch",
              tag: "10 minutes",
              description: "Use our AI-assisted editor to craft a compelling narrative. Start with templates or go fully custom. Your story, perfected."
            },
            {
              number: "02",
              title: "Share & Track",
              tag: "Real-time",
              description: "Send pitch decks that track engagement. See who's reading, how long they stay on each slide, and which parts captivate them most."
            },
            {
              number: "03",
              title: "Close The Round",
              tag: "Ongoing",
              description: "Connect with pre-vetted investors, get introductions, and manage your funding journey from one dashboard. Close faster."
            }
          ]}
          buttons={[{ text: "Start Building", href: "https://app.pitchdrive.com" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Pitchdrive"
          faqs={[
            {
              id: "1",
              title: "How much does Pitchdrive cost?",
              content: "We offer flexible plans starting at $99/month for founders, with enterprise pricing for larger teams. All plans include unlimited pitch decks, real-time analytics, and investor network access."
            },
            {
              id: "2",
              title: "Can I integrate Pitchdrive with my existing tools?",
              content: "Yes! Pitchdrive integrates seamlessly with Slack, Salesforce, HubSpot, Google Drive, and 50+ other business tools. Our API is also available for custom integrations."
            },
            {
              id: "3",
              title: "How secure is my pitch deck data?",
              content: "We use bank-level encryption (AES-256) for all data at rest and in transit. Your pitch decks are backed up redundantly and comply with SOC 2, GDPR, and CCPA standards."
            },
            {
              id: "4",
              title: "Do you help with investor introductions?",
              content: "Yes! Our AI matches you with relevant investors based on your industry, stage, and raised amount. Premium members get direct introductions from our team."
            },
            {
              id: "5",
              title: "What if I need help customizing my pitch?",
              content: "Our team of investor relations experts is available 24/7. We offer pitch reviews, deck optimization, and strategic consulting for Pro and Enterprise members."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/human-resource-infographic_23-2148588858.jpg"
          imageAlt="Customer support team helping founders"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Start?"
          title="Get your pitch deck built today"
          description="Join the thousands of successful founders who've used Pitchdrive to secure funding and grow their startups."
          tagIcon={Rocket}
          inputPlaceholder="your@email.com"
          buttonText="Start Free Trial"
          termsText="Start your 14-day free trial today. No credit card required. Cancel anytime."
          useInvertedBackground="noInvert"
          onSubmit={(email) => console.log('Newsletter signup:', email)}
        />
      </div>

      <FooterCard
        logoText="Pitchdrive"
        copyrightText="© 2025 Pitchdrive Inc. All rights reserved. Making founders unstoppable."
        socialLinks={[
          {
            icon: Twitter,
            href: "https://twitter.com/pitchdrive",
            ariaLabel: "Follow us on Twitter"
          },
          {
            icon: Linkedin,
            href: "https://linkedin.com/company/pitchdrive",
            ariaLabel: "Follow us on LinkedIn"
          },
          {
            icon: Github,
            href: "https://github.com/pitchdrive",
            ariaLabel: "Visit our GitHub"
          }
        ]}
      />
    </ThemeProvider>
  );
}