"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { CheckCircle, DollarSign, Headphones, Truck, Zap, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="GreaseTrap Pro"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="GreaseTrap Pro"
          description="Premium grease trap solutions for commercial kitchens, restaurants, and industrial facilities. Fast delivery, expert installation, lifetime support."
          buttons={[
            { text: "Shop Products", href: "products" },
            { text: "Get a Quote", href: "contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184938.jpg"
          imageAlt="Industrial grease trap equipment"
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Product Range"
          description="Select from our comprehensive lineup of commercial-grade grease traps and separators"
          tag="Industrial Equipment"
          products={[
            {
              id: "1",              name: "Standard Grease Trap 50L",              price: "$1,299.00",              imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg",              imageAlt: "50-liter grease trap",              initialQuantity: 1
            },
            {
              id: "2",              name: "Commercial Grease Interceptor 100L",              price: "$2,199.00",              imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13272.jpg",              imageAlt: "100-liter commercial interceptor",              initialQuantity: 1
            },
            {
              id: "3",              name: "Heavy-Duty Industrial Separator 200L",              price: "$3,899.00",              imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184938.jpg",              imageAlt: "200-liter industrial separator",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Why Choose GreaseTrap Pro"
          description="Industry-leading solutions backed by decades of expertise"
          tag="Our Advantages"
          tagIcon={Zap}
          features={[
            {
              title: "Rapid Delivery",              description: "Same-day shipping on in-stock items to get your business running without downtime",              icon: Truck,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/cardboard-boxes-moving-conveyor-belt-warehouse_23-2151994454.jpg",                  imageAlt: "Fast delivery service"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/cardboard-boxes-moving-conveyor-belt-warehouse_23-2151994454.jpg",                  imageAlt: "Delivery truck"
                }
              ]
            },
            {
              title: "Quality Assurance",              description: "Every unit undergoes rigorous testing and meets all industry compliance standards",              icon: CheckCircle,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg",                  imageAlt: "Quality inspection"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg",                  imageAlt: "Quality control"
                }
              ]
            },
            {
              title: "Expert Support",              description: "24/7 technical support and installation guidance from certified professionals",              icon: Headphones,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg",                  imageAlt: "Customer support"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/cardboard-boxes-moving-conveyor-belt-warehouse_23-2151994454.jpg",                  imageAlt: "Professional service"
                }
              ]
            },
            {
              title: "Competitive Pricing",              description: "Bulk discounts and volume pricing for large commercial installations",              icon: DollarSign,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/cardboard-boxes-moving-conveyor-belt-warehouse_23-2151994454.jpg",                  imageAlt: "Pricing benefits"
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg",                  imageAlt: "Cost savings"
                }
              ]
            }
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Pricing Plans"
          description="Choose the plan that fits your business needs. All plans include free installation and 2-year warranty."
          tag="Simple & Transparent"
          tagIcon={Zap}
          plans={[
            {
              id: "1",              price: "Custom Quote",              name: "Starter Package",              buttons: [
                { text: "Request Quote", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "Single unit purchase",                "Standard delivery",                "Basic technical support",                "12-month warranty"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "Volume Discount",              name: "Business Package",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Chat to Sales", href: "contact" }
              ],
              features: [
                "5-10 unit purchases",                "Priority delivery",                "24/7 technical support",                "24-month warranty",                "Bulk pricing discount"
              ]
            },
            {
              id: "3",              price: "Enterprise",              name: "Enterprise Solution",              buttons: [
                { text: "Contact Sales", href: "contact" },
                { text: "Schedule Demo", href: "contact" }
              ],
              features: [
                "10+ unit installations",                "Dedicated account manager",                "Custom integration support",                "Premium 36-month warranty",                "Free maintenance visits",                "Exclusive pricing"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Proven Track Record"
          description="Trusted by thousands of businesses across North America"
          tag="Performance"
          metrics={[
            {
              id: "1",              value: "50,000+",              title: "Units Installed",              description: "Successfully deployed across commercial facilities",              imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",              imageAlt: "Installed units"
            },
            {
              id: "2",              value: "99.2%",              title: "Customer Satisfaction",              description: "Highest rated in the industry for quality and service",              imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg",              imageAlt: "Customer satisfaction"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Customer Success Stories"
          description="Hear from businesses that have transformed their operations with GreaseTrap Pro"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Head Chef",              company: "Urban Kitchen Restaurant",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Facilities Manager",              company: "Downtown Commercial Complex",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "David Rodriguez",              role: "Operations Manager",              company: "Plaza Hotel & Catering",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",              imageAlt: "David Rodriguez"
            },
            {
              id: "4",              name: "Jennifer Williams",              role: "Owner",              company: "The Golden Fork Bistro",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",              imageAlt: "Jennifer Williams"
            },
            {
              id: "5",              name: "Michael Torres",              role: "Building Manager",              company: "Metropolitan Office Tower",              rating: 5,
              imageSrc: "http://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: "Michael Torres"
            },
            {
              id: "6",              name: "Lisa Patterson",              role: "Maintenance Supervisor",              company: "Industrial Park Services",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",              imageAlt: "Lisa Patterson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our grease trap products and services"
          tag="Help & Support"
          faqs={[
            {
              id: "1",              title: "What is a grease trap and why do I need one?",              content: "A grease trap is an essential piece of equipment that intercepts grease and prevents it from entering your wastewater system. It's required by most municipalities for commercial kitchens and food service establishments to prevent clogging, reduce environmental impact, and avoid costly plumbing issues."
            },
            {
              id: "2",              title: "How often should I clean my grease trap?",              content: "We recommend cleaning every 1-3 months depending on usage volume. High-volume commercial kitchens may need weekly or bi-weekly maintenance. Our team can help you develop a maintenance schedule based on your specific needs and local regulations."
            },
            {
              id: "3",              title: "What size grease trap do I need?",              content: "The correct size depends on your daily wastewater volume, number of drain lines, and local codes. Our sizing calculator and expert support team can help determine the right capacity for your operation. Most restaurants use 50L to 200L units."
            },
            {
              id: "4",              title: "Do you offer installation services?",              content: "Yes! Professional installation is included with all our products. Our certified technicians will handle the complete setup, connection, and testing to ensure your system operates at peak efficiency from day one."
            },
            {
              id: "5",              title: "What warranty coverage is included?",              content: "All GreaseTrap Pro units come with a comprehensive 2-year warranty on materials and workmanship. Business and Enterprise plans extend this to 24 and 36 months respectively. Coverage includes defects, leaks, and mechanical failures."
            },
            {
              id: "6",              title: "Can I order online and track my delivery?",              content: "Absolutely! Our online ordering system lets you choose your product, set installation preferences, and track your shipment in real-time. Most in-stock items ship same-day with full delivery tracking and estimated arrival times."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Your Grease Trap Today"
          description="Contact our sales team to place your order, request a quote, or schedule a consultation with one of our experts."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Business Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "company", type: "text", placeholder: "Company Name", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your grease trap needs, desired size, and installation timeline",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/young-support-customer-woman-talking-into-headset-microphone-with-call-center-customer-while-working-startup-company-office-caucasian-female-consultant-providing-telemarketing-service_482257-28282.jpg"
          imageAlt="Customer support team"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send My Order Request"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Products",              items: [
                { label: "Grease Traps", href: "#products" },
                { label: "Interceptors", href: "#products" },
                { label: "Separators", href: "#products" },
                { label: "Accessories", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#faq" },
                { label: "Installation Guide", href: "#" },
                { label: "Maintenance Tips", href: "#" },
                { label: "Support Portal", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 GreaseTrap Pro. All rights reserved."
          bottomRightText="Engineered for Excellence"
        />
      </div>
    </ThemeProvider>
  );
}
