"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="ENERGIAVENETA"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Smart Energy Solutions for Tomorrow"
      description="ENERGIAVENETA delivers premium, high-efficiency solar energy systems designed for modern residential and commercial needs."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-modern-luxury-waterfront-homes-gold-coast-suburb_1308-189456.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sustainable-football-stadium-with-solar-panels-fife-scotland_1308-189370.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/house-with-windmill_1048-1776.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15560.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15590.jpg",
          imageAlt: "solar panels house",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29992.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29995.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969823.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907396.jpg",
          imageAlt: "solar panels house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/alternative-energy-ecological-concept_1157-35709.jpg",
          imageAlt: "solar panels house",
        },
      ]}
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/house-with-solar-panels-garden_23-2151972747.jpg",
          alt: "Happy homeowner with solar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/aerial-shot-solar-panels-cascade-field-florida_181624-60023.jpg",
          alt: "Satisfied client portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894008.jpg",
          alt: "Customer success stories",
        },
        {
          src: "http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894001.jpg",
          alt: "Eco-conscious client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004065.jpg",
          alt: "Residential energy user",
        },
      ]}
      avatarText="Trusted by 1500+ happy families"
      marqueeItems={[
        {
          type: "text",
          text: "Efficiency",
        },
        {
          type: "text",
          text: "Sustainability",
        },
        {
          type: "text",
          text: "Innovation",
        },
        {
          type: "text",
          text: "Reliability",
        },
        {
          type: "text",
          text: "Transparency",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Who We Are"
      description="At ENERGIAVENETA, we bridge the gap between architectural elegance and sustainable engineering. Our European heritage drives us to deliver world-class solar energy solutions that power your life while respecting the environment. We combine state-of-the-art technology with professional integrity."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Solar Installation",
          description: "High-efficiency panels installed by certified experts.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29974.jpg",
          imageAlt: "solar technician roof",
        },
        {
          title: "Energy Optimization",
          description: "Maximize your output with our smart monitoring systems.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216650.jpg",
          imageAlt: "home energy monitor",
        },
        {
          title: "Maintenance & Repair",
          description: "Proactive support for your renewable energy investments.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23792.jpg",
          imageAlt: "electrical panel maintenance",
        },
      ]}
      title="Our Services"
      description="Comprehensive energy solutions optimized for performance."
    />
  </div>

  <div id="why" data-section="why">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "European Quality Standards",
          price: "Expertise",
          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-plant-field-aerial-view-solar-panels_661209-35.jpg",
          imageAlt: "solar farm landscape",
        },
        {
          id: "2",
          name: "Sustainable Future",
          price: "Values",
          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-161.jpg",
          imageAlt: "office building solar",
        },
        {
          id: "3",
          name: "Advanced Monitoring",
          price: "Tech",
          imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-smart-home-automation-panel-monitor_53876-102345.jpg",
          imageAlt: "home energy monitor",
        },
        {
          id: "4",
          name: "Custom Solutions",
          price: "Flexible",
          imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15605.jpg",
          imageAlt: "solar technician roof",
        },
        {
          id: "5",
          name: "Rapid Deployment",
          price: "Speed",
          imageSrc: "http://img.b2bpic.net/free-photo/electric-farm-with-panels-producing-clean-ecologic-energy_169016-17980.jpg",
          imageAlt: "solar farm landscape",
        },
        {
          id: "6",
          name: "Full Transparency",
          price: "Ethics",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-metal-cubical-structures-blue-sky_181624-6449.jpg",
          imageAlt: "office building solar",
        },
      ]}
      title="Why Choose Us"
      description="Premium engineering with a commitment to sustainability."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1500+",
          description: "Systems Installed",
        },
        {
          id: "m2",
          value: "20+",
          description: "Years Experience",
        },
        {
          id: "m3",
          value: "99%",
          description: "Customer Satisfaction",
        },
      ]}
      title="Performance Impact"
      description="Reliable data on every energy installation."
    />
  </div>

  <div id="projects" data-section="projects">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Residential Solar Hub",
          description: "Complete transformation for private homes.",
          imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154436.jpg",
          imageAlt: "solar farm landscape",
        },
        {
          title: "Corporate HQ Farm",
          description: "Large scale commercial deployment.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205447.jpg",
          imageAlt: "office building solar",
        },
        {
          title: "Eco-Estate Setup",
          description: "Smart community integration project.",
          imageSrc: "http://img.b2bpic.net/free-photo/lots-solar-panels-generating-electricity-field_23-2148895410.jpg",
          imageAlt: "solar farm landscape",
        },
      ]}
      title="Our Recent Projects"
      description="Powering a sustainable Europe with precision."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest News"
      description="Insights from our renewable energy blog."
      blogs={[
        {
          id: "b1",
          category: "News",
          title: "The Future of Solar Energy",
          excerpt: "Trends in energy optimization.",
          imageSrc: "http://img.b2bpic.net/free-photo/path-future-wind-turbines-by-road-green-energy-concept_169016-68510.jpg",
          authorName: "Admin",
          authorAvatar: "http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894011.jpg",
          date: "Oct 12, 2024",
        },
        {
          id: "b2",
          category: "Guides",
          title: "Saving Money with Solar",
          excerpt: "How to optimize your bill.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscraper-view_1112-270.jpg",
          authorName: "Admin",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg",
          date: "Oct 15, 2024",
        },
        {
          id: "b3",
          category: "Tech",
          title: "Inverter Technology 2025",
          excerpt: "Next gen smart tech.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047615.jpg",
          authorName: "Admin",
          authorAvatar: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205437.jpg",
          date: "Oct 20, 2024",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Marco Rossi",
          imageSrc: "http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894018.jpg",
          imageAlt: "happy customer home",
        },
        {
          id: "t2",
          name: "Elena Verdi",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-woman_329181-13486.jpg",
          imageAlt: "business woman portrait",
        },
        {
          id: "t3",
          name: "Luca Bianchi",
          imageSrc: "http://img.b2bpic.net/free-photo/men-shaking-hands-close-up_23-2148920581.jpg",
          imageAlt: "happy customer home",
        },
        {
          id: "t4",
          name: "Sara Neri",
          imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950165.jpg",
          imageAlt: "business woman portrait",
        },
        {
          id: "t5",
          name: "Giulia Rossi",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
          imageAlt: "happy customer home",
        },
      ]}
      cardTitle="Client Voices"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Contact"
      title="Request a Quote"
      description="Ready to switch to clean energy? Talk to us today."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="ENERGIAVENETA"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "Who We Are",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "WhatsApp",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
