"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="large"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "الرئيسية",          id: "#hero"},
        {
          name: "الخدمات",          id: "#services"},
        {
          name: "المشاريع",          id: "#projects"},
        {
          name: "من نحن",          id: "#about"},
        {
          name: "اتصل بنا",          id: "#contact"},
      ]}
      brandName="أبو الخير للتحكم الصناعي"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="حلول التحكم الصناعي والطاقة الشمسية بأعلى معايير الجودة"
      description="نقدم خدمات هندسية متكاملة في أتمتة المصانع، برمجة أنظمة التحكم، وحلول الطاقة الشمسية التجارية والصناعية لتعزيز كفاءة أعمالك."
      buttons={[
        {
          text: "تواصل معنا",          href: "#contact"},
        {
          text: "مشاهدة المشاريع",          href: "#projects"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/robotic-arms-sorting-packages-conveyor-belt_23-2152005497.jpg",          imageAlt: "Industrial Automation"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/manufacture-steel-machine-with-control-computer-clear-room_645730-186.jpg",          imageAlt: "Solar Solutions"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-engineer-operating-cnc-machine-using-digital-tablet-factory_637285-4174.jpg",          imageAlt: "PLC Programming"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-electronic-tools-with-computer-chips-wooden-background_23-2147922237.jpg",          imageAlt: "HMI Systems"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/workers-control-room_1359-317.jpg",          imageAlt: "Smart Factory"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-calibrating-assembly-lines-robotic-arms-pc_482257-125215.jpg",          imageAlt: "Engineering Support"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "تصنيع لوحات التحكم الصناعي",          "برمجة PLC",          "أنظمة HMI و SCADA",          "لوحات التوزيع الكهربائية",          "أنظمة التحكم المنطقي"],
      }}
      positiveCard={{
        items: [
          "أتمتة المعامل وخطوط الإنتاج",          "أنظمة الطاقة الشمسية المنزلية",          "الطاقة الشمسية الصناعية",          "الصيانة والدعم الفني",          "تطوير تقنيات Industry 4.0"],
      }}
      title="خدماتنا الهندسية"
      description="نقدم حلولاً مبتكرة تغطي كافة احتياجات التحكم والأتمتة والطاقة."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "لوحة تحكم مصنع",          price: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/worker-uses-control-panel-factory_140725-7625.jpg"},
        {
          id: "p2",          name: "نظام تحكم PLC",          price: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-reviews-control-cabinet-wiring-tablet-plant-side-profile-check_169016-71479.jpg"},
        {
          id: "p3",          name: "محطة طاقة شمسية",          price: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-53632.jpg"},
        {
          id: "p4",          name: "أتمتة خط إنتاج",          price: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-with-tablet-speed-testing-digital-switchboard-monitoring_169016-68198.jpg"},
        {
          id: "p5",          name: "نظام مراقبة SCADA",          price: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-manages-tablet-schematic-near-switchboard-power-control_169016-71125.jpg"},
        {
          id: "p6",          name: "تطوير لوحات صناعية",          price: "مشروع",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-switchboard-equipment-interaction-technical-indoor-task_169016-68105.jpg"},
      ]}
      title="معرض المشاريع"
      description="نظرة على بعض إنجازاتنا الهندسية في السوق."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="من نحن"
      description="أبو الخير للتحكم الصناعي مؤسسة هندسية متخصصة تهدف لتقديم حلول تقنية متقدمة تساهم في تطوير القطاع الصناعي وقطاع الطاقة عبر خبرات فنية عالية الجودة."
      imageSrc="http://img.b2bpic.net/free-photo/top-view-electric-equipment-wooden-background_23-2148087604.jpg"
      imageAlt="Industrial Automation"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "15+",          title: "سنوات الخبرة",          description: "تميز في الهندسة",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-industry-4-0-background_23-2151258946.jpg"},
        {
          id: "m2",          value: "200+",          title: "مشروع منجز",          description: "على مستوى المنطقة",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174344.jpg"},
        {
          id: "m3",          value: "100%",          title: "رضا العملاء",          description: "الجودة أولاً",          imageSrc: "http://img.b2bpic.net/free-vector/robotic-arm-icons-flat_1284-3813.jpg"},
        {
          id: "m4",          value: "50+",          title: "شريك صناعي",          description: "تعاون مستمر",          imageSrc: "http://img.b2bpic.net/free-vector/industry-4-0-icon-set_23-2151340728.jpg"},
        {
          id: "m5",          value: "24/7",          title: "دعم فني",          description: "خدمة عملاء ممتازة",          imageSrc: "http://img.b2bpic.net/free-vector/industrial-robot-icons-collection_1284-37147.jpg"},
      ]}
      title="أرقام تعكس التميز"
      description="خبرة تراكمية تضمن جودة التنفيذ."
    />
  </div>

  <div id="solar-energy" data-section="solar-energy">
      <FeatureCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "ألواح شمسية عالية الكفاءة",          "أنظمة إدارة الطاقة الذكية",          "أنظمة تخزين البطاريات",          "أنظمة التتبع الشمسي",          "محطات التحويل المركزية"],
      }}
      positiveCard={{
        items: [
          "محولات طاقة متطورة",          "تصميم هندسي متكامل",          "حلول اقتصادية مستدامة",          "تقليل الانبعاثات الكربونية",          "تحسين جودة الطاقة"],
      }}
      title="حلول الطاقة الشمسية الذكية"
      description="نحول الطاقة الشمسية إلى قيمة مضافة للمنشآت والمنازل."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "محمد أحمد",          role: "مدير مصنع",          testimonial: "أداء احترافي في برمجة أنظمة PLC.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-pink-wall-with-copy-space_141793-118510.jpg"},
        {
          id: "t2",          name: "سارة علي",          role: "صاحبة شركة",          testimonial: "حلول الطاقة الشمسية وفرت لنا الكثير.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg"},
        {
          id: "t3",          name: "خالد عمر",          role: "مهندس",          testimonial: "دعم فني سريع وموثوق دائماً.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg"},
        {
          id: "t4",          name: "ياسر محمود",          role: "مدير تقني",          testimonial: "أتمتة متكاملة وخطوط إنتاج فعالة.",          imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"},
        {
          id: "t5",          name: "منى سعيد",          role: "مديرة منشأة",          testimonial: "التزام بالمواعيد ومعايير عالية جداً.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg"},
      ]}
      title="آراء عملائنا"
      description="نفخر بثقة شركائنا في قطاع الصناعة والطاقة."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "كيف أطلب نظام طاقة شمسية؟",          content: "يمكنك التواصل معنا للمعاينة الفنية وتقديم عرض سعر."},
        {
          id: "2",          title: "ما هي أنواع أنظمة PLC المتاحة؟",          content: "نوفر كافة الماركات العالمية المعترفة مثل سيمنز، شنايدر، وألن برادلي."},
        {
          id: "3",          title: "هل يوجد ضمان على الصيانة؟",          content: "نعم، نقدم ضماناً كاملاً على كافة خدماتنا وقطع الغيار الموردة."},
        {
          id: "4",          title: "كم تستغرق مشاريع الأتمتة؟",          content: "يعتمد ذلك على حجم المشروع، وسنزودك بجدول زمني بعد الدراسة."},
        {
          id: "5",          title: "هل تقدمون خدمات للطاقة المنزلية؟",          content: "نعم، نقدم حلول طاقة شمسية ذكية وموثوقة للمنازل والفلل."},
      ]}
      title="الأسئلة الشائعة"
      description="استفسارات عامة حول خدماتنا التقنية."
      faqsAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/woman-engineer-inspects-electrical-panel-industrial-room-equipment-inspection_169016-71175.jpg"
      imageAlt="Woman engineer inspects electrical panel in industrial room equipment inspection"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-animated"}}
      text="جاهز للبدء في مشروعك القادم؟ نحن هنا للمساعدة."
      buttons={[
        {
          text: "اتصل بنا الآن",          href: "tel:+966500000000"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="أبو الخير للتحكم الصناعي"
      copyrightText="© 2025 جميع الحقوق محفوظة"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
