"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, BarChart, CheckCircle, Cloud, HelpCircle, MessageSquare, Phone, Sparkles, Star, Tool, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "ראשי",
          id: "#hero",
        },
        {
          name: "אודות",
          id: "#about",
        },
        {
          name: "שירותים",
          id: "#services",
        },
        {
          name: "לקוחות",
          id: "#testimonials",
        },
        {
          name: "צור קשר",
          id: "#contact",
        },
      ]}
      brandName="משב רוח מיזוג אוויר"
      button={{
        text: "קבל הצעת מחיר",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="משב רוח מיזוג אוויר"
      description="המומחים שלך לפתרונות מיזוג אוויר אמינים ויעילים. אנו מספקים התקנה, תיקון ותחזוקה לכל סוגי המזגנים, עם שירות מקצועי ויחס אישי."
      tag="השירות הטוב ביותר מאז 2017"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "צרו קשר עכשיו",
          href: "#contact",
        },
        {
          text: "למד עוד",
          href: "#about",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/modern-woman-sofa_23-2148020591.jpg"
      imageAlt="Modern air conditioning unit in a clean room"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="מי אנחנו"
      description="במשב רוח מיזוג אוויר, אנו מחויבים לספק ללקוחותינו את הפתרונות המתקדמים והאמינים ביותר בתחום מיזוג האוויר. עם שנים של ניסיון וידע מקצועי, אנו עומדים לשירותכם בכל פרויקט, קטן כגדול. אנו מאמינים בשקיפות, הגינות ושירות ללא פשרות, ובונים קשרים ארוכי טווח עם כל לקוח."
      metrics={[
        {
          value: "7+",
          title: "שנות ניסיון",
        },
        {
          value: "52+",
          title: "לקוחות מרוצים",
        },
        {
          value: "100%",
          title: "שביעות רצון",
        },
      ]}
      tag="על החברה"
      tagIcon={Star}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/young-observer_1098-14823.jpg"
      imageAlt="Professional AC technician working"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "שירות לא מקצועי",
          "תיקונים חובבניים",
          "זמני המתנה ארוכים",
        ],
      }}
      positiveCard={{
        items: [
          "שירות מוסמך ואמין",
          "פתרונות מתקדמים",
          "מענה מהיר ויעיל",
        ],
      }}
      title="למה לבחור בנו?"
      description="אנו מבטיחים חווית שירות יוצאת דופן, תוך התמקדות באמינות, מקצועיות ואיכות ללא פשרות. אצלנו תקבלו את המענה המהיר והיעיל ביותר לכל צרכי המיזוג שלכם."
      tag="היתרונות שלנו"
      tagIcon={CheckCircle}
      tagAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          icon: Users,
          title: "לקוחות מרוצים",
          value: "52+",
        },
        {
          id: "m2",
          icon: Award,
          title: "שנות ניסיון",
          value: "7+",
        },
        {
          id: "m3",
          icon: Zap,
          title: "התקנות מוצלחות",
          value: "200+",
        },
        {
          id: "m4",
          icon: Tool,
          title: "שירות תיקונים",
          value: "זמין תמיד",
        },
      ]}
      title="המספרים מדברים בעד עצמם"
      description="המחויבות שלנו למצוינות באה לידי ביטוי בשביעות רצון הלקוחות ובשנים הרבות של ניסיון בשטח."
      tag="ההישגים שלנו"
      tagIcon={BarChart}
      tagAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",
          name: "מזגני מיני מרכזי",
          price: "החל מ-3,500 ₪",
          variant: "התקנה מהירה",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-silver-laptop-while-sitting-sofa_1153-4869.jpg",
          imageAlt: "Mini split AC unit",
        },
        {
          id: "p2",
          name: "מזגנים מרכזיים",
          price: "החל מ-8,000 ₪",
          variant: "פתרונות מתקדמים",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281314.jpg",
          imageAlt: "Central AC unit",
        },
        {
          id: "p3",
          name: "מזגני חלון",
          price: "החל מ-1,200 ₪",
          variant: "חסכוני ויעיל",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250261.jpg",
          imageAlt: "Window AC unit",
        },
        {
          id: "p4",
          name: "מזגנים ניידים",
          price: "החל מ-1,500 ₪",
          variant: "פתרון גמיש",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216659.jpg",
          imageAlt: "Portable AC unit",
        },
        {
          id: "p5",
          name: "מזגני אינוורטר",
          price: "החל מ-4,000 ₪",
          variant: "חסכון באנרגיה",
          imageSrc: "http://img.b2bpic.net/free-photo/man-typing-laptop-working-from-home-with-automation-lighting-system-using-voice-controlled-app-tablet-switching-light_482257-2270.jpg",
          imageAlt: "Inverter AC unit",
        },
        {
          id: "p6",
          name: "מערכות מיזוג נסתרות",
          price: "החל מ-7,000 ₪",
          variant: "עיצוב מינימליסטי",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388949.jpg",
          imageAlt: "Ducted AC system",
        },
      ]}
      title="מגוון פתרונות מיזוג"
      description="אנו מציעים מגוון רחב של מזגנים ומערכות מיזוג אוויר מהמותגים המובילים, בהתאמה אישית לצרכים ולתקציב שלכם."
      tag="המוצרים שלנו"
      tagIcon={Cloud}
      tagAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "רינת שמש",
          imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg",
          imageAlt: "Rinat Shemesh",
        },
        {
          id: "2",
          name: "שחר תמם",
          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-happy-man-using-tablet-listening-music-wireless-headphones_285396-1656.jpg",
          imageAlt: "Shahar Tamam",
        },
        {
          id: "3",
          name: "יהוסף קיינן",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nebulizer_23-2150535978.jpg",
          imageAlt: "Yehossef Keinan",
        },
        {
          id: "4",
          name: "אורית לוי",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
          imageAlt: "Orit Levy",
        },
        {
          id: "5",
          name: "דוד כהן",
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
          imageAlt: "David Cohen",
        },
      ]}
      cardTitle="לקוחות מספרים עלינו"
      cardTag="ביקורות אמיתיות"
      cardTagIcon={MessageSquare}
      buttons={[
        {
          text: "קרא עוד ביקורות",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "אילו סוגי מזגנים אתם מתקינים?",
          content: "אנו מתמחים בהתקנה של מגוון רחב של מזגנים, כולל מיני מרכזי, מרכזי, עילי, אינוורטר, מזגני חלון ומערכות מיזוג נסתרות. אנו עובדים עם כל המותגים המובילים בשוק.",
        },
        {
          id: "faq2",
          title: "האם אתם מספקים שירותי תיקונים ותחזוקה?",
          content: "כן, אנו מציעים שירותי תיקונים מקצועיים לכל סוגי התקלות ותחזוקה שוטפת על מנת להבטיח את תפקודו היעיל ואת אורך חיי המזגן שלכם.",
        },
        {
          id: "faq3",
          title: "באילו אזורים אתם עובדים?",
          content: "אנו מספקים שירות באזור מגדל העמק והסביבה הקרובה. צרו קשר לבדוק אם אנו מגיעים ליישוב שלכם.",
        },
        {
          id: "faq4",
          title: "כיצד אוכל לקבל הצעת מחיר?",
          content: "אתם מוזמנים ליצור איתנו קשר טלפוני או למלא את טופס יצירת הקשר באתר, ונשמח לתת לכם הצעת מחיר מפורטת ללא התחייבות.",
        },
      ]}
      title="שאלות נפוצות"
      description="מצאו תשובות לשאלות הנפוצות ביותר אודות שירותי מיזוג האוויר שלנו."
      tag="תשובות לכל שאלה"
      tagIcon={HelpCircle}
      tagAnimation="slide-up"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="צרו קשר"
      title="קבלו שירות מקצועי עוד היום"
      description="נשמח לעמוד לשירותכם בכל עניין ושאלה. השאירו פרטים ונחזור אליכם בהקדם, או התקשרו ישירות."
      tagIcon={Phone}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148223101.jpg"
      imageAlt="Modern office building for contact"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="הזינו את שמכם"
      buttonText="שלח הודעה"
      termsText="בלחיצה על 'שלח הודעה' אתם מאשרים שאתם מסכימים לתנאי השימוש ומדיניות הפרטיות שלנו."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="משב רוח מיזוג אוויר"
      columns={[
        {
          title: "ניווט",
          items: [
            {
              label: "ראשי",
              href: "#hero",
            },
            {
              label: "אודות",
              href: "#about",
            },
            {
              label: "שירותים",
              href: "#services",
            },
            {
              label: "לקוחות",
              href: "#testimonials",
            },
            {
              label: "צור קשר",
              href: "#contact",
            },
          ],
        },
        {
          title: "שירותים",
          items: [
            {
              label: "התקנות מזגנים",
              href: "#products",
            },
            {
              label: "תיקון תקלות",
              href: "#services",
            },
            {
              label: "תחזוקה שוטפת",
              href: "#services",
            },
            {
              label: "ייעוץ מקצועי",
              href: "#contact",
            },
          ],
        },
        {
          title: "פרטי התקשרות",
          items: [
            {
              label: "טלפון: 050-353-4111",
              href: "tel:050-353-4111",
            },
            {
              label: "כתובת: סטרומה 40, מגדל העמק",
              href: "#",
            },
            {
              label: "שעות פעילות: א'-ה' 8:00-17:00",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 משב רוח מיזוג אוויר. כל הזכויות שמורות."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
