'use client';

import { ThemeProvider } from "next-themes";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import { Sparkles, CheckCircle } from 'lucide-react';

export default function ServicesPage() {
  return (
    <ThemeProvider
      attribute="class"
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="navbar" data-section="navbar">
        <NavbarStyleFullscreen
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'Services', id: '/services' }
          ]}
          brandName="SparkleClean"
          logoSrc="https://cdn.builder.io/api/v1/image/assets/TEMP/c4d3b6a0-544d-4e9e-8c65-8f6a90a4b7f8?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
          logoAlt="SparkleClean Logo"
        />
      </div>

      <div id="outdoor-kitchen-services" data-section="outdoor-kitchen-services">
        <FeatureCardTwentySix
          title="Outdoor Kitchen Cleaning Services"
          description="Restore the brilliance of your outdoor kitchen with our specialized cleaning services. We tackle grease, grime, and environmental buildup to leave your cooking and entertaining space pristine."
          features={[
            { 
              title: 'Deep Degreasing', 
              description: 'Thorough removal of grease and food residue from all surfaces.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a8e0f6f7-b0a3-4b6d-a1c1-4b1e5a5a1f6a?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Stainless Steel Polishing', 
              description: 'Professional polishing to restore shine and protect stainless steel appliances.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/f2b5c7e0-9e6e-4c7c-9b1b-9e4a3c1e2d0d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Countertop & Surface Scrub', 
              description: 'Cleaning and sanitizing of all countertop materials and other surfaces.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/e4a7d6e4-4d8b-4a8b-b6f7-2e1c3a1b0a9b?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Cabinet & Storage Wipe Down', 
              description: 'Cleaning interior and exterior of cabinets, drawers, and storage units.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a9f0e1d7-2f7e-4b7f-8c7c-1f6a9b8c3d7e?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="outdoor-kitchen-pricing" data-section="outdoor-kitchen-pricing">
        <PricingCardTwo
          title="Outdoor Kitchen Cleaning Pricing"
          description="Our pricing is transparent and tailored to the size and complexity of your outdoor kitchen. Service area includes all major metropolitan areas and surrounding suburbs. Contact us for a precise quote."
          plans={[
            {
              id: 'basic-outdoor',
              badge: 'Standard Clean',
              badgeIcon: CheckCircle,
              price: '$249',
              subtitle: 'Ideal for routine maintenance',
              buttons: [{ text: 'Get Started', href: '#contact' }],
              features: [
                'Surface wipedown',
                'Light degreasing',
                'Stainless steel polish (exterior)',
                'Countertop sanitization'
              ]
            },
            {
              id: 'premium-outdoor',
              badge: 'Deep Clean',
              badgeIcon: CheckCircle,
              price: '$399',
              subtitle: 'Recommended for annual deep cleaning',
              buttons: [{ text: 'Choose Plan', href: '#contact' }],
              features: [
                'Includes Standard Clean',
                'Intensive degreasing',
                'Interior cabinet cleaning',
                'Appliance exterior deep clean',
                'Stain removal'
              ]
            }
          ]}
          animationType="fade-in"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="grill-cleaning-services" data-section="grill-cleaning-services">
        <FeatureCardTwentySix
          title="Grill Cleaning Services"
          description="Extend the life of your grill and ensure healthier cooking with our professional grill cleaning. We remove grease, carbon buildup, and food debris from every component."
          features={[
            { 
              title: 'Grill Hood & Exterior', 
              description: 'Detailed cleaning and polishing of the grill hood and outer surfaces.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/d5a9d6c7-b8f9-4c01-8e01-1b3a2a4b5c6d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Cooking Grates & Flavorizer Bars', 
              description: 'Thorough cleaning to remove baked-on food and carbon for optimal heat distribution.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/c9e1f0e2-7a8b-4c9d-9e1d-0a2b3c4d5e6f?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Burners & Interior Components', 
              description: 'Cleaning of burner tubes, heat diffusers, and other interior parts to ensure efficiency.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/b1f2e3a4-5c6d-7e8f-9a0b-1c2d3e4f5a6b?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Drip Pans & Grease Trays', 
              description: 'Emptying and deep cleaning of all grease management components.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a1b2c3d4-e5f6-7a8b-9c0d-1e2f3a4b5c6d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="grill-cleaning-pricing" data-section="grill-cleaning-pricing">
        <PricingCardTwo
          title="Grill Cleaning Pricing"
          description="Our grill cleaning services are priced based on the size and type of your grill. We proudly serve residential and commercial clients within a 30-mile radius of the city center."
          plans={[
            {
              id: 'standard-grill',
              badge: 'Standard Grill',
              badgeIcon: CheckCircle,
              price: '$179',
              subtitle: 'For grills up to 3 burners',
              buttons: [{ text: 'Book Now', href: '#contact' }],
              features: [
                'Grates & flavorizer bars cleaned',
                'Burner area degreased',
                'Exterior polish',
                'Grease tray emptied'
              ]
            },
            {
              id: 'large-grill',
              badge: 'Large Grill',
              badgeIcon: CheckCircle,
              price: '$249',
              subtitle: 'For grills 4+ burners / built-in',
              buttons: [{ text: 'Book Now', href: '#contact' }],
              features: [
                'Includes Standard Grill',
                'Deep clean of all interior components',
                'Rotisserie parts cleaned',
                'Full exterior restoration'
              ]
            }
          ]}
          animationType="fade-in"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="artificial-turf-services" data-section="artificial-turf-services">
        <FeatureCardTwentySix
          title="Artificial Turf Services"
          description="Maintain the beauty and hygiene of your artificial turf with our specialized cleaning and maintenance services. We ensure your turf remains vibrant, fresh, and free of debris and odors."
          features={[
            { 
              title: 'Debris Removal', 
              description: 'Vacuuming and sweeping to remove leaves, dirt, and other surface debris.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/e1a2b3c4-d5e6-7f8a-9b0c-1d2e3f4a5b6c?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Pet Odor Treatment', 
              description: 'Application of specialized enzymatic cleaners to neutralize pet odors and sanitize.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/f1e2d3c4-b5a6-9e8d-7c6b-5a4d3e2f1g2h?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Infill Redistribution', 
              description: 'Brushing and redistributing infill to maintain turf uprightness and drainage.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/c9e0f1d2-a3b4-5c6d-7e8f-9a0b1c2d3e4f?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            },
            { 
              title: 'Deep Cleaning & Sanitization', 
              description: 'Pressure washing and sanitizing the turf fibers to eliminate bacteria and mold.', 
              buttonIcon: Sparkles,
              imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/a5b6c7d8-e9f0-1a2b-3c4d-5e6f7a8b9c0d?_api_key=e6f0b43cd0p74f68b31a57b2b512c01d"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="artificial-turf-pricing" data-section="artificial-turf-pricing">
        <PricingCardTwo
          title="Artificial Turf Services Pricing"
          description="Our artificial turf services are priced per square foot, with discounts for larger areas. We offer full coverage across the entire state for commercial properties and specific zones for residential. Please inquire for details."
          plans={[
            {
              id: 'basic-turf',
              badge: 'Essential Care',
              badgeIcon: CheckCircle,
              price: '$0.50/sqft',
              subtitle: 'For standard turf maintenance',
              buttons: [{ text: 'Learn More', href: '#contact' }],
              features: [
                'Debris removal',
                'Basic infill redistribution',
                'Light rinse'
              ]
            },
            {
              id: 'premium-turf',
              badge: 'Premium Clean',
              badgeIcon: CheckCircle,
              price: '$0.75/sqft',
              subtitle: 'For deep cleaning & odor control',
              buttons: [{ text: 'Get a Quote', href: '#contact' }],
              features: [
                'Includes Essential Care',
                'Pet odor treatment (if applicable)',
                'Deep sanitization',
                'Intensive infill management'
              ]
            }
          ]}
          animationType="fade-in"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}
