Update src/app/page.tsx
This commit is contained in:
416
src/app/page.tsx
416
src/app/page.tsx
@@ -17,297 +17,153 @@ import { Calendar, Users, Wrench } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AirCon Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AirCon Pro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="מומחים לקירור ומיזוג אוויר"
|
||||
description="שירות מקצועי, מהיר ואמין לכל סוגי המזגנים. אנו כאן כדי להבטיח לכם אווירה נעימה בכל עונה."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg",
|
||||
imageAlt: "טכנאי מזגנים",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389131.jpg",
|
||||
imageAlt: "מזגן בבית",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg",
|
||||
imageAlt: "עבודה עם מזגנים",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg",
|
||||
imageAlt: "Close up of refrigerant manifold gauges",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-refrigerant-leaks_482257-85108.jpg",
|
||||
imageAlt: "Technician looking for refrigerant leaks",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="מומחים לקירור ומיזוג אוויר"
|
||||
description="שירות מקצועי, מהיר ואמין לכל סוגי המזגנים. אנו כאן כדי להבטיח לכם אווירה נעימה בכל עונה."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-engineer-standing-front-fixed-air-conditioner-proud-work-done-skilled-technician-contracted-by-customer-happy-with-smooth-maintenance-hvac-system-components_482257-70160.jpg", imageAlt: "טכנאי מזגנים" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389131.jpg", imageAlt: "מזגן בבית" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg", imageAlt: "עבודה עם מזגנים" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-refrigerant-manifold-gauges_482257-90522.jpg", imageAlt: "Close up of refrigerant manifold gauges" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-refrigerant-leaks_482257-85108.jpg", imageAlt: "Technician looking for refrigerant leaks" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="למה לבחור בנו?"
|
||||
description={[
|
||||
"ניסיון של מעל 15 שנה בתחום המיזוג.",
|
||||
"זמינות מיידית לכל תקלה וטיפול.",
|
||||
"מחירים נוחים ושקיפות מלאה מול הלקוח.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="למה לבחור בנו?"
|
||||
description={[
|
||||
"ניסיון של מעל 15 שנה בתחום המיזוג.", "זמינות מיידית לכל תקלה וטיפול.", "מחירים נוחים ושקיפות מלאה מול הלקוח."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "התקנת מזגנים",
|
||||
description: "התקנה מקצועית ונקייה של כל סוגי המזגנים.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg",
|
||||
imageAlt: "התקנת מזגן",
|
||||
},
|
||||
{
|
||||
title: "תיקון תקלות",
|
||||
description: "איתור ותיקון מהיר של תקלות במזגנים עיליים ומרכזיים.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg",
|
||||
imageAlt: "תיקון תקלה",
|
||||
},
|
||||
{
|
||||
title: "ניקוי ותחזוקה",
|
||||
description: "טיפול עמוק לשיפור איכות האוויר וחיסכון בחשמל.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-campervan_23-2149268838.jpg",
|
||||
imageAlt: "ניקוי מזגן",
|
||||
},
|
||||
]}
|
||||
title="השירותים שלנו"
|
||||
description="אנו מספקים פתרונות מלאים לכל צורכי המיזוג שלך."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "התקנת מזגנים", description: "התקנה מקצועית ונקייה של כל סוגי המזגנים.", imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg", imageAlt: "התקנת מזגן" },
|
||||
{ title: "תיקון תקלות", description: "איתור ותיקון מהיר של תקלות במזגנים עיליים ומרכזיים.", imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg", imageAlt: "תיקון תקלה" },
|
||||
{ title: "ניקוי ותחזוקה", description: "טיפול עמוק לשיפור איכות האוויר וחיסכון בחשמל.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-campervan_23-2149268838.jpg", imageAlt: "ניקוי מזגן" },
|
||||
]}
|
||||
title="השירותים שלנו"
|
||||
description="אנו מספקים פתרונות מלאים לכל צורכי המיזוג שלך."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "סטנדרט",
|
||||
price: "250 ₪",
|
||||
subtitle: "ביקור טכנאי ואבחון תקלה",
|
||||
buttons: [
|
||||
{
|
||||
text: "להזמנת שירות",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"אבחון מקצועי",
|
||||
"הצעת מחיר במקום",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "טיפול",
|
||||
price: "450 ₪",
|
||||
subtitle: "ניקוי וחיטוי יסודי למזגן",
|
||||
buttons: [
|
||||
{
|
||||
text: "להזמנת שירות",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"ניקוי סוללה",
|
||||
"חיטוי חיידקים",
|
||||
"בדיקת גז",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="מחירון שירותים"
|
||||
description="מחירים הוגנים עבור שירות איכותי."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "סטנדרט", price: "250 ₪", subtitle: "ביקור טכנאי ואבחון תקלה", buttons: [{ text: "להזמנת שירות" }], features: ["אבחון מקצועי", "הצעת מחיר במקום"] },
|
||||
{ id: "pro", badge: "טיפול", price: "450 ₪", subtitle: "ניקוי וחיטוי יסודי למזגן", buttons: [{ text: "להזמנת שירות" }], features: ["ניקוי סוללה", "חיטוי חיידקים", "בדיקת גז"] },
|
||||
]}
|
||||
title="מחירון שירותים"
|
||||
description="מחירים הוגנים עבור שירות איכותי."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "מזגנים שתיקנו",
|
||||
value: "12,000+",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "לקוחות מרוצים",
|
||||
value: "5,000+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "שנות ניסיון",
|
||||
value: "15",
|
||||
icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="הישגים במספרים"
|
||||
description="אנו גאים בתוצאות שלנו בשטח."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", title: "מזגנים שתיקנו", value: "12,000+", icon: Wrench },
|
||||
{ id: "m2", title: "לקוחות מרוצים", value: "5,000+", icon: Users },
|
||||
{ id: "m3", title: "שנות ניסיון", value: "15", icon: Calendar },
|
||||
]}
|
||||
title="הישגים במספרים"
|
||||
description="אנו גאים בתוצאות שלנו בשטח."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="שירות מדהים! הגיעו תוך שעה, תיקנו את המזגן ביעילות והמחיר היה הוגן מאוד. מומלץ בחום!"
|
||||
rating={5}
|
||||
author="יוסי כהן"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-freelance-girl-connects-online-meeting-video-chats-laptop-sits-kitchen_1258-187227.jpg",
|
||||
alt: "יוסי כהן",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-modern-woman-dancing-sitting-floor-moving-hands-rhythm-music-listening_1258-201749.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-sexy-smiling-woman-casual-outfit-sitting-living-room-listening-music-headphones-having-fun-home_285396-5058.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142689.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-glasses-reading-book_23-2147770035.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="שירות מדהים! הגיעו תוך שעה, תיקנו את המזגן ביעילות והמחיר היה הוגן מאוד. מומלץ בחום!"
|
||||
rating={5}
|
||||
author="יוסי כהן"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-freelance-girl-connects-online-meeting-video-chats-laptop-sits-kitchen_1258-187227.jpg", alt: "יוסי כהן" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-modern-woman-dancing-sitting-floor-moving-hands-rhythm-music-listening_1258-201749.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-sexy-smiling-woman-casual-outfit-sitting-living-room-listening-music-headphones-having-fun-home_285396-5058.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142689.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-glasses-reading-book_23-2147770035.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "איך יודעים אם חסר גז במזגן?",
|
||||
content: "המזגן מוציא אוויר לא מספיק קר גם כשהוא מכוון על טמפרטורה נמוכה.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "כל כמה זמן כדאי לנקות מזגן?",
|
||||
content: "מומלץ לבצע ניקוי מקצועי פעם בשנה לפני תחילת עונת הקיץ.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "מה טווח המחירים שלכם?",
|
||||
content: "המחירים משתנים בהתאם לסוג התקלה, אך אנו תמיד מציעים הצעת מחיר הוגנת ומראש.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-warming-up-their-hands-with-heater_23-2149339544.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="שאלות נפוצות"
|
||||
description="כל מה שצריך לדעת על שירותי המזגנים שלנו."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "איך יודעים אם חסר גז במזגן?", content: "המזגן מוציא אוויר לא מספיק קר גם כשהוא מכוון על טמפרטורה נמוכה." },
|
||||
{ id: "f2", title: "כל כמה זמן כדאי לנקות מזגן?", content: "מומלץ לבצע ניקוי מקצועי פעם בשנה לפני תחילת עונת הקיץ." },
|
||||
{ id: "f3", title: "מה טווח המחירים שלכם?", content: "המחירים משתנים בהתאם לסוג התקלה, אך אנו תמיד מציעים הצעת מחיר הוגנת ומראש." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-warming-up-their-hands-with-heater_23-2149339544.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="שאלות נפוצות"
|
||||
description="כל מה שצריך לדעת על שירותי המזגנים שלנו."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="צריכים תיקון או התקנה? צרו קשר עוד היום!"
|
||||
buttons={[
|
||||
{
|
||||
text: "חייגו אלינו עכשיו",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="צריכים תיקון או התקנה? צרו קשר עוד היום!"
|
||||
buttons={[{ text: "חייגו אלינו עכשיו" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg"
|
||||
logoText="AirCon Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "אודות",
|
||||
items: [
|
||||
{
|
||||
label: "מי אנחנו",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "שירותים",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "יצירת קשר",
|
||||
items: [
|
||||
{
|
||||
label: "050-1234567",
|
||||
href: "tel:0501234567",
|
||||
},
|
||||
{
|
||||
label: "הודעת וואטסאפ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg"
|
||||
logoText="AirCon Pro"
|
||||
columns={[
|
||||
{ title: "אודות", items: [{ label: "מי אנחנו", href: "#services" }, { label: "שירותים", href: "#features" }] },
|
||||
{ title: "יצירת קשר", items: [{ label: "050-1234567", href: "tel:0501234567" }, { label: "הודעת וואטסאפ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user