8cd51c39-e573-40a4-8975-b40f2cc51909/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Clock, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              { name: "ראשי", id: "hero" },
              { name: "עלינו", id: "about" },
              { name: "שירותים", id: "features" },
              { name: "צור קשר", id: "contact" }
            ]}
            brandName="אורטל הובלות"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboard
            background={{ variant: "gradient-bars" }}
            title="אורטל הובלות - מעבירים אתכם בביטחון"
            description="שירותי הובלות מקצועיים, מהירים ואמינים לכל חלקי הארץ. אנחנו כאן כדי להפוך את המעבר שלכם לקל ופשוט."
            buttons={[{ text: "קבלו הצעת מחיר", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/front-view-delivery-man-with-packagaes_23-2148684725.jpg"
            imageAlt="משאית הובלות אורטל הובלות"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/young-courier-pointing-something-while-witting-with-his-coworker-back-delivery-van_637285-2286.jpg", alt: "Young courier" },
              { src: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-boxes_23-2149035950.jpg", alt: "Delivery man with boxes" },
              { src: "http://img.b2bpic.net/free-photo/medium-shot-delivery-people-with-packs_23-2149103419.jpg", alt: "Delivery team" },
              { src: "http://img.b2bpic.net/free-photo/young-delivery-men-taking-break-near-delivery-car_23-2148944595.jpg", alt: "Delivery team resting" },
              { src: "http://img.b2bpic.net/free-photo/young-delivery-men-saluting-each-other-with-fist-bump_23-2148944555.jpg", alt: "Team fist bump" }
            ]}
            avatarText="צוות מומחים מוכן לעזור"
            marqueeItems={[
              { type: "text", text: "הובלות דירה" },
              { type: "text", text: "הובלות משרד" },
              { type: "text", text: "אריזה בטוחה" },
              { type: "text", text: "אחסון ציוד" },
              { type: "text", text: "פריסה ארצית" }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout
            useInvertedBackground={false}
            title="הניסיון שלנו - השקט הנפשי שלכם"
            description={[
              "באורטל הובלות, אנו מאמינים שמעבר דירה לא חייב להיות כאב ראש. עם צוות מיומן, ציוד מתקדם ותשומת לב לכל פריט, אנו מבטיחים שהציוד שלכם יגיע ליעדו בבטחה.",              "אנחנו מלווים אתכם מרגע ההזמנה ועד לפריקת הקרטון האחרון."
            ]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardNine
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            showStepNumbers={true}
            title="למה לבחור באורטל הובלות?"
            description="אנחנו מציעים פתרונות מקיפים לכל סוגי ההובלות בפריסה ארצית."
            features={[
              {
                title: "אריזה בטוחה",                description: "שימוש בחומרי אריזה איכותיים ושמירה מקסימלית על הרכוש.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-box_23-2149103404.jpg" },
                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-delivery-man-closing-carboard-box-with-tape-while-preparing-packages-shipment_637285-2244.jpg" }
              },
              {
                title: "צוות מקצועי",                description: "עובדים מיומנים ומוסמכים בטיפול בפריטים כבדים ועדינים כאחד.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-moving-new-apartment-together-unpacking-furniture-decorate-household-enjoying-relocation-after-buying-first-house-start-new-beginnings-celebrate-life-event_482257-49831.jpg" },
                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128289.jpg" }
              },
              {
                title: "אחסון והובלה",                description: "שירותי אחסון מתקדמים והובלות בפריסה ארצית מהירה.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-blue-polo-blue-cap-white-jeans-backpack-holding-box-yellow_140725-14687.jpg" },
                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/delivery-employees-working-together_23-2148890051.jpg" }
              }
            ]}
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            title="המספרים מדברים בעד עצמם"
            description="שנים של מצוינות בשירותי הובלה."
            metrics={[
              { id: "1", value: "15+", title: "שנות ניסיון", description: "ניסיון עשיר בכל סוגי ההובלות", icon: Award },
              { id: "2", value: "2000+", title: "לקוחות מרוצים", description: "משפחות ועסקים שעברו איתנו", icon: Users },
              { id: "3", value: "99%", title: "דיוק בזמנים", description: "הובלה שמגיעה בדיוק בזמן", icon: Clock }
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="מה הלקוחות שלנו אומרים"
            description="אנחנו גאים לקבל פידבק חיובי מכל הלקוחות שלנו."
            testimonials={[
              { id: "1", name: "ישראל כהן", handle: "@israel_c", testimonial: "הובלה מקצועית ומהירה מאוד. הכל הגיע שלם!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CybraePN5mEqc84gbnv7e85Dq8/uploaded-1777364623912-a3oaoz3q.png" },
              { id: "2", name: "מיכל לוי", handle: "@michal_l", testimonial: "צוות אדיב מאוד, ממליצה בחום על אורטל הובלות.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CybraePN5mEqc84gbnv7e85Dq8/uploaded-1777364623912-ltiu0lj8.png" },
              { id: "3", name: "דוד אברהם", handle: "@david_a", testimonial: "שירות מעולה ומחיר הוגן מאוד. אלופים.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CybraePN5mEqc84gbnv7e85Dq8/uploaded-1777364623912-1h1532uy.png" },
              { id: "4", name: "שרה דניאל", handle: "@sarah_d", testimonial: "פעם שנייה שאנחנו לוקחים אותם, תמיד מרוצים.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CybraePN5mEqc84gbnv7e85Dq8/uploaded-1777364623912-cu9vh6jt.png" }
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitMedia
            textboxLayout="default"
            useInvertedBackground={false}
            title="שאלות נפוצות"
            description="יש לכם שאלות? מצאנו תשובות עבורכם."
            faqsAnimation="slide-up"
            mediaAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/serious-workers-comparing-results_1170-66.jpg"
            faqs={[
              { id: "1", title: "האם אתם מספקים חומרי אריזה?", content: "כן, אנחנו מספקים את כל חומרי האריזה הנדרשים בתיאום מראש." },
              { id: "2", title: "כמה זמן מראש צריך להזמין?", content: "מומלץ להזמין לפחות שבועיים מראש להבטחת התאריך המבוקש." },
              { id: "3", title: "האם יש לכם ביטוח על ההובלה?", content: "כן, כל ההובלות שלנו מבוטחות כחוק." }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCenter
            useInvertedBackground={false}
            background={{ variant: "gradient-bars" }}
            tag="צור קשר"
            title="מוכנים למעבר? אנחנו כאן"
            description="השאירו פרטים ונחזור אליכם עם הצעת מחיר משתלמת במיוחד."
            buttonText="קבל הצעת מחיר ללא התחייבות"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="אורטל הובלות"
            columns={[
              { title: "ניווט", items: [{ label: "דף הבית", href: "#hero" }, { label: "שירותים", href: "#features" }] },
              { title: "יצירת קשר", items: [{ label: "צור קשר", href: "#contact" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}