Initial AI-generated site

This commit is contained in:
2026-09-15 09:28:12 +00:00
parent e7dff5f996
commit 61d35a4201
3 changed files with 1595 additions and 0 deletions
+370
View File
@@ -0,0 +1,370 @@
<!doctype html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0d4f8b">
<title>אינסטלטור בבני ברק | שירותי אינסטלציה 24/7</title>
<meta name="description" content="אינסטלטור מקצועי בבני ברק והסביבה. פתיחת סתימות, תיקון נזילות, התקנת דודי שמש וברזים. זמינות 24/7. התקשרו עכשיו!">
<meta property="og:title" content="אינסטלטור בבני ברק | שירותי אינסטלציה 24/7">
<meta property="og:description" content="שירותי אינסטלציה מקצועיים בבני ברק. זמינות מלאה, מחירים הוגנים, עבודה מקצועית.">
<meta property="og:type" content="website">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='45' fill='%230d4f8b'/><path d='M35 30h10v40h-10z M55 30h10v40h-10z M30 45h40v10h-40z' fill='white'/></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<header class="site-header">
<nav class="nav-container" aria-label="ניווט ראשי">
<a href="#" class="logo" aria-label="אינסטלטור בני ברק - עמוד הבית">
<svg class="logo-icon" viewBox="0 0 40 40" aria-hidden="true">
<circle cx="20" cy="20" r="18" fill="var(--primary)"/>
<path d="M14 12h4v16h-4z M22 12h4v16h-4z M12 18h16v4h-16z" fill="white"/>
</svg>
<span class="logo-text">אינסטלטור בני ברק</span>
</a>
<div class="nav-links">
<a href="#services">שירותים</a>
<a href="#about">אודות</a>
<a href="#contact">צור קשר</a>
</div>
<a href="tel:0532219226" class="header-phone" aria-label="התקשרו עכשיו: 053-221-9226">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" fill="currentColor"/></svg>
<span>053-221-9226</span>
</a>
</nav>
</header>
<main id="main-content">
<section class="hero">
<div class="hero-bg">
<div class="hero-shape hero-shape-1"></div>
<div class="hero-shape hero-shape-2"></div>
<div class="hero-shape hero-shape-3"></div>
</div>
<div class="hero-content">
<div class="badge reveal" data-delay="0">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="currentColor"/></svg>
<span>זמין 24/7 | בני ברק והסביבה</span>
</div>
<h1 class="hero-title reveal" data-delay="1">
<span class="hero-title-small">אינסטלטור מקצועי</span>
פתרונות אינסטלציה<br>מהירים ואמינים
</h1>
<p class="hero-desc reveal" data-delay="2">
נזילה בלילה? סתימה דחופה? אני כאן בשבילכם — שירות מקצועי, מחירים הוגנים, והגעה מהירה לכל אזור בני ברק והסביבה.
</p>
<div class="hero-actions reveal" data-delay="3">
<a href="tel:0532219226" class="btn btn-primary btn-large">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" fill="currentColor"/></svg>
התקשרו עכשיו
</a>
<a href="#contact" class="btn btn-secondary btn-large">השאירו פרטים</a>
</div>
<div class="hero-phone reveal" data-delay="4">
<span class="phone-label">או חייגו ישירות:</span>
<a href="tel:0532219226" class="phone-number">053-221-9226</a>
</div>
</div>
<div class="hero-visual reveal" data-delay="2" aria-hidden="true">
<svg class="hero-illustration" viewBox="0 0 400 400">
<defs>
<linearGradient id="pipeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#64b5f6"/>
<stop offset="100%" style="stop-color:#1976d2"/>
</linearGradient>
<linearGradient id="wrenchGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#78909c"/>
<stop offset="100%" style="stop-color:#455a64"/>
</linearGradient>
</defs>
<circle class="water-drop drop-1" cx="320" cy="280" r="8" fill="#4fc3f7"/>
<circle class="water-drop drop-2" cx="340" cy="310" r="6" fill="#4fc3f7"/>
<circle class="water-drop drop-3" cx="310" cy="330" r="5" fill="#4fc3f7"/>
<rect x="80" y="150" width="240" height="40" rx="5" fill="url(#pipeGrad)"/>
<rect x="280" y="150" width="40" height="120" rx="5" fill="url(#pipeGrad)"/>
<ellipse cx="100" cy="170" rx="20" ry="20" fill="#1565c0"/>
<circle cx="100" cy="170" r="12" fill="#0d47a1"/>
<circle cx="100" cy="100" r="30" fill="none" stroke="#f44336" stroke-width="8"/>
<rect x="96" y="70" width="8" height="60" fill="#f44336"/>
<rect x="70" y="96" width="60" height="8" fill="#f44336"/>
<circle cx="100" cy="100" r="10" fill="#c62828"/>
<g transform="translate(150, 220) rotate(-30)">
<rect x="0" y="20" width="120" height="20" rx="3" fill="url(#wrenchGrad)"/>
<path d="M120 15 L160 30 L120 45 Z" fill="url(#wrenchGrad)"/>
<rect x="125" y="22" width="30" height="16" fill="#37474f"/>
</g>
<circle cx="350" cy="80" r="25" fill="var(--accent)" opacity="0.3"/>
<circle cx="60" cy="320" r="35" fill="var(--primary)" opacity="0.2"/>
</svg>
</div>
</section>
<section class="trust-bar" aria-label="יתרונות השירות">
<div class="trust-container">
<div class="trust-item reveal" data-delay="0">
<svg viewBox="0 0 48 48" aria-hidden="true"><circle cx="24" cy="24" r="22" fill="var(--primary-light)"/><path d="M24 12v12l8 4" stroke="var(--primary)" stroke-width="3" fill="none" stroke-linecap="round"/></svg>
<div class="trust-text">
<strong>הגעה מהירה</strong>
<span>תוך שעה באזור</span>
</div>
</div>
<div class="trust-item reveal" data-delay="1">
<svg viewBox="0 0 48 48" aria-hidden="true"><circle cx="24" cy="24" r="22" fill="var(--primary-light)"/><path d="M16 24l6 6 12-12" stroke="var(--primary)" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
<div class="trust-text">
<strong>אחריות מלאה</strong>
<span>על כל עבודה</span>
</div>
</div>
<div class="trust-item reveal" data-delay="2">
<svg viewBox="0 0 48 48" aria-hidden="true"><circle cx="24" cy="24" r="22" fill="var(--primary-light)"/><path d="M24 14v20M14 24h20" stroke="var(--primary)" stroke-width="3" fill="none" stroke-linecap="round"/></svg>
<div class="trust-text">
<strong>זמינות 24/7</strong>
<span>כולל שבת וחג</span>
</div>
</div>
<div class="trust-item reveal" data-delay="3">
<svg viewBox="0 0 48 48" aria-hidden="true"><circle cx="24" cy="24" r="22" fill="var(--primary-light)"/><path d="M24 16c-4.4 0-8 3.6-8 8s8 12 8 12 8-7.6 8-12-3.6-8-8-8zm0 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z" fill="var(--primary)"/></svg>
<div class="trust-text">
<strong>בני ברק והסביבה</strong>
<span>שירות מקומי</span>
</div>
</div>
</div>
</section>
<section id="services" class="services">
<div class="section-container">
<div class="section-header reveal">
<h2 class="section-title">השירותים שלי</h2>
<p class="section-desc">פתרונות אינסטלציה מקצועיים לכל בעיה — מתיקונים קטנים ועד פרויקטים מורכבים</p>
</div>
<div class="services-grid">
<article class="service-card service-card-featured reveal">
<div class="service-badge">השירות הנפוץ</div>
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="var(--primary-light)"/>
<path d="M32 18c-7.7 0-14 6.3-14 14v10h28V32c0-7.7-6.3-14-14-14z" fill="none" stroke="var(--primary)" stroke-width="3"/>
<path d="M26 42v6h12v-6" fill="none" stroke="var(--primary)" stroke-width="3"/>
<circle cx="32" cy="30" r="4" fill="var(--accent)"/>
</svg>
</div>
<h3 class="service-title">פתיחת סתימות</h3>
<p class="service-desc">פתיחת סתימות בכיורים, אסלות, מקלחות וצנרת ראשית. ציוד מקצועי וטכנולוגיה מתקדמת לפתרון מהיר.</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="var(--primary-light)"/>
<path d="M24 20c0 8 8 12 8 20h0c0-8 8-12 8-20" fill="none" stroke="var(--primary)" stroke-width="3" stroke-linecap="round"/>
<ellipse cx="32" cy="44" rx="8" ry="4" fill="var(--accent)"/>
</svg>
</div>
<h3 class="service-title">תיקון נזילות</h3>
<p class="service-desc">איתור ותיקון נזילות סמויות וגלויות. חיסכון בחשבון המים ומניעת נזקי רטיבות לטווח ארוך.</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="var(--primary-light)"/>
<ellipse cx="32" cy="28" rx="12" ry="8" fill="none" stroke="var(--primary)" stroke-width="3"/>
<rect x="26" y="34" width="12" height="14" fill="none" stroke="var(--primary)" stroke-width="3"/>
<circle cx="32" cy="20" r="3" fill="var(--accent)"/>
</svg>
</div>
<h3 class="service-title">דודי שמש</h3>
<p class="service-desc">התקנה, תיקון והחלפת דודי שמש וחשמל. שירות מקצועי לאספקת מים חמים רציפה בכל עונות השנה.</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="var(--primary-light)"/>
<path d="M32 18v8M32 38v8" stroke="var(--primary)" stroke-width="3" stroke-linecap="round"/>
<circle cx="32" cy="32" r="8" fill="none" stroke="var(--primary)" stroke-width="3"/>
<circle cx="32" cy="32" r="3" fill="var(--accent)"/>
</svg>
</div>
<h3 class="service-title">התקנת ברזים</h3>
<p class="service-desc">התקנה והחלפה של ברזים, מערבלים וראשי מקלחת. מגוון רחב של פתרונות לכל סוגי האמבטיות והמטבחים.</p>
</article>
<article class="service-card service-card-wide reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="var(--primary-light)"/>
<rect x="18" y="24" width="28" height="18" fill="none" stroke="var(--primary)" stroke-width="3"/>
<path d="M18 24l14-8 14 8" fill="none" stroke="var(--primary)" stroke-width="3" stroke-linejoin="round"/>
<rect x="28" y="32" width="8" height="10" fill="var(--accent)"/>
</svg>
</div>
<h3 class="service-title">אינסטלציה כללית לבית ולעסק</h3>
<p class="service-desc">שירותי אינסטלציה מקיפים לבתים פרטיים, דירות, משרדים ומבני מסחר. תחזוקה שוטפת, שיפוצים והתקנות חדשות. שירות מהיר ודיסקרטי בכל שעה.</p>
</article>
</div>
</div>
</section>
<section id="about" class="about">
<div class="about-container">
<div class="about-content reveal">
<h2 class="section-title">למה לבחור בי?</h2>
<p class="about-text">
אני אינסטלטור מקצועי עם ניסיון של למעלה מ-15 שנה בשירות תושבי בני ברק והסביבה. אני מאמין בעבודה איכותית, מחירים הוגנים ושירות אמין — בכל שעה, בכל יום.
</p>
<ul class="about-list">
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="var(--accent)"/></svg>
למעלה מ-15 שנות ניסיון באינסטלציה מקצועית
</li>
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="var(--accent)"/></svg>
הגעה מהירה לכל קריאה דחופה
</li>
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="var(--accent)"/></svg>
מחירים שקופים וללא הפתעות
</li>
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="var(--accent)"/></svg>
אחריות מלאה על כל עבודה
</li>
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="var(--accent)"/></svg>
ציוד מקצועי וטכנולוגיה מתקדמת
</li>
</ul>
</div>
<div class="about-visual reveal">
<div class="about-card about-card-primary">
<div class="about-card-icon">
<svg viewBox="0 0 80 80" aria-hidden="true">
<circle cx="40" cy="40" r="36" fill="var(--primary)"/>
<text x="40" y="48" text-anchor="middle" fill="white" font-size="24" font-weight="500">24/7</text>
</svg>
</div>
<div class="about-card-content">
<strong>זמינות מלאה</strong>
<span>שירות בכל שעות היממה, כולל שבתות וחגים</span>
</div>
</div>
<div class="about-card">
<div class="about-card-icon">
<svg viewBox="0 0 80 80" aria-hidden="true">
<circle cx="40" cy="40" r="36" fill="var(--accent)"/>
<path d="M40 20v20l12 8" stroke="white" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="about-card-content">
<strong>הגעה מהירה</strong>
<span>אצלכם תוך שעה מרגע הפנייה</span>
</div>
</div>
<div class="about-card">
<div class="about-card-icon">
<svg viewBox="0 0 80 80" aria-hidden="true">
<circle cx="40" cy="40" r="36" fill="var(--primary-dark)"/>
<path d="M28 40l8 8 16-16" stroke="white" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="about-card-content">
<strong>עבודה מקצועית</strong>
<span>תוצאות מושלמות בכל פרויקט</span>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="cta-container reveal">
<div class="cta-content">
<h2 class="cta-title">בעיית אינסטלציה? אני כאן!</h2>
<p class="cta-desc">זמין עכשיו לכל קריאה — התקשרו ואגיע במהירות.</p>
</div>
<a href="tel:0532219226" class="btn btn-accent btn-large cta-btn">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" fill="currentColor"/></svg>
053-221-9226
</a>
</div>
</section>
<section id="contact" class="contact">
<div class="section-container">
<div class="contact-wrapper">
<div class="contact-info reveal">
<h2 class="section-title">צרו קשר</h2>
<p class="contact-desc">השאירו פרטים ואחזור אליכם בהקדם, או התקשרו ישירות לשירות מיידי.</p>
<div class="contact-details">
<a href="tel:0532219226" class="contact-item">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" fill="currentColor"/></svg>
<span>053-221-9226</span>
</a>
<div class="contact-item">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" fill="currentColor"/></svg>
<span>בני ברק והסביבה</span>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" fill="currentColor"/></svg>
<span>זמינות 24 שעות, 7 ימים בשבוע</span>
</div>
</div>
</div>
<form class="contact-form reveal" id="contactForm" action="#" method="POST">
<div class="form-group">
<label for="name">שם מלא</label>
<input type="text" id="name" name="name" required autocomplete="name">
</div>
<div class="form-group">
<label for="phone">טלפון</label>
<input type="tel" id="phone" name="phone" required autocomplete="tel" dir="ltr" placeholder="05X-XXX-XXXX">
</div>
<div class="form-group">
<label for="message">תיאור הבעיה</label>
<textarea id="message" name="message" rows="4"></textarea>
</div>
<button type="submit" class="btn btn-primary btn-large btn-full">שלחו פנייה</button>
<div class="form-feedback" id="formFeedback" role="alert" aria-live="polite"></div>
<p class="form-note">או התקשרו ישירות: <a href="tel:0532219226">053-221-9226</a></p>
</form>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-container">
<div class="footer-main">
<a href="#" class="footer-logo">
<svg class="logo-icon" viewBox="0 0 40 40" aria-hidden="true">
<circle cx="20" cy="20" r="18" fill="var(--primary-light)"/>
<path d="M14 12h4v16h-4z M22 12h4v16h-4z M12 18h16v4h-16z" fill="var(--primary)"/>
</svg>
<span>אינסטלטור בני ברק</span>
</a>
<p class="footer-desc">שירותי אינסטלציה מקצועיים בבני ברק והסביבה. זמין 24/7 לכל קריאה.</p>
</div>
<div class="footer-links">
<a href="#services">שירותים</a>
<a href="#about">אודות</a>
<a href="#contact">צור קשר</a>
</div>
<div class="footer-contact">
<a href="tel:0532219226" class="footer-phone">053-221-9226</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 אינסטלטור בבני ברק. כל הזכויות שמורות.</p>
</div>
</footer>
<a href="tel:0532219226" class="floating-cta" aria-label="התקשרו עכשיו: 053-221-9226">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" fill="currentColor"/></svg>
</a>
<script src="script.js"></script>
</body>
</html>
+146
View File
@@ -0,0 +1,146 @@
(function() {
'use strict';
// Scroll reveal with staggered animations
const revealElements = document.querySelectorAll('.reveal');
if ('IntersectionObserver' in window) {
const revealObserver = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
revealObserver.unobserve(entry.target);
}
});
}, {
threshold: 0.1,
rootMargin: '0px 0px -40px 0px'
});
revealElements.forEach((el) => {
revealObserver.observe(el);
});
} else {
// Fallback for browsers without IntersectionObserver
revealElements.forEach((el) => {
el.classList.add('visible');
});
}
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
anchor.addEventListener('click', function(e) {
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const target = document.querySelector(targetId);
if (target) {
e.preventDefault();
const header = document.querySelector('.site-header');
const headerHeight = header ? header.offsetHeight : 0;
const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
// Set focus to target for accessibility
target.setAttribute('tabindex', '-1');
target.focus({ preventScroll: true });
}
});
});
// Form handling
const contactForm = document.getElementById('contactForm');
const formFeedback = document.getElementById('formFeedback');
function showFeedback(message, isSuccess) {
formFeedback.textContent = message;
formFeedback.className = 'form-feedback ' + (isSuccess ? 'success' : 'error');
}
function clearFeedback() {
formFeedback.textContent = '';
formFeedback.className = 'form-feedback';
}
if (contactForm) {
contactForm.addEventListener('submit', function(e) {
e.preventDefault();
clearFeedback();
const formData = new FormData(this);
const name = formData.get('name').trim();
const phone = formData.get('phone').trim();
// Validation
if (!name) {
showFeedback('אנא הזינו את שמכם', false);
document.getElementById('name').focus();
return;
}
if (!phone) {
showFeedback('אנא הזינו מספר טלפון', false);
document.getElementById('phone').focus();
return;
}
// Phone validation (Israeli format)
const phoneRegex = /^0[0-9]{8,9}$/;
const cleanPhone = phone.replace(/[-\s]/g, '');
if (!phoneRegex.test(cleanPhone)) {
showFeedback('אנא הזינו מספר טלפון ישראלי תקין', false);
document.getElementById('phone').focus();
return;
}
// Simulate form submission
const submitBtn = this.querySelector('button[type="submit"]');
const originalText = submitBtn.textContent;
submitBtn.disabled = true;
submitBtn.textContent = 'שולח...';
// In production, replace with actual form submission
setTimeout(() => {
contactForm.reset();
submitBtn.disabled = false;
submitBtn.textContent = originalText;
showFeedback('תודה! פנייתכם התקבלה. אחזור אליכם בהקדם.', true);
setTimeout(() => {
clearFeedback();
}, 5000);
}, 1000);
});
// Clear feedback when user starts typing
contactForm.querySelectorAll('input, textarea').forEach(function(field) {
field.addEventListener('input', clearFeedback);
});
}
// Header scroll effect
const header = document.querySelector('.site-header');
let lastScrollY = 0;
if (header) {
function updateHeaderShadow() {
if (window.pageYOffset > 100) {
header.style.boxShadow = 'var(--shadow)';
} else {
header.style.boxShadow = 'none';
}
lastScrollY = window.pageYOffset;
}
window.addEventListener('scroll', updateHeaderShadow, { passive: true });
updateHeaderShadow();
}
})();
+1079
View File
File diff suppressed because it is too large Load Diff