410 lines
25 KiB
HTML
410 lines
25 KiB
HTML
<!doctype html>
|
||
<html lang="he" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>מספרת אייל | עיצוב שיער בפתח תקווה</title>
|
||
<meta name="description" content="מספרת אייל בפתח תקווה - עיצוב שיער, צביעה מקצועית, טיפולי כלות ואירועים. חווית יופי אישית ומקצועית.">
|
||
<meta property="og:title" content="מספרת אייל | עיצוב שיער בפתח תקווה">
|
||
<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='%231a1a1a'/><text x='50' y='65' text-anchor='middle' font-size='40' fill='%23d4a574'>א</text></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=Playfair+Display:wght@400;500&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">
|
||
<a href="#hero" class="logo">
|
||
<svg class="logo-icon" viewBox="0 0 60 60" aria-hidden="true">
|
||
<circle cx="30" cy="30" r="28" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<text x="30" y="38" text-anchor="middle" font-family="Heebo" font-size="22" fill="currentColor">א</text>
|
||
</svg>
|
||
<span class="logo-text">מספרת אייל</span>
|
||
</a>
|
||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
<ul class="nav-links">
|
||
<li><a href="#services">שירותים</a></li>
|
||
<li><a href="#gallery">גלריה</a></li>
|
||
<li><a href="#booking">תיאום תור</a></li>
|
||
<li><a href="#contact">צור קשר</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main id="main-content">
|
||
<section id="hero" class="hero">
|
||
<div class="hero-content">
|
||
<div class="hero-tagline">פתח תקווה · רחוב רוטשילד 45</div>
|
||
<h1 class="hero-title">
|
||
<span class="title-line">הסטייל שלך,</span>
|
||
<span class="title-line title-accent">הקו האישי שלנו</span>
|
||
</h1>
|
||
<p class="hero-desc">כבר למעלה מעשור שאייל והצוות יוצרים תספורות שמתאימות בדיוק לך — לא טרנדים גנריים, אלא סגנון שמרגיש נכון.</p>
|
||
<div class="hero-actions">
|
||
<a href="#booking" class="cta-btn">קביעת תור</a>
|
||
<a href="tel:03-9123456" class="cta-btn-secondary">
|
||
<svg class="btn-icon" 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>
|
||
03-912-3456
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero-visual" aria-hidden="true">
|
||
<svg class="hero-illustration" viewBox="0 0 400 500" preserveAspectRatio="xMidYMid meet">
|
||
<defs>
|
||
<linearGradient id="hairGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" style="stop-color:#4a3728"/>
|
||
<stop offset="40%" style="stop-color:#6b5344"/>
|
||
<stop offset="70%" style="stop-color:#d4a574"/>
|
||
<stop offset="100%" style="stop-color:#e8d4b8"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<!-- Scissors -->
|
||
<g class="scissors" transform="translate(280, 80)">
|
||
<ellipse cx="0" cy="-30" rx="18" ry="25" fill="none" stroke="#d4a574" stroke-width="2"/>
|
||
<ellipse cx="0" cy="30" rx="18" ry="25" fill="none" stroke="#d4a574" stroke-width="2"/>
|
||
<circle cx="0" cy="0" r="6" fill="#d4a574"/>
|
||
<line x1="-18" y1="-30" x2="-50" y2="-60" stroke="#d4a574" stroke-width="2" stroke-linecap="round"/>
|
||
<line x1="-18" y1="30" x2="-50" y2="60" stroke="#d4a574" stroke-width="2" stroke-linecap="round"/>
|
||
</g>
|
||
<!-- Hair strands representing styled hair -->
|
||
<g class="hair-strands" transform="translate(50, 100)">
|
||
<path d="M100 0 Q80 80 100 180 Q120 280 90 350" stroke="url(#hairGrad)" stroke-width="12" fill="none" stroke-linecap="round"/>
|
||
<path d="M140 10 Q160 90 140 190 Q120 290 150 360" stroke="url(#hairGrad)" stroke-width="14" fill="none" stroke-linecap="round"/>
|
||
<path d="M180 5 Q200 85 180 185 Q160 285 190 355" stroke="url(#hairGrad)" stroke-width="10" fill="none" stroke-linecap="round"/>
|
||
<path d="M60 20 Q40 100 60 200 Q80 300 50 370" stroke="url(#hairGrad)" stroke-width="8" fill="none" stroke-linecap="round" opacity="0.7"/>
|
||
<path d="M220 15 Q240 95 220 195 Q200 295 230 365" stroke="url(#hairGrad)" stroke-width="8" fill="none" stroke-linecap="round" opacity="0.7"/>
|
||
</g>
|
||
<!-- Decorative circles -->
|
||
<circle cx="320" cy="400" r="40" fill="none" stroke="#d4a574" stroke-width="1" opacity="0.3"/>
|
||
<circle cx="80" cy="450" r="25" fill="none" stroke="#d4a574" stroke-width="1" opacity="0.2"/>
|
||
</svg>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="services" class="services">
|
||
<div class="container">
|
||
<header class="section-header">
|
||
<span class="section-tag">מה אנחנו עושים הכי טוב</span>
|
||
<h2 class="section-title">השירותים שלנו</h2>
|
||
</header>
|
||
<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">
|
||
<path d="M32 8 C20 8 12 18 12 28 C12 42 22 52 32 56 C42 52 52 42 52 28 C52 18 44 8 32 8" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<path d="M24 28 Q28 36 32 28 Q36 20 40 28" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<circle cx="32" cy="24" r="2" fill="currentColor"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="service-title">עיצוב שיער</h3>
|
||
<p class="service-desc">תספורות מקצועיות לנשים וגברים. התאמה אישית לצורת הפנים ולסגנון החיים שלך — מקלאסי ועד נועז.</p>
|
||
<span class="service-price">החל מ-₪80</span>
|
||
</article>
|
||
<article class="service-card reveal">
|
||
<div class="service-icon">
|
||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
||
<circle cx="20" cy="32" r="8" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<circle cx="44" cy="32" r="8" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<path d="M28 32 L36 32" stroke="currentColor" stroke-width="1.5"/>
|
||
<path d="M20 20 L20 12 M44 20 L44 12 M20 44 L20 52 M44 44 L44 52" stroke="currentColor" stroke-width="1.5"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="service-title">צביעת שיער</h3>
|
||
<p class="service-desc">צביעה מלאה, אומברה, בלייאז׳ והבהרות. חומרים איכותיים לבריאות השיער וברק מושלם.</p>
|
||
<span class="service-price">החל מ-₪250</span>
|
||
</article>
|
||
<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">
|
||
<path d="M32 12 L36 24 L48 24 L38 32 L42 44 L32 36 L22 44 L26 32 L16 24 L28 24 Z" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<circle cx="32" cy="52" r="4" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="service-title">טיפולי כלות</h3>
|
||
<p class="service-desc">חבילת כלה מלאה: ניסיון מקדים, עיצוב ביום החתונה ותיאום עם המאפרת. היום המושלם מתחיל כאן.</p>
|
||
<span class="service-price">החל מ-₪800</span>
|
||
</article>
|
||
<article class="service-card reveal">
|
||
<div class="service-icon">
|
||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
||
<rect x="16" y="20" width="32" height="28" rx="4" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
<path d="M16 28 L48 28" stroke="currentColor" stroke-width="1.5"/>
|
||
<path d="M24 16 L24 20 M40 16 L40 20" stroke="currentColor" stroke-width="1.5"/>
|
||
<circle cx="28" cy="36" r="2" fill="currentColor"/>
|
||
<circle cx="36" cy="36" r="2" fill="currentColor"/>
|
||
<circle cx="32" cy="42" r="2" fill="currentColor"/>
|
||
</svg>
|
||
</div>
|
||
<h3 class="service-title">אירועים מיוחדים</h3>
|
||
<p class="service-desc">בת מצווה, ערב גאלה, צילומי אופנה. תסרוקות מרהיבות לכל אירוע.</p>
|
||
<span class="service-price">החל מ-₪200</span>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="experience-section">
|
||
<div class="container">
|
||
<div class="experience-content reveal">
|
||
<div class="experience-number" aria-hidden="true">10+</div>
|
||
<div class="experience-text">
|
||
<span class="experience-label">שנות ניסיון</span>
|
||
<p>מספרת אייל משרתת את תושבי פתח תקווה והסביבה כבר למעלה מעשור. אנחנו לא רק מספרה — אנחנו חלק מהשכונה.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="gallery" class="gallery">
|
||
<div class="container">
|
||
<header class="section-header">
|
||
<span class="section-tag">מהעבודות האחרונות</span>
|
||
<h2 class="section-title">גלריה</h2>
|
||
</header>
|
||
<div class="gallery-grid">
|
||
<figure class="gallery-item reveal" tabindex="0" style="--delay: 0">
|
||
<div class="gallery-visual">
|
||
<svg viewBox="0 0 300 360" aria-hidden="true">
|
||
<defs>
|
||
<linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" style="stop-color:#2c2c2c"/>
|
||
<stop offset="100%" style="stop-color:#1a1a1a"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<rect width="300" height="360" fill="url(#g1)"/>
|
||
<ellipse cx="150" cy="140" rx="65" ry="80" fill="#d4a574" opacity="0.15"/>
|
||
<path d="M100 120 Q150 60 200 120 Q215 180 200 240 Q150 280 100 240 Q85 180 100 120" fill="none" stroke="#d4a574" stroke-width="1.5"/>
|
||
<path d="M90 100 Q150 40 210 100" fill="none" stroke="#d4a574" stroke-width="1" opacity="0.6"/>
|
||
</svg>
|
||
</div>
|
||
<figcaption>תספורת קצרה מודרנית</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item gallery-item-tall reveal" tabindex="0" style="--delay: 1">
|
||
<div class="gallery-visual">
|
||
<svg viewBox="0 0 300 460" aria-hidden="true">
|
||
<defs>
|
||
<linearGradient id="g2" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" style="stop-color:#5c4033"/>
|
||
<stop offset="50%" style="stop-color:#d4a574"/>
|
||
<stop offset="100%" style="stop-color:#e8c9a0"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<rect width="300" height="460" fill="#1a1a1a"/>
|
||
<path d="M80 30 Q150 80 150 220 Q150 360 100 440" stroke="url(#g2)" stroke-width="35" fill="none" stroke-linecap="round"/>
|
||
<path d="M120 40 Q180 100 180 250 Q180 390 140 450" stroke="url(#g2)" stroke-width="25" fill="none" stroke-linecap="round" opacity="0.8"/>
|
||
<path d="M160 50 Q210 120 200 270 Q190 400 170 445" stroke="url(#g2)" stroke-width="18" fill="none" stroke-linecap="round" opacity="0.6"/>
|
||
</svg>
|
||
</div>
|
||
<figcaption>אומברה זהובה</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item reveal" tabindex="0" style="--delay: 2">
|
||
<div class="gallery-visual">
|
||
<svg viewBox="0 0 300 360" aria-hidden="true">
|
||
<rect width="300" height="360" fill="#1a1a1a"/>
|
||
<circle cx="150" cy="130" r="70" fill="none" stroke="#d4a574" stroke-width="1" opacity="0.2"/>
|
||
<path d="M100 110 Q110 70 150 60 Q190 70 200 110 Q210 150 200 190 Q180 230 150 240 Q120 230 100 190 Q90 150 100 110" fill="none" stroke="#d4a574" stroke-width="1.5"/>
|
||
<!-- Crown/tiara -->
|
||
<path d="M115 65 L125 45 L140 60 L150 35 L160 60 L175 45 L185 65" fill="none" stroke="#d4a574" stroke-width="1.5"/>
|
||
<circle cx="125" cy="55" r="3" fill="#d4a574" opacity="0.6"/>
|
||
<circle cx="150" cy="40" r="4" fill="#d4a574" opacity="0.8"/>
|
||
<circle cx="175" cy="55" r="3" fill="#d4a574" opacity="0.6"/>
|
||
</svg>
|
||
</div>
|
||
<figcaption>תסרוקת כלה</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item reveal" tabindex="0" style="--delay: 3">
|
||
<div class="gallery-visual">
|
||
<svg viewBox="0 0 300 360" aria-hidden="true">
|
||
<defs>
|
||
<linearGradient id="g3" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" style="stop-color:#4a3728"/>
|
||
<stop offset="40%" style="stop-color:#6b5344"/>
|
||
<stop offset="70%" style="stop-color:#d4a574"/>
|
||
<stop offset="100%" style="stop-color:#e8d4b8"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<rect width="300" height="360" fill="#1a1a1a"/>
|
||
<g transform="translate(50, 30)">
|
||
<path d="M100 0 Q115 90 100 180 Q85 260 100 300" stroke="url(#g3)" stroke-width="9" fill="none" stroke-linecap="round"/>
|
||
<path d="M75 15 Q60 105 75 195 Q90 275 75 315" stroke="url(#g3)" stroke-width="7" fill="none" stroke-linecap="round" opacity="0.85"/>
|
||
<path d="M125 10 Q140 100 125 190 Q110 270 125 310" stroke="url(#g3)" stroke-width="7" fill="none" stroke-linecap="round" opacity="0.85"/>
|
||
<path d="M50 30 Q35 120 50 210 Q65 290 50 320" stroke="url(#g3)" stroke-width="5" fill="none" stroke-linecap="round" opacity="0.6"/>
|
||
<path d="M150 25 Q165 115 150 205 Q135 285 150 315" stroke="url(#g3)" stroke-width="5" fill="none" stroke-linecap="round" opacity="0.6"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<figcaption>בלייאז׳ טבעי</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item reveal" tabindex="0" style="--delay: 4">
|
||
<div class="gallery-visual">
|
||
<svg viewBox="0 0 300 360" aria-hidden="true">
|
||
<rect width="300" height="360" fill="#1a1a1a"/>
|
||
<g transform="translate(150, 160)">
|
||
<ellipse cx="0" cy="0" rx="55" ry="70" fill="none" stroke="#d4a574" stroke-width="1" opacity="0.2"/>
|
||
<path d="M-40 -50 Q0 -85 40 -50" fill="none" stroke="#d4a574" stroke-width="2"/>
|
||
<path d="M-50 -30 Q-55 -70 -25 -80 Q10 -90 40 -70 Q55 -50 45 -30" fill="none" stroke="#d4a574" stroke-width="1.5"/>
|
||
<!-- Updo details -->
|
||
<ellipse cx="0" cy="-70" rx="30" ry="20" fill="none" stroke="#d4a574" stroke-width="1"/>
|
||
<circle cx="-15" cy="-75" r="3" fill="#d4a574" opacity="0.5"/>
|
||
<circle cx="5" cy="-80" r="3" fill="#d4a574" opacity="0.5"/>
|
||
<circle cx="20" cy="-72" r="3" fill="#d4a574" opacity="0.5"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<figcaption>עיצוב לאירוע</figcaption>
|
||
</figure>
|
||
<figure class="gallery-item reveal" tabindex="0" style="--delay: 5">
|
||
<div class="gallery-visual">
|
||
<svg viewBox="0 0 300 360" aria-hidden="true">
|
||
<defs>
|
||
<radialGradient id="g4" cx="50%" cy="35%" r="65%">
|
||
<stop offset="0%" style="stop-color:#cd7f32"/>
|
||
<stop offset="50%" style="stop-color:#b87333"/>
|
||
<stop offset="100%" style="stop-color:#8b4513"/>
|
||
</radialGradient>
|
||
</defs>
|
||
<rect width="300" height="360" fill="#1a1a1a"/>
|
||
<circle cx="150" cy="140" r="90" fill="url(#g4)" opacity="0.25"/>
|
||
<circle cx="150" cy="140" r="65" fill="none" stroke="#cd7f32" stroke-width="1.5"/>
|
||
<circle cx="150" cy="140" r="45" fill="none" stroke="#cd7f32" stroke-width="0.75" opacity="0.5"/>
|
||
<path d="M100 200 Q150 260 200 200" fill="none" stroke="#cd7f32" stroke-width="2"/>
|
||
</svg>
|
||
</div>
|
||
<figcaption>גוונים נחושתיים</figcaption>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="booking" class="booking">
|
||
<div class="container">
|
||
<div class="booking-wrapper">
|
||
<header class="section-header">
|
||
<span class="section-tag">בואו נקבע</span>
|
||
<h2 class="section-title">תיאום תור</h2>
|
||
<p class="section-desc">השאירו פרטים ונחזור אליכם תוך שעות ספורות</p>
|
||
</header>
|
||
<form class="booking-form reveal" novalidate>
|
||
<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" pattern="[0-9\-\+\s]{9,15}" placeholder="050-000-0000">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="service">סוג השירות</label>
|
||
<select id="service" name="service" required>
|
||
<option value="">בחרו שירות</option>
|
||
<option value="haircut">תספורת</option>
|
||
<option value="color">צביעה</option>
|
||
<option value="bride">חבילת כלה</option>
|
||
<option value="event">אירוע מיוחד</option>
|
||
<option value="other">אחר</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="date">תאריך מועדף</label>
|
||
<input type="date" id="date" name="date">
|
||
</div>
|
||
<div class="form-group form-group-full">
|
||
<label for="message">הערות נוספות</label>
|
||
<textarea id="message" name="message" rows="3" placeholder="ספרו לנו על מה שאתם מחפשים..."></textarea>
|
||
</div>
|
||
<button type="submit" class="submit-btn">שליחת בקשה</button>
|
||
</form>
|
||
<p class="booking-alt">או התקשרו ישירות: <a href="tel:03-9123456" class="booking-phone">03-912-3456</a></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="contact">
|
||
<div class="container">
|
||
<div class="contact-grid">
|
||
<div class="contact-info reveal">
|
||
<header class="section-header">
|
||
<span class="section-tag">איפה למצוא אותנו</span>
|
||
<h2 class="section-title">צרו קשר</h2>
|
||
</header>
|
||
<div class="contact-details">
|
||
<a href="https://maps.google.com/?q=רחוב+רוטשילד+45+פתח+תקווה" target="_blank" rel="noopener" class="contact-item contact-item-link">
|
||
<svg class="contact-icon" 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>
|
||
<div>
|
||
<strong>כתובת</strong>
|
||
<p>רחוב רוטשילד 45, פתח תקווה</p>
|
||
</div>
|
||
</a>
|
||
<a href="tel:03-9123456" class="contact-item contact-item-link">
|
||
<svg class="contact-icon" 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>
|
||
<div>
|
||
<strong>טלפון</strong>
|
||
<p>03-912-3456</p>
|
||
</div>
|
||
</a>
|
||
<div class="contact-item">
|
||
<svg class="contact-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 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>
|
||
<div>
|
||
<strong>שעות פעילות</strong>
|
||
<p>א׳-ה׳: 9:00–20:00</p>
|
||
<p>ו׳: 8:00–14:00</p>
|
||
<p>שבת: סגור</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="contact-cta reveal">
|
||
<div class="contact-cta-content">
|
||
<p class="contact-cta-text">מעדיפים וואטסאפ?</p>
|
||
<a href="https://wa.me/97239123456?text=היי%2C%20אשמח%20לתאם%20תור" target="_blank" rel="noopener" class="whatsapp-btn">
|
||
<svg class="whatsapp-icon" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" fill="currentColor"/>
|
||
</svg>
|
||
שלחו הודעה
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-brand">
|
||
<svg class="footer-logo" viewBox="0 0 60 60" aria-hidden="true">
|
||
<circle cx="30" cy="30" r="28" fill="none" stroke="currentColor" stroke-width="1"/>
|
||
<text x="30" y="38" text-anchor="middle" font-family="Heebo" font-size="22" fill="currentColor">א</text>
|
||
</svg>
|
||
<span>מספרת אייל</span>
|
||
</div>
|
||
<p class="footer-address">רחוב רוטשילד 45, פתח תקווה · 03-912-3456</p>
|
||
<p class="footer-copy">© <span id="current-year">2024</span> מספרת אייל. כל הזכויות שמורות.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|