"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Lightbulb, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Process",          id: "#process"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="BULB"
      bottomLeftText="Innovation & Precision"
      bottomRightText="info@bulb.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "animated-grid"}}
      imagePosition="right"
      title="Powering Premium Spaces."
      description="Modern electrical solutions for homes, commercial properties, and high-end developments."
      buttons={[
        {
          text: "Request A Quote",          href: "#contact"},
        {
          text: "View Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139306.jpg"
      imageAlt="Abstract electrical energy graphic"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",          alt: "Satisfied client avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg",          alt: "Happy customer avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-businessman-standing-front-building-holding-clipboard-coffee-cup_23-2147972795.jpg",          alt: "Professional partner avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",          alt: "Trusted associate avatar"},
        {
          src: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg",          alt: "Valued client avatar"},
      ]}
      avatarText="Trusted by 1000+ clients"
      marqueeItems={[
        {
          type: "text",          text: "Precision Engineering"},
        {
          type: "text-icon",          text: "Smart Solutions",          icon: Zap,
        },
        {
          type: "text",          text: "Reliable Service"},
        {
          type: "text-icon",          text: "Advanced Technology",          icon: Lightbulb,
        },
        {
          type: "text",          text: "Client Focused"},
      ]}
    />
  </div>

  <div id="trust-bar" data-section="trust-bar">
      <MetricCardTwo
      useInvertedBackground={true}
      title="Built on Trust & Excellence"
      tag="Our Commitment"
      tagAnimation="blur-reveal"
      metrics={[
        {
          id: "1",          value: "NICEIC",          description: "Approved"},
        {
          id: "2",          value: "Fully",          description: "Insured"},
        {
          id: "3",          value: "Emergency",          description: "Response"},
        {
          id: "4",          value: "Domestic &",          description: "Commercial"},
      ]}
      animationType="opacity"
      gridVariant="uniform-all-items-equal"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="left"
      title="Electrical Excellence Built Around Precision."
      description="At BULB, we illuminate futures with expert electrical installations, intelligent systems, and flawless execution. Our trusted service ensures safety, efficiency, and cutting-edge solutions for every project, from sophisticated smart homes to expansive commercial properties. We're more than electricians; we're partners in powering your premium spaces with unparalleled precision and dedication."
      bulletPoints={[
        {
          title: "Expert Installations",          description: "Flawless setup by certified professionals ensuring peak performance and longevity."},
        {
          title: "Intelligent Systems",          description: "Designing and integrating smart electrical infrastructures for modern living and working."},
        {
          title: "Flawless Execution",          description: "Meticulous attention to detail and rigorous standards from planning to completion."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-with-natural-materials_23-2150654462.jpg"
      imageAlt="Modern architectural interior showcasing electrical precision"
      mediaAnimation="opacity"
      containerClassName="py-12 md:py-24"
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardTwo
      animationType="opacity"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "s1",          brand: "BULB",          name: "EV Charger Installation",          price: "From £800",          rating: 5,
          reviewCount: "230 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-car-charging-station-garage_23-2151044458.jpg",          imageAlt: "Modern electric car charging station in a premium garage"},
        {
          id: "s2",          brand: "BULB",          name: "Full Rewires",          price: "Quote Basis",          rating: 5,
          reviewCount: "180 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/interior-construction-site-room-electrical-wiring_23-2149454179.jpg",          imageAlt: "Clean and organized electrical wiring in a new build"},
        {
          id: "s3",          brand: "BULB",          name: "Smart Home Systems",          price: "Custom Project",          rating: 5,
          reviewCount: "210 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-design_23-2151821323.jpg",          imageAlt: "Integrated smart home control panel in a minimalist living room"},
        {
          id: "s4",          brand: "BULB",          name: "Lighting Design",          price: "Design Fee + Install",          rating: 5,
          reviewCount: "195 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-modern-lighting_23-2150654486.jpg",          imageAlt: "Sophisticated modern lighting design in a luxury apartment"},
        {
          id: "s5",          brand: "BULB",          name: "Commercial Electrical",          price: "Project Based",          rating: 5,
          reviewCount: "150 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior_23-2148899436.jpg",          imageAlt: "Sleek, modern commercial office interior with optimized electrical systems"},
        {
          id: "s6",          brand: "BULB",          name: "Consumer Units & Upgrades",          price: "From £450",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-modern-industrial-building_23-2150663486.jpg",          imageAlt: "State-of-the-art consumer unit in a clean, modern setup"},
        {
          id: "s7",          brand: "BULB",          name: "Emergency Repairs",          price: "Call Out Fee",          rating: 5,
          reviewCount: "90 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-inspecting-modern-electrical-panel_23-2150663471.jpg",          imageAlt: "Skilled electrician performing meticulous inspection"},
        {
          id: "s8",          brand: "BULB",          name: "Maintenance Contracts",          price: "Monthly/Annual",          rating: 5,
          reviewCount: "75 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-electrical-equipment-control-room_23-2150663495.jpg",          imageAlt: "Professional maintenance of high-tech electrical equipment"},
      ]}
      title="Comprehensive Electrical Solutions."
      description="Tailored services designed for peak performance and lasting reliability. From innovative EV charging to intricate smart home systems, we deliver unparalleled quality."
      containerClassName="py-12 md:py-24"
    />
  </div>

  <div id="projects" data-section="projects">
      <BlogCardOne
      animationType="opacity"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Signature Projects."
      description="Transforming spaces with precision and innovative electrical design. Explore a selection of our most impactful completed projects."
      blogs={[
        {
          id: "p1",          category: "Residential",          title: "Luxury Home Lighting Installation",          excerpt: "A bespoke lighting system designed and installed for a high-end residential property, creating dynamic ambiance.",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-elegant-lighting_23-2150654489.jpg",          imageAlt: "Luxury smart home living room with exquisite lighting",          authorName: "BULB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",          date: "October 2023"},
        {
          id: "p2",          category: "Commercial",          title: "Commercial Office Fit-Out",          excerpt: "Complete electrical infrastructure installation for a modern corporate office, ensuring efficiency and reliability.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-interior_23-2151036082.jpg",          imageAlt: "Sleek, open-plan commercial office interior",          authorName: "BULB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",          date: "September 2023"},
        {
          id: "p3",          category: "Smart Systems",          title: "Smart Home Integration",          excerpt: "Seamless integration of advanced smart home systems for ultimate control and energy efficiency in a new build.",          imageSrc: "http://img.b2bpic.net/free-photo/smart-home-system-control-panel_23-2151821323.jpg",          imageAlt: "Seamless wall-mounted smart home integration panel",          authorName: "BULB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg",          date: "August 2023"},
        {
          id: "p4",          category: "EV Charging",          title: "EV Charging Installation",          excerpt: "Installation of multiple high-speed EV charging stations for a residential development, promoting sustainable living.",          imageSrc: "http://img.b2bpic.net/free-photo/electric-car-charging-station-modern-garage_23-2151044458.jpg",          imageAlt: "Electric vehicle charging station in a modern garage",          authorName: "BULB Team",          authorAvatar: "http://img.b2bpic.net/free-photo/outside-portrait-young-smiling-woman-with-wavy-hair-wearing-striped-tshirt-blue-shirt-is-posing-camera-with-happy-smile-against-city-square-with-green-exotic-trees_291650-1903.jpg",          date: "July 2023"},
      ]}
      containerClassName="py-12 md:py-24"
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardSeven
      useInvertedBackground={true}
      title="Our Seamless Process."
      description="Experience electrical work delivered with clarity, efficiency, and expert care. From initial concept to certified completion, we ensure a smooth journey."
      animationType="opacity"
      features={[
        {
          title: "1. Consultation",          description: "We begin with a thorough consultation to understand your needs, objectives, and existing infrastructure. This allows us to tailor a solution that perfectly fits your requirements and budget. Our experts provide clear, concise advice.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EVH29cNB4aTXkBh7MjsAxnRbrF/uploaded-1780258576787-oi5cyo9j.png",          imageAlt: "Consultation process diagram"
        },
        {
          title: "2. Design & Planning",          description: "Leveraging cutting-edge technology, our team designs a robust, efficient, and aesthetically pleasing electrical plan. Every detail is meticulously planned to ensure optimal performance, safety, and compliance with all regulations.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-working-architectural-project-design-new-plan_23-2147983057.jpg",          imageAlt: "Architectural design and planning"
        },
        {
          title: "3. Installation",          description: "Our certified electricians execute the installation with unparalleled precision and attention to detail. We use only premium-grade materials and advanced techniques, minimizing disruption and adhering strictly to timelines.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-on-electrical-panel_23-2150663471.jpg",          imageAlt: "Electrician installing electrical panel"
        },
        {
          title: "4. Testing & Certification",          description: "Upon completion, every aspect of your new electrical system undergoes rigorous testing to guarantee safety, functionality, and compliance. We provide full certification, giving you complete peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-electrical-equipment_23-2150663495.jpg",          imageAlt: "Technician testing electrical equipment"
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      textboxLayout="default"
      useInvertedBackground={false}
      title="Client Success Stories."
      description="Hear from those who've experienced the BULB difference in quality and service. Our commitment to excellence shines through every project."
      animationType="opacity"
      carouselMode="auto"
      gridVariant="uniform-all-items-equal"
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          role: "Residential Client",          testimonial: "BULB transformed our home with their smart system integration. The attention to detail and flawless execution was truly impressive. Highly recommend for any premium electrical needs.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-ipad_23-2148369439.jpg"},
        {
          id: "t2",          name: "Mark C.",          role: "Business Owner",          testimonial: "Our office rewire by BULB was seamless and efficient. The team was professional, clean, and delivered ahead of schedule. A truly premium service that exceeded our expectations.",          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899440.jpg"},
        {
          id: "t3",          name: "Emily R.",          role: "Property Developer",          testimonial: "The EV charger installation was quick, clean, and perfectly integrated into our property. BULB's expertise and customer service are second to none. Absolutely delighted with the result.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg"},
        {
          id: "t4",          name: "David K.",          role: "Residential Client",          testimonial: "BULB's lighting design completely elevated our luxury apartment. The team’s creativity and technical skill brought our vision to life. A truly bespoke and brilliant service.",          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg"},
        {
          id: "t5",          name: "Jessica L.",          role: "Commercial Manager",          testimonial: "We rely on BULB for all our commercial electrical maintenance. Their team is consistently reliable, responsive, and proactive, ensuring our operations run smoothly. Invaluable service.",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-animated-grid"}}
      text="Ready to Elevate Your Space? Experience the unparalleled difference of BULB. Secure your future with precision electrical solutions and innovative design. Get your personalized quote today."
      buttons={[
        {
          text: "Unlock Your Quote",          href: "#contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      columns={[
        {
          title: "Services",          items: [
            {
              label: "EV Charger Installation",              href: "#services"},
            {
              label: "Smart Home Systems",              href: "#services"},
            {
              label: "Lighting Design",              href: "#services"},
            {
              label: "Commercial Electrical",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Process",              href: "#process"},
            {
              label: "Featured Projects",              href: "#projects"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Request a Quote",              href: "#contact"},
            {
              label: "info@bulb.com",              href: "mailto:info@bulb.com"},
            {
              label: "+44 7911 123456",              href: "tel:+447911123456"},
            {
              label: "LinkedIn",              href: "https://linkedin.com/company/bulb"},
          ],
        },
      ]}
      logoText="BULB"
      copyrightText="© 2024 BULB. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}