"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "الرئيسية",
          id: "/",
        },
        {
          name: "عنا",
          id: "#about",
        },
        {
          name: "الميزات",
          id: "#features",
        },
        {
          name: "المنتجات",
          id: "#products",
        },
        {
          name: "الأرقام",
          id: "#metrics",
        },
        {
          name: "الشركاء",
          id: "#partners",
        },
        {
          name: "الشهادات",
          id: "#testimonials",
        },
        {
          name: "الأسئلة الشائعة",
          id: "#faq",
        },
        {
          name: "اتصل بنا",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/stationery-concept_23-2147800629.jpg"
      logoAlt="Müller Industries Logo"
      brandName="Müller Industries"
      button={{
        text: "تواصل الآن",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "plain",
      }}
      title="مجموعة مولر الصناعية: الابتكار في قلب الصناعة"
      description="نحن رواد في تقديم الحلول الصناعية المتقدمة، ملتزمون بالجودة، الكفاءة، والاستدامة."
      buttons={[
        {
          text: "تعرف علينا",
          href: "#about",
        },
        {
          text: "تواصل معنا",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/industrial-robot-automated-packaging-process_23-2151994432.jpg"
      imageAlt="Modern industrial facility with machinery"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-767.jpg",
          alt: "Car bodies are on assembly line Factory for production of cars Modern automotive industry Electric car factory conveyor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/robot-arm-is-working-factory_35913-2492.jpg",
          alt: "The robot arm is working in the factory",
        },
        {
          src: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-741.jpg",
          alt: "Photo of automobile production line Welding car body Modern car assembly plant Auto industry Interior of a hightech factory modern production",
        },
        {
          src: "http://img.b2bpic.net/free-photo/assembly-line-production-new-car-automated-welding-car-body-production-line-robotic-arm-car-production-line-is-working_645730-610.jpg",
          alt: "Assembly line production of new car Automated welding of car body on production line robotic arm on car production line is working",
        },
        {
          src: "http://img.b2bpic.net/free-photo/shirt-smiling-skill-gesture-occupation_1134-1049.jpg",
          alt: "industrial worker portrait smiling",
        },
      ]}
      avatarText="أكثر من 200 عميل يثقون بنا."
      marqueeItems={[
        {
          type: "text",
          text: "التميز في كل التفاصيل",
        },
        {
          type: "text",
          text: "حلول صناعية مبتكرة",
        },
        {
          type: "text",
          text: "جودة موثوقة عالميًا",
        },
        {
          type: "text",
          text: "ريادة في الاستدامة",
        },
        {
          type: "text",
          text: "شراكة لبناء المستقبل",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="تاريخ من التميز والريادة الصناعية"
      buttons={[
        {
          text: "اكتشف قصتنا",
          href: "#",
        },
      ]}
      description="منذ تأسيسها، أصبحت مجموعة مولر الصناعية اسمًا مرادفًا للابتكار والموثوقية. نحن نجمع بين الخبرة العميقة والتقنيات الحديثة لتقديم منتجات وخدمات تلبي أعلى المعايير العالمية وتتجاوز توقعات عملائنا."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "التصنيع المتقدم",
          descriptions: [
            "استخدام أحدث تقنيات التصنيع لضمان أعلى مستويات الدقة والكفاءة.",
            "خطوط إنتاج آلية بالكامل لزيادة الإنتاجية وتقليل الأخطاء.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-facility-coworkers-doing-brainstorming-reviewing-performance_482257-117812.jpg",
          imageAlt: "Robotic arm in an advanced manufacturing setting",
        },
        {
          id: "f2",
          title: "ضمان الجودة",
          descriptions: [
            "تطبيق أنظمة صارمة لمراقبة الجودة في كل مرحلة من مراحل الإنتاج.",
            "شهادات عالمية تؤكد التزامنا بالمعايير الدولية.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tablet_23-2148902596.jpg",
          imageAlt: "Quality control inspection of an industrial product",
        },
        {
          id: "f3",
          title: "الاستدامة البيئية",
          descriptions: [
            "تبني ممارسات صديقة للبيئة في عمليات التصنيع والتشغيل.",
            "الاستثمار في حلول الطاقة المتجددة لتقليل البصمة الكربونية.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-landscape-surrounded-by-mountains-lakes-with-industrial-disaster_181624-12404.jpg",
          imageAlt: "Green factory with solar panels and sustainable practices",
        },
      ]}
      title="حلولنا المبتكرة تقود المستقبل الصناعي"
      description="نقدم مجموعة واسعة من الخدمات والمنتجات المصممة خصيصًا لتلبية احتياجات الصناعات المتغيرة، مع التركيز على الكفاءة والابتكار."
    />
  </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: "عند الطلب",
          variant: "سلسلة الصناعات الثقيلة",
          imageSrc: "http://img.b2bpic.net/free-photo/abandoned-textile-factory-soviet-armenia_181624-42609.jpg",
          imageAlt: "Heavy industrial stamping machine",
        },
        {
          id: "p2",
          name: "مجموعات الأدوات الدقيقة",
          price: "تبدأ من 500 ريال",
          variant: "فئة الأدوات المهنية",
          imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773757.jpg",
          imageAlt: "Precision industrial tool set",
        },
        {
          id: "p3",
          name: "المكونات الإلكترونية الصناعية",
          price: "حسب المواصفات",
          variant: "التحكم الآلي",
          imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg",
          imageAlt: "Complex electronic industrial circuit board",
        },
        {
          id: "p4",
          name: "الأنظمة الروبوتية المتقدمة",
          price: "عند الطلب",
          variant: "الجيل الجديد",
          imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2316.jpg",
          imageAlt: "Articulated industrial robot arm",
        },
        {
          id: "p5",
          name: "المواد الخام الصناعية",
          price: "حسب الكمية",
          variant: "جودة ممتازة",
          imageSrc: "http://img.b2bpic.net/free-photo/metal-preparations-are-ready-following-stage-processing_645730-150.jpg",
          imageAlt: "Stacks of raw industrial materials",
        },
        {
          id: "p6",
          name: "حلول خطوط التجميع",
          price: "استشارة مجانية",
          variant: "تصميم مخصص",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599441.jpg",
          imageAlt: "Workers on an industrial assembly line",
        },
      ]}
      title="منتجاتنا: جودة لا تضاهى وأداء موثوق"
      description="اكتشف مجموعتنا الواسعة من المنتجات الصناعية المصممة بأعلى معايير الجودة والمتانة لتلبية متطلبات مشروعك."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "25+",
          title: "عامًا من الخبرة",
          description: "نقدم حلولاً صناعية مبتكرة لأكثر من عقدين من الزمن.",
          imageSrc: "http://img.b2bpic.net/free-photo/global-business-graph-growth-world-map-concept_53876-21165.jpg",
          imageAlt: "Global map showing extensive reach",
        },
        {
          id: "m2",
          value: "150+",
          title: "مشروع ناجح",
          description: "سجل حافل من المشاريع المنجزة بنجاح ورضا العملاء.",
          imageSrc: "http://img.b2bpic.net/free-photo/team-medical-scientists-conducting-vaccine-development-with-help-high-tech-doctor-holding-tablet-analysing-new-informations_482257-509.jpg",
          imageAlt: "Innovation lab with scientists",
        },
        {
          id: "m3",
          value: "99.9%",
          title: "معايير السلامة",
          description: "التزام لا يتزعزع بأعلى معايير السلامة في جميع عملياتنا.",
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-male-worker-with-digital-tablet-factory_107420-96050.jpg",
          imageAlt: "Factory worker wearing safety gear",
        },
      ]}
      title="أرقام تتحدث عن إنجازاتنا"
      description="في مجموعة مولر الصناعية، نفخر بسجلنا الحافل من النجاحات والإنجازات التي تعكس التزامنا بالتميز."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "شركة الإنشاءات الكبرى",
        "تقنيات المستقبل",
        "حلول الطاقة المتكاملة",
        "الشركة العالمية للمعدات",
        "ابتكارات المعادن المتقدمة",
        "أنظمة الأتمتة الصناعية",
        "مجموعة اللوجستيات الذكية",
        "تكنولوجيا البناء الحديثة",
      ]}
      title="شركاؤنا في النجاح"
      description="نفتخر ببناء علاقات قوية مع شركات رائدة في مختلف القطاعات، مما يعكس الثقة في جودتنا وحلولنا."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "أحمد الزهراني",
          role: "مدير مشروع",
          company: "شركة الإنشاءات الكبرى",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
          imageAlt: "Ahmed Al-Zahrani",
        },
        {
          id: "t2",
          name: "فاطمة النعيمي",
          role: "مهندسة مبيعات",
          company: "تقنيات المستقبل",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/focused-plant-manager-hardhat-walking-warehouse-talking-cellphone_74855-16380.jpg",
          imageAlt: "Fatima Al-Nuaimi",
        },
        {
          id: "t3",
          name: "خالد العنزي",
          role: "مدير العمليات",
          company: "حلول الطاقة المتكاملة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/engineer-holding-plan_23-2147771729.jpg",
          imageAlt: "Khalid Al-Anazi",
        },
        {
          id: "t4",
          name: "ليلى السالم",
          role: "مديرة مشتريات",
          company: "الشركة العالمية للمعدات",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-old-money-gentlemen-meeting-talk-business-bourbon_482257-127949.jpg",
          imageAlt: "Laila Al-Salem",
        },
        {
          id: "t5",
          name: "سعود الدوسري",
          role: "رئيس قسم البحث والتطوير",
          company: "ابتكارات المعادن المتقدمة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-portrait-positive-smiling-industrial-worker_74855-5110.jpg",
          imageAlt: "Saud Al-Dossary",
        },
        {
          id: "t6",
          name: "نورة الشمري",
          role: "محللة أعمال",
          company: "أنظمة الأتمتة الصناعية",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/picture-young-handsome-confident-smiling-businessman-writing-notebook-white-modern-office-interior_176420-42472.jpg",
          imageAlt: "Noura Al-Shammari",
        },
      ]}
      kpiItems={[
        {
          value: "+200",
          label: "عميل سعيد",
        },
        {
          value: "100%",
          label: "رضا العملاء",
        },
        {
          value: "10+",
          label: "سنوات في السوق",
        },
      ]}
      title="ماذا يقول عملاؤنا عنا"
      description="شهادات حقيقية من عملائنا الذين اختبروا التزامنا بالجودة والتميز في كل مشروع."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "ما هي المجالات الصناعية التي تخدمونها؟",
          content: "نحن نخدم مجموعة واسعة من الصناعات بما في ذلك التشييد، التصنيع، الطاقة، البتروكيماويات، والخدمات اللوجستية.",
        },
        {
          id: "q2",
          title: "كيف تضمنون جودة منتجاتكم؟",
          content: "نطبق أنظمة صارمة لمراقبة الجودة، بدءًا من اختيار المواد الخام ووصولاً إلى فحص المنتج النهائي، بالإضافة إلى حصولنا على شهادات جودة عالمية.",
        },
        {
          id: "q3",
          title: "هل تقدمون حلولاً مخصصة؟",
          content: "نعم، لدينا فريق من المهندسين والمتخصصين القادرين على تصميم وتطوير حلول صناعية مخصصة لتلبية الاحتياجات الفريدة لعملائنا.",
        },
        {
          id: "q4",
          title: "ما هي سياسة الاستدامة الخاصة بكم؟",
          content: "نلتزم بممارسات الاستدامة البيئية من خلال تقليل النفايات، استخدام الطاقة المتجددة، وتطوير منتجات صديقة للبيئة.",
        },
      ]}
      sideTitle="الأسئلة المتكررة"
      sideDescription="إجابات لأكثر استفساراتكم شيوعًا حول خدماتنا ومنتجاتنا وعملياتنا."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="جاهزون لمساعدتك في مشروعك القادم؟ تواصل معنا اليوم!"
      buttons={[
        {
          text: "تحدث مع خبير",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Müller Industries"
      columns={[
        {
          title: "خدماتنا",
          items: [
            {
              label: "التصنيع المتقدم",
              href: "#features",
            },
            {
              label: "ضمان الجودة",
              href: "#features",
            },
            {
              label: "حلول مخصصة",
              href: "#products",
            },
            {
              label: "الاستدامة",
              href: "#features",
            },
          ],
        },
        {
          title: "الشركة",
          items: [
            {
              label: "عنا",
              href: "#about",
            },
            {
              label: "رسالتنا",
              href: "#about",
            },
            {
              label: "القيم",
              href: "#about",
            },
            {
              label: "الشركاء",
              href: "#partners",
            },
          ],
        },
        {
          title: "الموارد",
          items: [
            {
              label: "الأسئلة الشائعة",
              href: "#faq",
            },
            {
              label: "اتصل بنا",
              href: "#contact",
            },
            {
              label: "سياسة الخصوصية",
              href: "#",
            },
            {
              label: "الشروط والأحكام",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Müller Industries. جميع الحقوق محفوظة."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
