Merge version_1 into main #2
437
src/app/page.tsx
437
src/app/page.tsx
@@ -16,309 +16,160 @@ import { Award, Clock, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
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="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?_wi=1"
|
||||
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="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="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="הניסיון שלנו - השקט הנפשי שלכם"
|
||||
description={[
|
||||
"באורטל הובלות, אנו מאמינים שמעבר דירה לא חייב להיות כאב ראש. עם צוות מיומן, ציוד מתקדם ותשומת לב לכל פריט, אנו מבטיחים שהציוד שלכם יגיע ליעדו בבטחה.", "אנחנו מלווים אתכם מרגע ההזמנה ועד לפריקת הקרטון האחרון."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-with-packagaes_23-2148684725.jpg?_wi=2",
|
||||
imageAlt: "moving boxes packaging secure",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-men-moving-objects-out-car_23-2148944549.jpg",
|
||||
imageAlt: "moving boxes packaging secure",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-workers-comparing-results_1170-66.jpg?_wi=1",
|
||||
imageAlt: "moving boxes packaging secure",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
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}
|
||||
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,
|
||||
},
|
||||
]}
|
||||
title="המספרים מדברים בעד עצמם"
|
||||
description="שנים של מצוינות בשירותי הובלה."
|
||||
/>
|
||||
</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}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "ישראל כהן",
|
||||
handle: "@israel_c",
|
||||
testimonial: "הובלה מקצועית ומהירה מאוד. הכל הגיע שלם!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-marriage-planning-decoration-new-apartment_329181-193.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "מיכל לוי",
|
||||
handle: "@michal_l",
|
||||
testimonial: "צוות אדיב מאוד, ממליצה בחום על אורטל הובלות.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-moving-house_329181-191.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "דוד אברהם",
|
||||
handle: "@david_a",
|
||||
testimonial: "שירות מעולה ומחיר הוגן מאוד. אלופים.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092076.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "שרה דניאל",
|
||||
handle: "@sarah_d",
|
||||
testimonial: "פעם שנייה שאנחנו לוקחים אותם, תמיד מרוצים.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-preparing-boxes-move-out_23-2148647455.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "יוסי מזרחי",
|
||||
handle: "@yossi_m",
|
||||
testimonial: "הובלה שקטה בלי כאבי ראש מיותרים. תודה!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-received-mail-by-delivery-service_23-2148935103.jpg",
|
||||
},
|
||||
]}
|
||||
title="מה הלקוחות שלנו אומרים"
|
||||
description="אנחנו גאים לקבל פידבק חיובי מכל הלקוחות שלנו."
|
||||
/>
|
||||
</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: "http://img.b2bpic.net/free-photo/young-marriage-planning-decoration-new-apartment_329181-193.jpg" },
|
||||
{ id: "2", name: "מיכל לוי", handle: "@michal_l", testimonial: "צוות אדיב מאוד, ממליצה בחום על אורטל הובלות.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-moving-house_329181-191.jpg" },
|
||||
{ id: "3", name: "דוד אברהם", handle: "@david_a", testimonial: "שירות מעולה ומחיר הוגן מאוד. אלופים.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092076.jpg" },
|
||||
{ id: "4", name: "שרה דניאל", handle: "@sarah_d", testimonial: "פעם שנייה שאנחנו לוקחים אותם, תמיד מרוצים.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-preparing-boxes-move-out_23-2148647455.jpg" },
|
||||
{ id: "5", name: "יוסי מזרחי", handle: "@yossi_m", testimonial: "הובלה שקטה בלי כאבי ראש מיותרים. תודה!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-received-mail-by-delivery-service_23-2148935103.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "האם אתם מספקים חומרי אריזה?",
|
||||
content: "כן, אנחנו מספקים את כל חומרי האריזה הנדרשים בתיאום מראש.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "כמה זמן מראש צריך להזמין?",
|
||||
content: "מומלץ להזמין לפחות שבועיים מראש להבטחת התאריך המבוקש.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "האם יש לכם ביטוח על ההובלה?",
|
||||
content: "כן, כל ההובלות שלנו מבוטחות כחוק.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-workers-comparing-results_1170-66.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
title="שאלות נפוצות"
|
||||
description="יש לכם שאלות? מצאנו תשובות עבורכם."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</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="השאירו פרטים ונחזור אליכם עם הצעת מחיר משתלמת במיוחד."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="צור קשר"
|
||||
title="מוכנים למעבר? אנחנו כאן"
|
||||
description="השאירו פרטים ונחזור אליכם עם הצעת מחיר משתלמת במיוחד."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="אורטל הובלות"
|
||||
columns={[
|
||||
{
|
||||
title: "ניווט",
|
||||
items: [
|
||||
{
|
||||
label: "דף הבית",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "שירותים",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "יצירת קשר",
|
||||
items: [
|
||||
{
|
||||
label: "צור קשר",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user