export default function ZennovaPowerTechSite() {
  const logoDataUri = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAHbApQDASIAAhEBAxEB/8QAHgABAAIDAAMBAQAAAAAAAAAAAAgJBQYHAgMEAQr/xABsEAABAwMCBAIFBQkHDAoPCAMBAAIDBAURBgcIEiExQVEJEyJhcRQyQmKBFSNSkZWh0dLTF3KTlLG0wRYYJDM3Q1ZXc4KSoxklNEdTY3Wz4fAmOERGVFVmdIOEhaTCw/EnKDZFdqKy4mTE1P/EABwBAQACAgMBAAAAAAAAAAAAAAAFBgQHAQIDCP/EAEURAAIBAgIGBwYEAgkEAgMAAAABAgMEBREGITFBUWESE3GBkaHRFSIyscHwFEJS4QcjFhczNENTVGLxJJKi0iVyRILi/9oADAMBAAIRAxEAPwC1BERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREAREQBERAEREARfj3tY0ve4Na0ZJJwAFybX3Evt3oz19HQVLr9costEFEQYg/wAnTfNHv5eYjyWNdXlvZQ6dxNRXP6ce46VKsKSzm8jrSwmpdb6P0dE2bVOpbda2vGWCpqGsc/8AetJyfsChdrviZ3Z1tIaGz1ZsVG7oYbaCJHD60p9r/R5QuWVNovFyqX1l1q5JZpTl8szzJI4+8nv+NVG901t6Xu28c+b1eW35EbVxNLVTjn2kyNW8ZW0unnGCzC56gm7Zo6f1cTT73ylv/wC0Fc1vPHnceVzbDt3TMODyvq69z8HHi1rB/Ko9nTsTXdQ9/wAegXzXCay2OP1lzrqSjb4CR7WuPwb3P2BV6rphfXEsqTyz3JeubMGd/dT2PLsR1K9cae+lzeRaaay22M82BT290jgD26yPcMj4fYtXrOKXiRnldMNYSwg49llvpmtHwBjXLa/dPSNEx4pW1VdIPmiOLkYfi52CPxFavcd4a+Rrm2+yU0GexkkdIR+LlSniGM3GvOS7Xl5fseDuKz2zfidvHFNxHR9TrSoOPOipj/8ALWSoOMniHoBGyS9UdX6vORUWuM8/74sDT+IhRQuOvtWVriX3V0QP0YY2sA/Nn86xEuoL7MT6y8Vpz3Hr3fpWfTlie2VbLvkzhXFVfnfiT0s3pANzbeA3UmgLLcmNABfSumpXHp3PMZB+YLe9P+kS2/qJ44NW6HvtpY44dUUzo6qNnvIyx+O3ZpPfoqzm3O5uO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";
  const services = [
    {
      title: "Solar EPC Solutions",
      desc: "Complete design, supply, installation, testing, and commissioning for residential, commercial, and industrial solar projects.",
      icon: "☀️",
    },
    {
      title: "Rooftop Solar Installation",
      desc: "High-performance rooftop systems tailored for maximum generation, safety, and long-term reliability.",
      icon: "🏠",
    },
    {
      title: "Maintenance & Support",
      desc: "Routine inspection, troubleshooting, performance checks, and lifecycle support to keep your plant efficient.",
      icon: "🛠️",
    },
    {
      title: "Energy Consultation",
      desc: "Site assessment, load analysis, ROI planning, and custom recommendations to help you choose the right system.",
      icon: "📊",
    },
  ];

  const highlights = [
    "End-to-end solar project execution",
    "High-efficiency systems and trusted components",
    "Professional installation with safety focus",
    "Customized solutions for every energy need",
  ];

  const stats = [
    { value: "Clean", label: "Energy Focus" },
    { value: "Smart", label: "Design Approach" },
    { value: "Reliable", label: "Execution" },
    { value: "Future", label: "Ready Solutions" },
  ];

  return (
    <div className="min-h-screen bg-slate-950 text-white">
      <section className="relative overflow-hidden">
        <div className="absolute inset-0 bg-gradient-to-br from-emerald-500/20 via-cyan-400/10 to-slate-950" />
        <div className="absolute -top-24 -right-24 h-72 w-72 rounded-full bg-emerald-400/20 blur-3xl" />
        <div className="absolute bottom-0 left-0 h-72 w-72 rounded-full bg-cyan-400/10 blur-3xl" />

        <div className="relative mx-auto max-w-7xl px-6 py-6 lg:px-8">
          <header className="flex items-center justify-between rounded-full border border-white/10 bg-white/5 px-5 py-3 backdrop-blur-md">
            <div className="flex items-center gap-3">
              <img src={logoDataUri} alt="Zennova PowerTech logo" className="h-12 w-12 rounded-xl object-cover bg-white p-1" />
              <div>
                <div className="text-xl font-black tracking-[0.25em] text-emerald-300">ZENNOVA</div>
                <div className="text-xs tracking-[0.35em] text-slate-300">POWERTECH</div>
              </div>
            </div>
            <nav className="hidden gap-6 text-sm text-slate-200 md:flex">
              <a href="#about" className="transition hover:text-emerald-300">About</a>
              <a href="#services" className="transition hover:text-emerald-300">Services</a>
              <a href="#why-us" className="transition hover:text-emerald-300">Why Us</a>
              <a href="#contact" className="transition hover:text-emerald-300">Contact</a>
            </nav>
            <a
              href="#contact"
              className="rounded-full bg-emerald-400 px-5 py-2 text-sm font-semibold text-slate-950 shadow-lg shadow-emerald-500/20 transition hover:scale-105"
            >
              Get Quote
            </a>
          </header>

          <div className="grid items-center gap-12 py-20 lg:grid-cols-2 lg:py-24">
            <div>
              <div className="mb-4 inline-flex rounded-full border border-emerald-400/30 bg-emerald-400/10 px-4 py-2 text-sm text-emerald-200">
                Powering a smarter solar future
              </div>
              <h1 className="max-w-3xl text-4xl font-black leading-tight sm:text-5xl lg:text-6xl">
                Reliable Solar Solutions for <span className="text-emerald-300">Homes, Businesses</span> & Industry
              </h1>
              <p className="mt-6 max-w-2xl text-lg leading-8 text-slate-300">
                Zennova PowerTech delivers efficient, modern, and scalable solar energy systems with strong technical execution, clean design, and dependable support.
              </p>

              <div className="mt-8 flex flex-wrap gap-4">
                <a
                  href="#contact"
                  className="rounded-2xl bg-emerald-400 px-6 py-3 font-semibold text-slate-950 transition hover:scale-105"
                >
                  Request Consultation
                </a>
                <a
                  href="#services"
                  className="rounded-2xl border border-white/15 bg-white/5 px-6 py-3 font-semibold text-white transition hover:bg-white/10"
                >
                  Explore Services
                </a>
              </div>

              <div className="mt-10 grid grid-cols-2 gap-4 sm:grid-cols-4">
                {stats.map((item) => (
                  <div key={item.label} className="rounded-2xl border border-white/10 bg-white/5 p-4 backdrop-blur-sm">
                    <div className="text-2xl font-extrabold text-emerald-300">{item.value}</div>
                    <div className="mt-1 text-sm text-slate-300">{item.label}</div>
                  </div>
                ))}
              </div>
            </div>

            <div className="relative">
              <div className="rounded-[2rem] border border-white/10 bg-white/5 p-4 shadow-2xl shadow-emerald-900/30 backdrop-blur-xl">
                <div className="rounded-[1.5rem] bg-gradient-to-br from-slate-900 via-emerald-950 to-slate-900 p-8">
                  <div className="mb-6 flex items-center justify-between">
                    <div>
                      <div className="text-sm uppercase tracking-[0.3em] text-emerald-300">Clean Energy</div>
                      <div className="mt-2 text-3xl font-bold">Future Ready Power</div>
                    </div>
                    <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-emerald-400/15 text-3xl">
                      ☀️
                    </div>
                  </div>

                  <div className="grid gap-4 sm:grid-cols-2">
                    <div className="rounded-2xl border border-white/10 bg-white/5 p-5">
                      <div className="text-sm text-slate-300">System Design</div>
                      <div className="mt-2 text-xl font-semibold">Optimized for Performance</div>
                    </div>
                    <div className="rounded-2xl border border-white/10 bg-white/5 p-5">
                      <div className="text-sm text-slate-300">Execution</div>
                      <div className="mt-2 text-xl font-semibold">Engineered with Precision</div>
                    </div>
                    <div className="rounded-2xl border border-white/10 bg-white/5 p-5 sm:col-span-2">
                      <div className="text-sm text-slate-300">Mission</div>
                      <div className="mt-2 text-xl font-semibold leading-8 text-white">
                        Deliver practical, high-quality solar power systems that reduce energy costs and support sustainable growth.
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="about" className="mx-auto max-w-7xl px-6 py-20 lg:px-8">
        <div className="grid gap-10 lg:grid-cols-2">
          <div>
            <p className="text-sm font-semibold uppercase tracking-[0.3em] text-emerald-300">About Zennova PowerTech</p>
            <h2 className="mt-4 text-3xl font-bold sm:text-4xl">Clean energy solutions built with trust, design, and technical clarity.</h2>
          </div>
          <div className="text-lg leading-8 text-slate-300">
            We help customers transition to solar energy through well-planned, professionally installed systems that are built for long-term savings and dependable output. From consultation to commissioning, our focus is performance, transparency, and service quality.
          </div>
        </div>
      </section>

      <section id="services" className="bg-white/5">
        <div className="mx-auto max-w-7xl px-6 py-20 lg:px-8">
          <div className="mb-12 max-w-2xl">
            <p className="text-sm font-semibold uppercase tracking-[0.3em] text-emerald-300">Our Services</p>
            <h2 className="mt-4 text-3xl font-bold sm:text-4xl">Complete solar support from planning to performance.</h2>
          </div>

          <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-4">
            {services.map((service) => (
              <div
                key={service.title}
                className="rounded-[1.75rem] border border-white/10 bg-slate-900/70 p-6 shadow-xl transition hover:-translate-y-1 hover:border-emerald-400/30"
              >
                <div className="mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-emerald-400/10 text-2xl">
                  {service.icon}
                </div>
                <h3 className="text-xl font-semibold">{service.title}</h3>
                <p className="mt-3 leading-7 text-slate-300">{service.desc}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      <section id="why-us" className="mx-auto max-w-7xl px-6 py-20 lg:px-8">
        <div className="grid gap-8 lg:grid-cols-2">
          <div className="rounded-[2rem] border border-white/10 bg-gradient-to-br from-emerald-500/10 to-cyan-400/5 p-8">
            <p className="text-sm font-semibold uppercase tracking-[0.3em] text-emerald-300">Why Choose Us</p>
            <h2 className="mt-4 text-3xl font-bold sm:text-4xl">A strong partner for your solar journey.</h2>
            <div className="mt-8 space-y-4">
              {highlights.map((item) => (
                <div key={item} className="flex items-start gap-3 rounded-2xl bg-white/5 p-4">
                  <div className="mt-1 text-emerald-300">✓</div>
                  <div className="text-slate-200">{item}</div>
                </div>
              ))}
            </div>
          </div>

          <div className="grid gap-6 sm:grid-cols-2">
            <div className="rounded-[2rem] border border-white/10 bg-white/5 p-6">
              <div className="text-sm text-slate-400">Approach</div>
              <div className="mt-3 text-2xl font-bold">Site-Specific Design</div>
              <p className="mt-3 leading-7 text-slate-300">Every project is planned based on customer load, roof condition, and long-term energy goals.</p>
            </div>
            <div className="rounded-[2rem] border border-white/10 bg-white/5 p-6">
              <div className="text-sm text-slate-400">Quality</div>
              <div className="mt-3 text-2xl font-bold">Reliable Components</div>
              <p className="mt-3 leading-7 text-slate-300">We focus on trusted products and installation standards that improve system life and output.</p>
            </div>
            <div className="rounded-[2rem] border border-white/10 bg-white/5 p-6 sm:col-span-2">
              <div className="text-sm text-slate-400">Support</div>
              <div className="mt-3 text-2xl font-bold">Responsive Service & Guidance</div>
              <p className="mt-3 leading-7 text-slate-300">From first inquiry to after-sales support, we keep communication clear and the process smooth.</p>
            </div>
          </div>
        </div>
      </section>

      <section id="contact" className="pb-20">
        <div className="mx-auto max-w-7xl px-6 lg:px-8">
          <div className="rounded-[2rem] border border-white/10 bg-gradient-to-r from-emerald-500/15 to-cyan-400/10 p-8 shadow-2xl shadow-emerald-900/20 lg:p-12">
            <div className="grid gap-10 lg:grid-cols-2 lg:items-center">
              <div>
                <p className="text-sm font-semibold uppercase tracking-[0.3em] text-emerald-300">Contact Us</p>
                <h2 className="mt-4 text-3xl font-bold sm:text-4xl">Let’s build your solar project with confidence.</h2>
                <p className="mt-4 max-w-xl text-lg leading-8 text-slate-300">
                  Reach out to Zennova PowerTech for consultations, project discussions, quotations, and technical support.
                </p>
              </div>

              <div className="rounded-[1.75rem] border border-white/10 bg-slate-950/50 p-6 backdrop-blur-sm">
                <div className="grid gap-5">
                  <div>
                    <div className="text-sm text-slate-400">Company</div>
                    <div className="mt-1 text-lg font-semibold">Zennova PowerTech</div>
                  </div>
                  <div>
                    <div className="text-sm text-slate-400">Phone</div>
                    <div className="mt-1 text-lg font-semibold">+91 95004 79949</div>
                  </div>
                  <div>
                    <div className="text-sm text-slate-400">Email</div>
                    <div className="mt-1 text-lg font-semibold">zennovapowertech@gmail.com</div>
                  </div>
                  <div>
                    <div className="text-sm text-slate-400">Location</div>
                    <div className="mt-1 text-lg font-semibold"># 5/85, MKL Complex, Pillaiyar Koil St, Medavakkam, Chennai 600100</div>
                  </div>
                  <a
                    href="mailto:zennovapowertech@gmail.com"
                    className="mt-2 inline-flex w-fit rounded-2xl bg-emerald-400 px-6 py-3 font-semibold text-slate-950 transition hover:scale-105"
                  >
                    Email Us
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer className="border-t border-white/10 px-6 py-6 text-center text-sm text-slate-400">
        © 2026 Zennova PowerTech. All rights reserved.
      </footer>
    </div>
  );
}