"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Users, Shield, Rocket, Twitter, Linkedin, Github } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="SaasPro"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Built for Growth"
          bottomRightText="hello@saaspro.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit 
          title="Build Smarter, Faster with SaasPro"
          description="Streamline your workflow, automate repetitive tasks, and unlock growth with our intelligent SaaS platform. Used by 5000+ companies worldwide."
          background={{ variant: "glowing-orb" }}
          tag="AI-Powered Platform"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg"
          imageAlt="SaasPro product dashboard showcase"
          imagePosition="right"
          buttons={[
            { text: "Start Free Trial", href: "https://app.saaspro.com/signup" },
            { text: "Schedule Demo", href: "#contact" }
          ]}
          avatarText="Join 5000+ growing teams"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix 
          title="Powerful Features Built for Scale"
          description="Everything you need to streamline operations, boost productivity, and drive measurable results."
          tag="Core Features"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Intelligent Automation",              description: "Eliminate manual work with smart automation that learns your workflow patterns and adapts in real-time.",              imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",              imageAlt: "automation workflow process efficiency business"
            },
            {
              id: 2,
              title: "Real-Time Analytics",              description: "Get instant visibility into your metrics with customizable dashboards and AI-powered insights.",              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",              imageAlt: "analytics data dashboard insights charts"
            },
            {
              id: 3,
              title: "Seamless Integration",              description: "Connect with 500+ tools and platforms through our robust API and pre-built integrations.",              imageSrc: "https://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",              imageAlt: "integration api connection technology system"
            },
            {
              id: 4,
              title: "Enterprise Security",              description: "Bank-level encryption, GDPR compliance, and SOC 2 Type II certification for complete peace of mind.",              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041843.jpg",              imageAlt: "security protection locked safe encryption"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne 
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your team. All plans include a 14-day free trial."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",              badge: "For Teams",              badgeIcon: Users,
              price: "$29/mo",              subtitle: "Perfect for growing teams",              features: [
                "Up to 5 team members",                "10GB storage",                "Basic analytics",                "Email support",                "Core integrations"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$99/mo",              subtitle: "For scale-focused businesses",              features: [
                "Up to 50 team members",                "500GB storage",                "Advanced analytics",                "Priority support",                "200+ integrations",                "Custom workflows"
              ]
            },
            {
              id: "enterprise",              badge: "For Enterprise",              badgeIcon: Shield,
              price: "Custom",              subtitle: "Unlimited everything",              features: [
                "Unlimited team members",                "Unlimited storage",                "Real-time analytics",                "24/7 dedicated support",                "Custom integrations",                "Advanced security",                "SLA guarantee"
              ]
            }
          ]}
          buttons={[
            { text: "View All Plans", href: "#pricing" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Customers Say"
          description="Real stories from teams that have achieved remarkable results with SaasPro."
          tag="Customer Success"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "CEO & Founder",              company: "TechVentures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "professional portrait business headshot person"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "Operations Director",              company: "Growth Systems",              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: "professional portrait business headshot woman"
            },
            {
              id: "3",              name: "Emily Watson",              role: "Product Manager",              company: "CloudScale Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "professional portrait business headshot man"
            },
            {
              id: "4",              name: "David Kim",              role: "Founder",              company: "StartupXYZ",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "professional portrait business headshot person"
            },
            {
              id: "5",              name: "Jessica Martinez",              role: "VP Marketing",              company: "BrandCo",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "professional portrait business headshot woman"
            },
            {
              id: "6",              name: "Robert Chang",              role: "CTO",              company: "TechCore Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "professional portrait business headshot executive"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Frequently Asked Questions"
          description="Find answers to common questions about SaasPro features, pricing, and support."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is included in the free trial?",              content: "Your 14-day free trial includes access to all features in the Professional plan, including advanced analytics, integrations, and custom workflows. No credit card required to get started."
            },
            {
              id: "2",              title: "Can I cancel my subscription anytime?",              content: "Yes, you can cancel your subscription at any time without penalties or long-term contracts. Your access continues through the end of your billing period."
            },
            {
              id: "3",              title: "How many team members can I add?",              content: "The Starter plan supports up to 5 members, Professional up to 50, and Enterprise plans support unlimited team members. You can upgrade anytime as your team grows."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, American Express), bank transfers, and wire payments for Enterprise customers. All payments are processed securely."
            },
            {
              id: "5",              title: "Is my data secure on SaasPro?",              content: "Absolutely. We use bank-level AES-256 encryption, maintain SOC 2 Type II compliance, and undergo regular third-party security audits. Your data is encrypted both in transit and at rest."
            },
            {
              id: "6",              title: "Do you offer custom integrations?",              content: "Yes, our API is fully documented and Enterprise customers receive dedicated support for custom integrations. We also pre-build integrations with popular platforms regularly."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Ready to Transform Your Workflow?"
          ctaDescription="Start your free 14-day trial today. No credit card required. Get instant access to all features."
          ctaButton={{
            text: "Start Your Free Trial",            href: "https://app.saaspro.com/signup"
          }}
          ctaIcon={Rocket}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How long does onboarding take?",              content: "Most teams get up and running in under 30 minutes. We provide setup wizards, video tutorials, and dedicated onboarding support for Enterprise customers."
            },
            {
              id: "2",              title: "What's your customer support like?",              content: "We offer email support for all plans and priority/24/7 phone support for Professional and Enterprise customers. Average response time is under 2 hours."
            },
            {
              id: "3",              title: "Can you migrate data from my current tool?",              content: "Yes! Our migration team can help transfer your data from most popular platforms. We ensure zero downtime and data integrity throughout the process."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard 
          logoText="SaasPro"
          copyrightText="© 2025 SaasPro. All rights reserved."
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com/saaspro",              ariaLabel: "Follow SaasPro on Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/saaspro",              ariaLabel: "Follow SaasPro on LinkedIn"
            },
            {
              icon: Github,
              href: "https://github.com/saaspro",              ariaLabel: "Visit SaasPro on GitHub"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}