"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import Link from "next/link";
import {
  DollarSign,
  Rocket,
  Star,
  Award,
  CheckCircle,
  Zap,
  MapPin,
  Shield,
} from "lucide-react";

export default function PricingPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Portfolio", id: "/" },
    { name: "Pricing", id: "/pricing" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="BuildTrades"
          bottomLeftText="Websites for Contractors"
          bottomRightText="hello@buildtrades.com"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Simple, Transparent Pricing"
          description="Professional websites for contractors at prices that make sense. No hidden fees, no surprise costs."
          tag="Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          plans={[
            {
              id: "startup",              tag: "Starter Website",              tagIcon: Rocket,
              price: "$2,499",              period: "one-time",              description:
                "Perfect for getting started online. Includes everything you need to establish an online presence and start getting leads.",              button: { text: "Get Started", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "5-7 page professional website",                "Mobile responsive design",                "Contact form & email integration",                "Basic SEO optimization",                "Social media links",                "1 month free support"],
            },
            {
              id: "professional",              tag: "Professional Package",              tagIcon: Star,
              price: "$4,999",              period: "one-time",              description:
                "Our most popular choice. Full-featured website designed to convert visitors into leads and clients.",              button: { text: "Choose Plan", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "10-15 page custom website",                "Advanced portfolio gallery",                "Appointment scheduling system",                "Lead capture forms",                "Advanced SEO optimization",                "Blog section",                "Google Analytics setup",                "3 months free support",                "Monthly website maintenance"],
            },
            {
              id: "enterprise",              tag: "Enterprise Solution",              tagIcon: Award,
              price: "$8,999",              period: "one-time",              description:
                "Everything included in Professional plus advanced features for serious growth and full business automation.",              button: { text: "Request Demo", href: "#contact" },
              featuresTitle: "What's Included:",              features: [
                "20+ page fully custom website",                "E-commerce integration",                "Advanced booking system",                "Customer portal",                "Lead management system",                "Email marketing integration",                "Advanced analytics",                "1-on-1 strategy consulting",                "6 months free support",                "Priority support tier"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing-features" data-section="pricing-features">
        <FeatureCardTen
          title="What's Included at Every Level"
          description="All BuildTrades websites include core features designed to bring you leads and grow your business. The main differences are scale, customization, and ongoing support."
          tag="Included Features"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Industry-Specific Design",              description:
                "Every package includes a custom website designed specifically for contractors and service professionals. Your site will be optimized to showcase your work and build trust with potential clients.",              media: {
                imageSrc:
                  "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-beautiful-home-renovation-website-feat-1772524385305-8eee5654.png"},
              items: [
                { icon: Zap, text: "Service listings" },
                { icon: MapPin, text: "Service area coverage" },
                { icon: Shield, text: "Certifications display" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Mobile Optimization & Speed",              description:
                "All BuildTrades websites are built mobile-first and load lightning fast. Google ranks fast, mobile-friendly sites higher, and your customers expect responsive design.",              media: {
                imageSrc:
                  "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-hvac-and-plumbing-service-1772524382687-b79f1d72.png"},
              items: [
                { icon: Star, text: "Mobile-first design" },
                { icon: Award, text: "Sub-2 second load times" },
                { icon: Rocket, text: "Performance optimized" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Lead Capture & Support",              description:
                "Starter includes basic contact forms. Professional and Enterprise plans include appointment scheduling, lead capture systems, and integration with your existing tools.",              media: {
                imageSrc:
                  "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/an-electrical-contractor-website-showcas-1772524389451-00faeefa.png"},
              items: [
                { icon: Rocket, text: "Contact forms" },
                { icon: Zap, text: "Lead management" },
                { icon: Star, text: "Booking integration" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="BuildTrades"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Process", href: "#services" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Pricing", href: "/pricing" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Website Design", href: "#" },
                { label: "SEO Services", href: "#" },
                { label: "Lead Generation", href: "#" },
                { label: "Website Maintenance", href: "#" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email Us", href: "mailto:hello@buildtrades.com" },
              ],
            },
          ]}
          copyrightText="© 2025 BuildTrades. Professional Websites for Contractors & Trades Professionals."
          onPrivacyClick={() => {
            console.log("Privacy policy clicked");
          }}
        />
      </div>
    </ThemeProvider>
  );
}