Initial AI-generated site
This commit is contained in:
+232
@@ -0,0 +1,232 @@
|
||||
<!doctype html>
|
||||
<html lang="he" dir="rtl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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='%230a2463'/><path d='M35 30 L35 70 L45 70 L45 55 L55 55 L55 70 L65 70 L65 30 L55 30 L55 45 L45 45 L45 30 Z' fill='%2300b4d8'/></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="header">
|
||||
<div class="header-inner">
|
||||
<div class="logo">
|
||||
<svg class="logo-icon" viewBox="0 0 48 48" aria-hidden="true">
|
||||
<circle cx="24" cy="24" r="22" fill="var(--accent)"/>
|
||||
<path d="M16 14v20h5v-8h6v8h5V14h-5v8h-6v-8z" fill="var(--bg)"/>
|
||||
</svg>
|
||||
<span class="logo-text">אינסטלטורים ת״א</span>
|
||||
</div>
|
||||
<a href="tel:0768005526" class="header-phone" aria-label="התקשרו אלינו 076-800-5526">
|
||||
<svg class="phone-icon" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24 11.36 11.36 0 003.55.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.55 1 1 0 01-.25 1.02z"/>
|
||||
</svg>
|
||||
<span>076-800-5526</span>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="main-content">
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<div class="hero-badge">
|
||||
<svg class="badge-icon" 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"/>
|
||||
</svg>
|
||||
זמינים 24/7 • תל אביב-יפו והסביבה
|
||||
</div>
|
||||
<h1 class="hero-title">
|
||||
<span class="hero-title-line">אינסטלטור מקצועי</span>
|
||||
<span class="hero-title-line hero-title-accent">מגיע אליכם</span>
|
||||
<span class="hero-title-line">תוך שעה</span>
|
||||
</h1>
|
||||
<p class="hero-desc">פתיחת סתימות, תיקון נזילות, התקנות חדשות וטיפול בדודי שמש. עבודה נקייה, מחיר סגור מראש, ללא הפתעות.</p>
|
||||
<div class="hero-actions">
|
||||
<a href="tel:0768005526" class="cta-button">
|
||||
<svg class="cta-icon" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24 11.36 11.36 0 003.55.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.55 1 1 0 01-.25 1.02z"/>
|
||||
</svg>
|
||||
התקשרו עכשיו
|
||||
</a>
|
||||
<a href="#contact" class="cta-secondary">או השאירו פרטים</a>
|
||||
</div>
|
||||
<ul class="hero-trust" aria-label="יתרונות השירות">
|
||||
<li class="trust-item">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2L3 7v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-9-5zm-1 15l-4-4 1.41-1.41L11 14.17l6.59-6.59L19 9l-8 8z"/></svg>
|
||||
<span>אחריות מלאה על העבודה</span>
|
||||
</li>
|
||||
<li class="trust-item">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>
|
||||
<span>זמן הגעה ממוצע: 45 דקות</span>
|
||||
</li>
|
||||
<li class="trust-item">
|
||||
<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"/></svg>
|
||||
<span>מחיר סגור לפני תחילת העבודה</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="services" id="services" aria-labelledby="services-title">
|
||||
<div class="container">
|
||||
<h2 class="section-title" id="services-title">מה אנחנו מתקנים</h2>
|
||||
<p class="section-subtitle">כל בעיות האינסטלציה בבית ובעסק — פתרון מקצועי באותו היום</p>
|
||||
<div class="services-grid">
|
||||
<article class="service-card service-card-featured">
|
||||
<div class="service-icon">
|
||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
||||
<circle cx="32" cy="32" r="28" fill="var(--accent-light)"/>
|
||||
<path d="M32 18v28M24 38l8 8 8-8" stroke="var(--accent)" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="32" cy="22" r="4" fill="var(--accent)"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h3 class="service-title">פתיחת סתימות</h3>
|
||||
<p class="service-desc">כיורים, אמבטיות, שירותים וביוב ראשי. ציוד מקצועי כולל מצלמה לאיתור הסתימה.</p>
|
||||
<span class="service-tag">הכי נפוץ</span>
|
||||
</div>
|
||||
</article>
|
||||
<article class="service-card">
|
||||
<div class="service-icon">
|
||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
||||
<circle cx="32" cy="32" r="28" fill="var(--accent-light)"/>
|
||||
<path d="M20 44c0-12 8-8 8-20M28 44c0-12 8-8 8-20M36 44c0-12 8-8 8-20" stroke="var(--accent)" stroke-width="3" fill="none" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="service-title">תיקוני נזילות</h3>
|
||||
<p class="service-desc">איתור ותיקון נזילות סמויות וגלויות. מניעת נזקי רטיבות לפני שהם מתפשטים.</p>
|
||||
</article>
|
||||
<article class="service-card">
|
||||
<div class="service-icon">
|
||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
||||
<circle cx="32" cy="32" r="28" fill="var(--accent-light)"/>
|
||||
<rect x="22" y="20" width="20" height="24" rx="2" stroke="var(--accent)" stroke-width="3" fill="none"/>
|
||||
<path d="M28 28h8M28 34h8M28 40h4" stroke="var(--accent)" stroke-width="2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="service-title">התקנות אינסטלציה</h3>
|
||||
<p class="service-desc">התקנת כיורים, אסלות, ברזים, מכונות כביסה ומדיחי כלים בצורה מקצועית.</p>
|
||||
</article>
|
||||
<article class="service-card">
|
||||
<div class="service-icon">
|
||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
||||
<circle cx="32" cy="32" r="28" fill="var(--accent-light)"/>
|
||||
<circle cx="32" cy="26" r="10" stroke="var(--accent)" stroke-width="3" fill="none"/>
|
||||
<path d="M24 40h16v6H24z" fill="var(--accent)"/>
|
||||
<path d="M26 46v4M38 46v4" stroke="var(--accent)" stroke-width="2"/>
|
||||
<path d="M28 20l4-6 4 6" stroke="var(--accent)" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="service-title">טיפול בדוד שמש</h3>
|
||||
<p class="service-desc">תיקון, החלפה ותחזוקת דודי שמש וחשמל. אין מים חמים? נפתור תוך שעות.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="availability" aria-labelledby="availability-title">
|
||||
<div class="container">
|
||||
<div class="availability-inner">
|
||||
<div class="availability-content">
|
||||
<h2 class="availability-title" id="availability-title">בעיית אינסטלציה לא מחכה.<br><span>גם אנחנו לא.</span></h2>
|
||||
<p class="availability-desc">צוות האינסטלטורים שלנו זמין בכל שעה — ביום, בלילה, בשבת ובחג. תקלה דחופה? אנחנו בדרך.</p>
|
||||
<div class="availability-areas" role="list" aria-label="אזורי שירות">
|
||||
<span class="area-tag" role="listitem">תל אביב</span>
|
||||
<span class="area-tag" role="listitem">יפו</span>
|
||||
<span class="area-tag" role="listitem">רמת אביב</span>
|
||||
<span class="area-tag" role="listitem">פלורנטין</span>
|
||||
<span class="area-tag" role="listitem">נווה צדק</span>
|
||||
<span class="area-tag" role="listitem">הצפון הישן</span>
|
||||
<span class="area-tag" role="listitem">רמת החייל</span>
|
||||
<span class="area-tag" role="listitem">+הסביבה</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="availability-cta">
|
||||
<div class="big-phone">
|
||||
<span class="big-phone-label">חייגו עכשיו</span>
|
||||
<a href="tel:0768005526" dir="ltr">076-800-5526</a>
|
||||
</div>
|
||||
<p class="phone-note">מענה אנושי תוך 30 שניות</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact" id="contact" aria-labelledby="contact-title">
|
||||
<div class="container">
|
||||
<div class="contact-inner">
|
||||
<div class="contact-info">
|
||||
<h2 class="section-title" id="contact-title">השאירו פרטים</h2>
|
||||
<p class="contact-desc">מלאו את הטופס ונחזור אליכם תוך 5 דקות. או פשוט התקשרו — אנחנו כאן.</p>
|
||||
<div class="contact-details">
|
||||
<a href="tel:0768005526" class="contact-phone" dir="ltr">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24 11.36 11.36 0 003.55.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.55 1 1 0 01-.25 1.02z"/>
|
||||
</svg>
|
||||
076-800-5526
|
||||
</a>
|
||||
<div class="contact-hours">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
|
||||
</svg>
|
||||
<span>24 שעות ביממה, 7 ימים בשבוע</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form class="contact-form" id="contactForm" novalidate>
|
||||
<div class="form-group">
|
||||
<label for="name">שם מלא</label>
|
||||
<input type="text" id="name" name="name" required autocomplete="name" placeholder="איך קוראים לכם?" aria-describedby="name-error">
|
||||
<span class="error-message" id="name-error">נא להזין שם מלא</span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="phone">טלפון</label>
|
||||
<input type="tel" id="phone" name="phone" required autocomplete="tel" dir="ltr" placeholder="050-000-0000" aria-describedby="phone-error">
|
||||
<span class="error-message" id="phone-error">נא להזין מספר טלפון תקין</span>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="message">מה הבעיה? <span class="optional">(לא חובה)</span></label>
|
||||
<textarea id="message" name="message" rows="3" placeholder="תארו בקצרה את הבעיה..."></textarea>
|
||||
</div>
|
||||
<button type="submit" class="form-submit">שלחו ונחזור אליכם</button>
|
||||
<p class="form-note">אנחנו לא שולחים ספאם. רק תשובה לפנייה שלכם.</p>
|
||||
<div class="form-success" id="formSuccess" hidden>
|
||||
<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"/></svg>
|
||||
<span>קיבלנו! נחזור אליכם תוך דקות ספורות.</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-brand">
|
||||
<svg class="footer-logo" viewBox="0 0 48 48" aria-hidden="true">
|
||||
<circle cx="24" cy="24" r="22" fill="var(--accent)"/>
|
||||
<path d="M16 14v20h5v-8h6v8h5V14h-5v8h-6v-8z" fill="var(--primary)"/>
|
||||
</svg>
|
||||
<span>אינסטלטורים בתל אביב-יפו</span>
|
||||
</div>
|
||||
<div class="footer-contact">
|
||||
<a href="tel:0768005526" dir="ltr">076-800-5526</a>
|
||||
</div>
|
||||
<div class="footer-copy">© 2025 כל הזכויות שמורות</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user