Merge version_25 into main
Merge version_25 into main
This commit was merged in pull request #36.
This commit is contained in:
@@ -61,12 +61,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="אנחנו בונים אתרים מודרניים לעסקים בישראל"
|
||||
description="אתר פלוס מספק פתרונות עיצוב ובנייה אתרים מקצועיים וממוקדים בתוצאות. אנחנו יוצרים אתרים מהירים, מאובטחים ומותאמים לכל מכשיר."
|
||||
title="בנו את עסקכם הדיגיטלי עם אתר שמביא תוצאות בהחלט"
|
||||
description="אתר פלוס מביאה אתרים המתכננים ומבוצעים בצורה חכמה - מהר, מאובטח ומותאם לנייד. כל אתר בנוי כדי להמיר ביקורים לפעולות ולהגדיל את ההכנסות שלכם."
|
||||
avatars={[]}
|
||||
buttons={[
|
||||
{ text: "צרו קשר עכשיו", href: "contact" },
|
||||
{ text: "למד עוד", href: "features" }
|
||||
{ text: "התחילו עכשיו - קבלו הצעה חינם", href: "contact" },
|
||||
{ text: "ראו איך אנחנו עובדים", href: "features" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
@@ -76,20 +76,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="השירותים שלנו"
|
||||
description="אנחנו מעניקים מגוון שירותים מקצועיים לבניית אתרים שמקדמים את עסקך בדיגיטל"
|
||||
title="פתרונות שמקדמים את העסק שלכם"
|
||||
description="כל תכונה תוכננה כדי להביא לך יותר ביקורים, יותר מעורבות ויותר מכירות. זו לא רק אתר - זו מכונת גדילה לעסקך."
|
||||
features={[
|
||||
{
|
||||
title: "עיצוב אתרים מקצועי", description: "עיצוב אתרים יפה ומינימליסטי שמשדר מקצועיות ובנייה אמינות בעסקך", bentoComponent: "globe"
|
||||
title: "עיצוב שמושך ומייצר תוצאות", description: "עיצוב מושך שגורם לתצוגה טובה ויוצר אמון מיידי. כל קו ותמונה תוכננו כדי להשאיר רושם וללכוד את תשומת הלב של הביקורים שלך.", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "ממשק ידידותי", description: "ממשק משתמש פשוט וידידותי שמאפשר ניהול קל של התוכן שלך", bentoComponent: "animated-bar-chart"
|
||||
title: "קל לשימוש - אפילו לא טכנאים", description: "בקרה מלאה על התוכן שלך ללא צורך בדעת טכנית. עדכנו, ערכו ופרסמו בשניות - ישירות מהנפה שלכם.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "בטיחות וביצועים", description: "אתרים מוגנים, מהירים וייעילים שנבנו על טכנולוגיות מתקדמות", bentoComponent: "line-chart"
|
||||
title: "מהיר וחזק", description: "אתר שטוען תוך שניות ולא דורך את הזכרון שלכם. בטחון גבוה וביצועים אדירים - זה נתון.", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "תמיכה מקצועית", description: "צוות תמיכה זמין וענין שתמיד כאן בשביל הצלחת העסק שלך", bentoComponent: "map"
|
||||
title: "אנחנו פה לדיוק - כל הדרך", description: "תמיכה שמיידית וחכמה. שאלה בשעת 2 בלילה? תוכן לא מתאים? אנחנו כאן לכם - דתור, יעיל ותמיד בשביל ההצלחה שלכם.", bentoComponent: "map"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -102,32 +102,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureBorderGlow
|
||||
title="למה לבחור באתר פלוס"
|
||||
description="אנחנו מספקים כל מה שצריך לכם לבניית נוכחות דיגיטלית חזקה וביעילות מקסימלית"
|
||||
title="למה אתר פלוס היא הבחירה החכמה לעסקך"
|
||||
description="עסקים שבוחרים בנו רואים גדילה מיידית, אמון מגבר וביעילות שלא חלמו עליה קודם. הנה מה שאתה מקבל בחזקה מלאה."
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "בנייה מהירה", description: "אתר שלכם יהיה בחיים תוך זמן קצר. אנחנו עובדים בדיוק וביעילות לספק לכם את התוצאות במהירות"
|
||||
title: "אנו נשלחים מהר - ללא דחיקות", description: "אתר שלך בחיים תוך ימים ספורים. אנחנו עובדים בהתמדה וביעילות גבוהה כדי שתוכל להתחיל למכור מוקדם ככל האפשר."
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "מותאם לנייד", description: "כל אתר שלנו מותאם לכל גדלי מסכים - מטלפון עד מחשב. משתמשים שלך יקבלו חווית מושלמת"
|
||||
title: "מושלם בכל מכשיר, בכל זמן", description: "הטלפון שלך, הטאבלט שלך, המחשב שלך - כל אחד רואה אתר מושלם. התצוגה מתמיכה אוטומטית לכל גודל מסך."
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "אתר מקצועי", description: "עיצוב עדכני וטכנולוגיה מתקדמת שמשדרת מקצועיות וביטחון בעסקך"
|
||||
title: "ממש מקצועי - הגם עסק קטן", description: "כל אתר נראה כמו אתר של חברה גדולה. עיצוב מודרני וטכנולוגיה שנותנת לך יתרון תחרותי שלא יכול להיות כל אחד אחר."
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "בונוס SEO", description: "אתרים שלנו יותר קל למצוא בגוגל. אנחנו בונים את האתר שלך כך שהוא יתפוס דירוג טוב בתוצאות חיפוש"
|
||||
title: "גוגל אהב את זה - דרוגים עולים", description: "אתרים שלנו מדורגים גבוה בחיפוש גוגל. זה אומר יותר ביקורים אורגניים בחינם - ללא פרסום יקר."
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "ניתוח ודוח", description: "תוכל לראות בדיוק איך הביקורים שלך מתנהגים באתר ומה עוזר לך להצליח"
|
||||
title: "ראו בדיוק מה שקורה", description: "לוח בקרה מלא של מטריקות - כמה זוגות, מה הם רוצים, איפה הם מגיעים. קחו החלטות על בסיס עובדות, לא קדומות."
|
||||
},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "תמיכה מתמשכת", description: "אנחנו פה כדי לעזור לך גם אחרי הישיקה. שאל שאלות וקבל תשובות מהר"
|
||||
title: "תמיכה שלא מרפה", description: "בעיה קטנה או גדולה, אנחנו פה. אל תחכו בשורה - אנחנו משימים אותך ראשון."
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -143,12 +143,12 @@ export default function LandingPage() {
|
||||
<div className="flex items-start gap-4 p-6 md:p-8 rounded-lg bg-[var(--card)] border border-[var(--accent)]">
|
||||
<AlertCircle className="w-6 h-6 md:w-8 md:h-8 flex-shrink-0 text-[var(--primary-cta)] mt-1" />
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-xl md:text-2xl font-bold text-[var(--foreground)]">הנחה מיוחדת - 70% ירידת מחיר</h3>
|
||||
<h3 className="text-xl md:text-2xl font-bold text-[var(--foreground)]">הנחה סוערת - 70% על הבעלות החד-פעמית</h3>
|
||||
<p className="text-base md:text-lg text-[var(--foreground)] opacity-90">
|
||||
בעקבות המצב הקשה בארץ בתקופת המלחמה, החלטנו להוריד את מחיר החבילה שלנו מ-<span className="line-through font-semibold">₪2,500</span> ל-<span className="font-semibold text-[var(--primary-cta)]">₪750</span> בלבד.
|
||||
רוצה אתר שמביא תוצאות בחצי המחיר? עכשיו זה הרגע. דמי הבעלות החד-פעמית ירדו מ-<span className="line-through font-semibold">₪2,500</span> ל-<span className="font-semibold text-[var(--primary-cta)]">₪750</span> בלבד. זה 70% הנחה שלא תראה שוב.
|
||||
</p>
|
||||
<p className="text-sm md:text-base text-[var(--foreground)] opacity-75">
|
||||
זו הנחה של 70% כדי לעזור לעסקים בישראל להישאר חזקים ותחרותיים בזמנים קשים אלו. אנחנו מאמינים שחברות בישראל ראויות לתמיכה מכל צד.
|
||||
אנחנו מחייבים עסקים בישראל להישאר חזקים וחריפים. בעלות חד-פעמית נמוכה + דמי חודשיים סביר = הדרך שלך להתחרות עם הגדולים.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -157,30 +157,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
title="בחר את החבילה שלך"
|
||||
description="בחרו מחבילות שונות שמתאימות לגודל וצרכים של העסק שלכם"
|
||||
title="חבילות שמשתלמות לך"
|
||||
description="בחרו את החבילה שמתאימה לעסק שלכם. כל חבילה תוכננה כדי להביא ערך מיידי וגדילה לטווח הארוך."
|
||||
tag="תמחור"
|
||||
planTagClassName="bg-gradient-to-r from-blue-500 to-purple-600 text-white px-4 py-2 rounded-full font-semibold shadow-lg border-2 border-blue-400"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", tag: "התחלה", tagIcon: Smartphone,
|
||||
price: "₪400", period: "+ ₪75/חודש", description: "חבילת התחלה: ₪400 דמי בעלות חד-פעמיים וגם ₪75 לחודש", button: { text: "בחר חבילה", href: "contact" },
|
||||
featuresTitle: "מה כלול:", features: [
|
||||
"₪400 דמי בעלות חד-פעמיים", "₪75 לחודש", "אתר ממותג לחלוטין", "עד 15 עמודים", "עיצוב מותאם לנייד", "מערכת ניהול תוכן בסיסית", "SEO בסיסי", "תמיכה דוא\"ל", "אנליטיקה בסיסית"
|
||||
id: "starter", tag: "התחלה חזקה", tagIcon: Smartphone,
|
||||
price: "₪400", period: "+ ₪75/חודש", description: "אתר שלם בשברירי זמן. דמי בעלות נמוכים וגרסה בחודשית שאתה בשליטה מלאה.", button: { text: "בחר חבילה - התחל עכשיו", href: "contact" },
|
||||
featuresTitle: "מה אתה מקבל:", features: [
|
||||
"דמי בעלות חד-פעמית: ₪400", "דמי תחזוקה חודשיים: ₪75", "אתר ממותג וייחודי לחלוטין", "עד 15 עמודים חזקים", "עיצוב מושלם בנייד ושולחן עבודה", "מערכת ניהול תוכן קלה לשימוש", "SEO בסיס שמניף דירוג בחיפוש", "תמיכה דוא״ל מהירה", "ניתוח ראשוני שלביקוריך"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "combined", tag: "החבילה הטובה ביותר", tagIcon: Star,
|
||||
price: "₪750", period: "+ ₪100/חודש", description: "חבילה משולבת: ₪750 דמי בעלות חד-פעמיים וגם ₪100 לחודש", button: { text: "בחר חבילה", href: "contact" },
|
||||
featuresTitle: "מה כלול:", features: [
|
||||
"₪750 דמי בעלות חד-פעמיים", "₪100 לחודש", "אתר ממותג לחלוטין", "עד 30 עמודים", "עיצוב מותאם לנייד", "מערכת ניהול תוכן מתקדמת", "SEO מקצועי", "תמיכה אימייל", "אנליטיקה מתקדמת", "עדכונים חודשיים", "תמיכה 24/7", "ניטור וביצועים"
|
||||
id: "combined", tag: "הכי חכם - מומלץ בחום", tagIcon: Star,
|
||||
price: "₪750", period: "+ ₪100/חודש", description: "החבילה שמביאה תוצאות אמיתיות. הכל שאתה צריך כדי להתחרות וגדל בטוח.", button: { text: "בחר חבילה - התחל גדילה", href: "contact" },
|
||||
featuresTitle: "מה אתה מקבל:", features: [
|
||||
"דמי בעלות חד-פעמית: ₪750", "דמי תחזוקה חודשיים: ₪100", "אתר ממותג וייחודי לחלוטין", "עד 30 עמודים ללא הגבלה", "עיצוב מתקדם ומדהים בכל מכשיר", "מערכת ניהול תוכן מקצועית", "SEO מקצועי שמגביר דירוג מחפשים", "תמיכה דוא״ל + טלפון", "ניתוח וביצועים מתקדמים וביטחון גבוה", "עדכונים ותיקונים קבועים", "תמיכה 24/7 כשתצטרכו", "ניטור פעילות אתר וביצועים"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise", tag: "מותאם אישי", tagIcon: Rocket,
|
||||
price: "צרו קשר", period: "", description: "פתרון מלא עם תמיכה 24/7", button: { text: "צרו קשר", href: "contact" },
|
||||
featuresTitle: "מה כלול:", features: [
|
||||
"אתר ממותג לחלוטין", "עמודים בלא הגבלה", "פונקציות מחויבות", "SEO מקצועי", "תמיכה 24/7", "ניטור וביצועים", "ייעוץ אסטרטגי"
|
||||
id: "enterprise", tag: "מותאם אישי להצלחה", tagIcon: Rocket,
|
||||
price: "צרו קשר", period: "", description: "הכל לפי דרישות שלך. בניה מלאה + אסטרטגיה + תמיכה VIP שמעלה מכירות.", button: { text: "דברו אתנו - תכננו יחד", href: "contact" },
|
||||
featuresTitle: "מה אתה מקבל:", features: [
|
||||
"אתר ממותג לחלוטין ללא הגבלות", "עמודים בלא הגבלה", "תכונות וקטגוריות מהתאמה שלך בדיוק", "SEO מקצועי שמביא תנועה", "תמיכה 24/7 דתורה וחכמה", "ניטור פעילות ויעוץ אסטרטגי", "דעות וחידושים קבועים לגדילה"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -195,9 +195,9 @@ export default function LandingPage() {
|
||||
<div className="container mx-auto px-4 max-w-2xl">
|
||||
<div className="space-y-8">
|
||||
<div className="text-center space-y-2">
|
||||
<p className="text-sm font-medium text-[var(--primary-cta)]">צור קשר</p>
|
||||
<h2 className="text-3xl md:text-4xl font-bold">היתקשר אלינו היום</h2>
|
||||
<p className="text-base text-[var(--foreground)] opacity-75">השאירו את פרטיכם וקבלו הצעת מחיר בלי התחייבות. צוות שלנו יחזור אליכם תוך 24 שעות</p>
|
||||
<p className="text-sm font-medium text-[var(--primary-cta)]">קח את הצעד הראשון</p>
|
||||
<h2 className="text-3xl md:text-4xl font-bold">בואו נבנה לך משהו מדהים</h2>
|
||||
<p className="text-base text-[var(--foreground)] opacity-75">השאירו את הפרטים שלכם וקבלו הצעת מחיר כללית ותכנית פעולה בתוך 24 שעות. אנחנו משוחררים לדברים שמביאים ערך אמיתי לעסק שלכם.</p>
|
||||
</div>
|
||||
|
||||
<form onSubmit={(e) => { e.preventDefault(); handleContactSubmit({}); }} className="space-y-4">
|
||||
@@ -255,12 +255,12 @@ export default function LandingPage() {
|
||||
type="submit"
|
||||
className="w-full mt-6 px-6 py-3 bg-[var(--primary-cta)] text-[var(--primary-cta-text)] rounded-[var(--theme-radius)] font-medium hover:opacity-90 transition-opacity"
|
||||
>
|
||||
שלח
|
||||
שלח לי הצעה - אתחיל את הגדילה שלי
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<p className="text-xs text-[var(--foreground)] opacity-60 text-center">
|
||||
בשליחת הטופס אתה מסכים שאנחנו נשלח אליך הצעת מחיר ופרטים נוספים
|
||||
שלחת את הטופס? מדהים. צוות שלנו יחזור אליך תוך 24 שעות עם צעדים הבאים ספציפיים כדי להתחיל.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #106EFB;
|
||||
--card: #f0f4f8;
|
||||
--foreground: #0d1b2a;
|
||||
--primary-cta: #0066cc;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #f0f4f8;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #b3d9ff;
|
||||
--background-accent: #0066cc;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user