"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Zap, Lightbulb, Eye, CheckCircle, Users, Twitter, Facebook, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="radialGradient"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="minimal"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="SmartHome Pro"
          button={{
            text: "Get Started",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="The Future of Home Automation"
          description="Transform your living space with intelligent automation. Control lighting, temperature, security, and entertainment from anywhere in the world."
          tag="Smart Living"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105729262-fy7hy66s.jpg"
          imageAlt="Modern smart home with automation technology"
          buttons={[
            {
              text: "Explore Solutions",
              href: "features"
            },
            {
              text: "Schedule Demo",
              href: "contact"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="How Smart Automation Works"
          description="Follow our proven process to transform your home into an intelligent living space"
          tag="Process"
          tagIcon={Lightbulb}
          features={[
            {
              id: 1,
              title: "System Design & Planning",
              description: "Our experts assess your home layout, electrical systems, and lifestyle needs to create a customized automation blueprint tailored to your specific requirements.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105730605-f7lz85oj.jpg"
            },
            {
              id: 2,
              title: "Professional Installation",
              description: "Certified technicians install and integrate smart devices including lighting systems, thermostats, locks, and security cameras with minimal disruption.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105731567-xtsxd88i.jpg"
            },
            {
              id: 3,
              title: "Configuration & Testing",
              description: "We configure all systems, set up automation routines, and thoroughly test every device to ensure seamless operation and reliability.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105732455-m5skwfdi.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Smart Home Devices"
          description="Industry-leading automation devices engineered for reliability and ease of use"
          tag="Available Now"
          products={[
            {
              id: "1",
              name: "Smart Hub Pro",
              price: "$299",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105735033-x2wteczy.jpg",
              imageAlt: "Central smart home hub for device coordination"
            },
            {
              id: "2",
              name: "LED Color System",
              price: "$149",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105730605-f7lz85oj.jpg",
              imageAlt: "Smart LED bulbs with color control"
            },
            {
              id: "3",
              name: "Intelligent Thermostat",
              price: "$199",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105735905-70o4rkdh.jpg",
              imageAlt: "Smart temperature control device"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Why Choose Smart Automation"
          description="Proven results from thousands of automated homes worldwide"
          metrics={[
            {
              id: "1",
              value: "45%",
              title: "Energy Savings - Average reduction in energy costs"
            },
            {
              id: "2",
              value: "24/7",
              title: "Monitoring - Remote home control and monitoring"
            },
            {
              id: "3",
              value: "98%",
              title: "Uptime - System reliability and performance"
            },
            {
              id: "4",
              value: "15K+",
              title: "Users - Happy customers automated"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Customer Success Stories"
          description="See how smart home automation is changing the way people live"
          testimonials={[
            {
              id: "1",
              title: "Transformed my daily routine",
              quote: "The installation was seamless and the support team was incredibly helpful. My energy bills dropped significantly and controlling everything from my phone is game-changing.",
              name: "Sarah Johnson",
              role: "Homeowner, Seattle",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg"
            },
            {
              id: "2",
              title: "More than skeptical, now convinced",
              quote: "I was skeptical about smart homes until I experienced this system. The automation routines save me hours every week and the security features give me peace of mind.",
              name: "Michael Chen",
              role: "Tech Executive, San Francisco",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
            },
            {
              id: "3",
              title: "Perfect for the whole family",
              quote: "Perfect for families. The kids can control lights and temperature, guests can be given access automatically, and everything just works. Highly recommended.",
              name: "Emily Rodriguez",
              role: "Family of Four, Austin",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg"
            },
            {
              id: "4",
              title: "Travel with complete peace of mind",
              quote: "Gave me complete control of my home while traveling. Security cameras, door locks, and climate control all in one app. Best investment I've made.",
              name: "David Kim",
              role: "Empty Nester, Los Angeles",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
            },
            {
              id: "5",
              title: "Intelligent automation at its finest",
              quote: "The technical integration is flawless. Unlike other systems, this one actually learns your habits and makes intelligent suggestions for optimization.",
              name: "Jessica Martinez",
              role: "Smart Home Enthusiast, Miami",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg"
            },
            {
              id: "6",
              title: "A competitive advantage in real estate",
              quote: "We've installed this in all our new builds. Buyers love the modern automation features and it gives us a competitive edge in the market.",
              name: "Robert Thompson",
              role: "Real Estate Developer, Boston",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about smart home automation systems"
          tag="Help & Support"
          faqs={[
            {
              id: "1",
              title: "What devices can be automated in my home?",
              content: "Our systems support lighting, thermostats, door locks, security cameras, blinds, entertainment systems, appliances, and more. We work with industry-standard protocols to ensure broad compatibility."
            },
            {
              id: "2",
              title: "How secure is a smart home system?",
              content: "Security is our top priority. All systems use military-grade encryption, regular security updates, two-factor authentication, and local processing to protect your privacy and data."
            },
            {
              id: "3",
              title: "Will it work if the internet goes down?",
              content: "Yes. Critical functions like lighting and door locks operate locally even without internet. You'll lose remote access temporarily, but your home continues to function normally."
            },
            {
              id: "4",
              title: "How long does installation take?",
              content: "Most installations take 2-5 days depending on your home size and complexity. We work around your schedule and clean up after ourselves. Minimal disruption guaranteed."
            },
            {
              id: "5",
              title: "Can I expand the system later?",
              content: "Absolutely. Our modular design allows you to add devices and features anytime. Start with essentials and grow your automation ecosystem at your own pace."
            },
            {
              id: "6",
              title: "What's the ongoing cost?",
              content: "Just device costs and optional professional monitoring. No subscription fees required for basic automation. Premium features are available but completely optional."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767105733615-xo8afw3c.jpg"
          imageAlt="Smart home automation technology"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Start Your Smart Home Journey"
          description="Get in touch with our automation specialists to discuss your requirements and schedule a personalized demonstration."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your home automation goals and current setup...",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          buttonText="Request Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="SmartHome Pro"
          columns={[
            {
              title: "Products",
              items: [
                {
                  label: "Smart Hub",
                  href: "products"
                },
                {
                  label: "Lighting",
                  href: "products"
                },
                {
                  label: "Climate Control",
                  href: "products"
                }
              ]
            },
            {
              title: "Solutions",
              items: [
                {
                  label: "Home Automation",
                  href: "features"
                },
                {
                  label: "Energy Management",
                  href: "features"
                },
                {
                  label: "Security Systems",
                  href: "features"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Contact",
                  href: "contact"
                },
                {
                  label: "Support",
                  href: "faq"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "privacy"
                },
                {
                  label: "Terms of Service",
                  href: "terms"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com",
              ariaLabel: "LinkedIn"
            }
          ]}
          copyrightText="© SmartHome Pro, Inc. 2025"
        />
      </div>
    </ThemeProvider>
  );
}