"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import Link from "next/link";
import { Sparkles, Crown, Zap, Star, Rocket } from "lucide-react";

export default function PricingPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Features", id: "features" },
    { name: "Pricing", id: "pricing" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="WindowFlow"
          bottomLeftText="Streamline Operations"
          bottomRightText="hello@windowflow.com"
        />
      </div>

      <div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
        <PricingCardOne
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your business size. All plans include core features and priority support."
          tag="Pricing Plans"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              badge: "Popular",
              badgeIcon: Sparkles,
              price: "$299",
              subtitle: "Per month (billed annually)",
              features: [
                "Up to 100 orders/month",
                "5 team members",
                "Basic inventory tracking",
                "Email support",
                "Mobile app access"
              ]
            },
            {
              id: "professional",
              badge: "Best Value",
              badgeIcon: Crown,
              price: "$799",
              subtitle: "Per month (billed annually)",
              features: [
                "Up to 500 orders/month",
                "20 team members",
                "Advanced inventory management",
                "Priority phone & email support",
                "Custom reporting",
                "API access",
                "Workflow automation"
              ]
            },
            {
              id: "enterprise",
              badge: "For Scale",
              badgeIcon: Zap,
              price: "Custom",
              subtitle: "Contact sales for pricing",
              features: [
                "Unlimited orders",
                "Unlimited team members",
                "Multi-location support",
                "Dedicated account manager",
                "Custom integrations",
                "White-label options",
                "Advanced analytics suite"
              ]
            }
          ]}
          buttons={[
            {
              text: "Get Started Free",
              href: "#"
            }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
        <TestimonialCardTwo
          title="Loved by Window Treatment Business Owners"
          description="Hear from customers who've transformed their operations with WindowFlow."
          tag="Client Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "testimonial-1",
              name: "Sarah Mitchell",
              role: "Owner",
              testimonial: "WindowFlow cut our administrative time in half. We're now handling 3x more orders without hiring additional staff. The scheduling system alone has been a game-changer.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-woman-in-her--1773947897163-7e4ec623.png?_wi=2",
              imageAlt: "Sarah Mitchell",
              icon: Star
            },
            {
              id: "testimonial-2",
              name: "James Chen",
              role: "Operations Manager",
              testimonial: "The inventory management features are exceptional. We eliminated stockouts completely, and our installers spend more time on actual jobs instead of searching for materials.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-an-asian-man-in-1773947900138-3dc5e5ec.png?_wi=2",
              imageAlt: "James Chen",
              icon: Star
            },
            {
              id: "testimonial-3",
              name: "Maria Rodriguez",
              role: "Business Owner",
              testimonial: "Best investment we've made for our business. The analytics dashboard gives us real visibility into our operations. We've increased margins by 15% in just 6 months.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-latina-woman--1773947898316-b3bcf80e.png?_wi=2",
              imageAlt: "Maria Rodriguez",
              icon: Star
            },
            {
              id: "testimonial-4",
              name: "David Thompson",
              role: "Fleet Manager",
              testimonial: "The mobile app makes fieldwork so much easier. Our installers can access measurements, specs, and customer notes instantly. Customer satisfaction has gone way up.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-man-in-his-50-1773947898485-de5c70dc.png?_wi=2",
              imageAlt: "David Thompson",
              icon: Star
            },
            {
              id: "testimonial-5",
              name: "Lisa Park",
              role: "Owner",
              testimonial: "Customer support is outstanding. They understand our industry and constantly improve the platform based on feedback. We've become more profitable and efficient.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-woman-in-her--1773947897177-dea0dd9a.png?_wi=2",
              imageAlt: "Lisa Park",
              icon: Star
            },
            {
              id: "testimonial-6",
              name: "Robert Sullivan",
              role: "Sales Director",
              testimonial: "The CRM integration lets us track the entire customer journey. Follow-ups are automated, and we're closing deals faster. This system pays for itself many times over.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-headshot-of-a-man-in-his-40-1773947897714-deceab57.png?_wi=2",
              imageAlt: "Robert Sullivan",
              icon: Star
            }
          ]}
          carouselMode="buttons"
          buttons={[
            {
              text: "Read More Stories",
              href: "#"
            }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6">
        <ContactCTA
          tag="Ready to Transform Your Business?"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Start Your Free Trial Today"
          description="Join hundreds of window furnishing businesses using WindowFlow to streamline operations, reduce costs, and delight customers. No credit card required."
          background={{
            variant: "radial-gradient"
          }}
          buttons={[
            {
              text: "Start Free Trial",
              href: "#"
            },
            {
              text: "Schedule a Demo",
              href: "#"
            }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1l1c7xNTHi2gGoCUeRPx9S5j/professional-footer-image-showing-window-1773947897833-cc57e18c.png?_wi=2"
          imageAlt="WindowFlow footer visual"
          logoText="WindowFlow"
          copyrightText="© 2025 WindowFlow. 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: "Resources",
              items: [
                {
                  label: "Help Center",
                  href: "#"
                },
                {
                  label: "API Docs",
                  href: "#"
                },
                {
                  label: "Status Page",
                  href: "#"
                },
                {
                  label: "Support",
                  href: "#"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Terms of Service",
                  href: "#"
                },
                {
                  label: "Cookie Policy",
                  href: "#"
                },
                {
                  label: "Compliance",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}

// Import icon for pricing badge
import { DollarSign } from "lucide-react";