client-sites/site-55fe3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial AI-generated site

Browse Source
This commit is contained in:
ccadmingit1
2026-07-30 19:14:50 +00:00
parent 32856a0b76
commit de3c0efc91
3 changed files with 1588 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+429
View File
@@ -0,0 +1,429 @@
<!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="#0f0f0f">
<title>המדריך | ציוד משרדי מאז 1944</title>
<meta name="description" content="חנות המדריך - שלושה דורות של מסורת במכירת ציוד משרדי איכותי בנתניה. יבואן רשמי של Kaweco בישראל.">
<meta property="og:title" content="המדריך | ציוד משרדי מאז 1944">
<meta property="og:description" content="שלושה דורות, משפחה אחת, חנות אחת. מספקים ציוד משרדי איכותי מ-1944.">
<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'><rect fill='%231a1a1a' width='100' height='100' rx='12'/><text y='.9em' x='50' text-anchor='middle' font-size='80'>✒</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=Frank+Ruhl+Libre:wght@400;500;700&family=Heebo:wght@300;400;500;700&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">
<a href="#hero" class="logo">
<span class="logo-text">המדריך</span>
<span class="logo-year">1944</span>
</a>
<ul class="nav-links" id="mobile-nav">
<li><a href="#services">שירותים</a></li>
<li><a href="#about">אודות</a></li>
<li><a href="#faq">שאלות נפוצות</a></li>
<li><a href="#contact" class="nav-cta">צור קשר</a></li>
</ul>
<button class="mobile-toggle" aria-label="תפריט" aria-expanded="false" aria-controls="mobile-nav">
<span></span>
<span></span>
<span></span>
</button>
</nav>
</header>
<main id="main-content">
<section id="hero" class="hero">
<div class="hero-content">
<div class="hero-badge reveal">יבואן רשמי של <span lang="en">Kaweco</span> בישראל</div>
<h1 class="hero-title reveal">
<span class="title-line">חנות אחת.</span>
<span class="title-line">שלושה דורות.</span>
<span class="title-line accent">משפחה אחת.</span>
</h1>
<p class="hero-subtitle reveal">מ־1944 מספקים ציוד משרדי איכותי&nbsp;בנתניה</p>
<div class="hero-cta reveal">
<a href="#services" class="btn btn-primary">מה תמצאו אצלנו</a>
<a href="#contact" class="btn btn-secondary">בואו לבקר</a>
</div>
</div>
<div class="hero-visual" aria-hidden="true">
<svg class="pen-illustration" viewBox="0 0 200 400">
<defs>
<linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#c9a962"/>
<stop offset="50%" style="stop-color:#e8d5a3"/>
<stop offset="100%" style="stop-color:#a08339"/>
</linearGradient>
<linearGradient id="darkGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#2a2a2a"/>
<stop offset="100%" style="stop-color:#1a1a1a"/>
</linearGradient>
</defs>
<rect x="70" y="20" width="60" height="280" rx="8" fill="url(#darkGradient)"/>
<rect x="75" y="30" width="50" height="100" rx="4" fill="url(#goldGradient)"/>
<rect x="85" y="300" width="30" height="80" fill="url(#goldGradient)"/>
<polygon points="100,380 85,300 115,300" fill="url(#goldGradient)"/>
<line x1="100" y1="380" x2="100" y2="395" stroke="#c9a962" stroke-width="2"/>
<ellipse cx="100" cy="80" rx="15" ry="25" fill="none" stroke="#c9a962" stroke-width="1" opacity="0.5"/>
</svg>
<div class="floating-elements">
<span class="float-item float-1">✒</span>
<span class="float-item float-2">✎</span>
<span class="float-item float-3">◆</span>
</div>
</div>
<div class="scroll-indicator" aria-hidden="true">
<span>גלול למטה</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 5v14M5 12l7 7 7-7"/>
</svg>
</div>
</section>
<section id="services" class="services">
<div class="container">
<header class="section-header reveal">
<span class="section-tag">מה אנחנו מציעים</span>
<h2 class="section-title">השירותים שלנו</h2>
<p class="section-desc">מגוון רחב של מוצרים ושירותים לבית, למשרד ולבית הספר</p>
</header>
<div class="services-grid">
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="12" y="8" width="40" height="48" rx="4" fill="none" stroke="currentColor" stroke-width="2"/>
<line x1="20" y1="20" x2="44" y2="20" stroke="currentColor" stroke-width="2"/>
<line x1="20" y1="28" x2="44" y2="28" stroke="currentColor" stroke-width="2"/>
<line x1="20" y1="36" x2="36" y2="36" stroke="currentColor" stroke-width="2"/>
<circle cx="48" cy="48" r="12" fill="currentColor" opacity="0.2"/>
<text x="48" y="53" text-anchor="middle" font-size="14" fill="currentColor">✓</text>
</svg>
</div>
<h3>ציוד לבית הספר</h3>
<p>כל מה שהתלמיד צריך להצלחה – מחברות, עטים, תיקים ועוד</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="16" width="48" height="36" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="16" y="8" width="32" height="8" fill="currentColor" opacity="0.3"/>
<line x1="32" y1="24" x2="32" y2="44" stroke="currentColor" stroke-width="2"/>
<line x1="22" y1="34" x2="42" y2="34" stroke="currentColor" stroke-width="2"/>
</svg>
</div>
<h3>ציוד משרדי</h3>
<p>פתרונות מקצועיים לכל משרד – מהדקים ועד ציוד ארגוני</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="12" width="48" height="40" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<line x1="8" y1="24" x2="56" y2="24" stroke="currentColor" stroke-width="2"/>
<line x1="8" y1="36" x2="56" y2="36" stroke="currentColor" stroke-width="2"/>
<circle cx="20" cy="18" r="3" fill="currentColor"/>
<circle cx="20" cy="30" r="3" fill="currentColor"/>
<circle cx="20" cy="42" r="3" fill="currentColor"/>
</svg>
</div>
<h3>נייר ומוצריו</h3>
<p>מגוון סוגי נייר לכל שימוש – הדפסה, כתיבה ויצירה</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="12" y="8" width="40" height="48" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="16" y="16" width="32" height="8" fill="currentColor" opacity="0.3"/>
<rect x="16" y="28" width="32" height="8" fill="currentColor" opacity="0.2"/>
<rect x="16" y="40" width="32" height="8" fill="currentColor" opacity="0.1"/>
</svg>
</div>
<h3>תיוק ואחסון</h3>
<p>פתרונות תיוק וארגון חכמים לסדר מושלם במשרד</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="20" width="48" height="32" rx="4" fill="none" stroke="currentColor" stroke-width="2"/>
<circle cx="20" cy="36" r="6" fill="currentColor" opacity="0.3"/>
<circle cx="36" cy="36" r="6" fill="currentColor" opacity="0.3"/>
<rect x="44" y="28" width="8" height="16" rx="2" fill="currentColor" opacity="0.2"/>
</svg>
</div>
<h3>ראשי דיו וטונרים</h3>
<p>ראשי דיו וטונרים מקוריים ותואמים לכל סוגי המדפסות</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="12" y="8" width="40" height="28" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="20" y="36" width="24" height="4" fill="currentColor" opacity="0.3"/>
<rect x="8" y="40" width="48" height="16" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<line x1="16" y1="48" x2="48" y2="48" stroke="currentColor" stroke-width="2"/>
</svg>
</div>
<h3>ציוד היקפי למחשב</h3>
<p>עכברים, מקלדות, אוזניות וכל הציוד ההיקפי שתצטרכו</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="16" y="8" width="32" height="48" rx="4" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="24" y="16" width="16" height="28" fill="currentColor" opacity="0.1"/>
<circle cx="32" cy="50" r="3" fill="currentColor"/>
</svg>
</div>
<h3>מוצרי סלולר</h3>
<p>אביזרים ומוצרים נלווים לטלפונים חכמים</p>
</article>
<article class="service-card reveal">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="16" width="48" height="36" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="16" y="8" width="32" height="8" fill="currentColor" opacity="0.2"/>
<rect x="16" y="24" width="12" height="8" fill="currentColor" opacity="0.3"/>
<rect x="32" y="24" width="16" height="20" fill="currentColor" opacity="0.1"/>
</svg>
</div>
<h3>מיכון משרדי</h3>
<p>מגרסות, כורכים, למינטורים וציוד מיכון מתקדם</p>
</article>
</div>
</div>
</section>
<section class="kaweco-banner reveal">
<div class="container">
<div class="kaweco-content">
<h2>יבואן רשמי של<br><span class="kaweco-brand" lang="en">Kaweco</span></h2>
<p>עטי יוקרה גרמניים מאז 1883. מסורת של איכות ועיצוב נצחי. בואו להתרשם ולהרגיש את האיכות במו ידיכם.</p>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="about-layout">
<div class="about-visual reveal">
<div class="timeline" role="list" aria-label="ציר הזמן של החנות">
<div class="timeline-item" role="listitem">
<span class="year">1944</span>
<span class="event">הקמת החנות</span>
</div>
<div class="timeline-line" aria-hidden="true"></div>
<div class="timeline-item" role="listitem">
<span class="year">דור שני</span>
<span class="event">המשך המסורת</span>
</div>
<div class="timeline-line" aria-hidden="true"></div>
<div class="timeline-item" role="listitem">
<span class="year">דור שלישי</span>
<span class="event">היום</span>
</div>
</div>
<div class="about-decoration" aria-hidden="true">
<div class="heritage-badge">
<span class="heritage-text">מאז</span>
<span class="heritage-number">1944</span>
</div>
</div>
</div>
<div class="about-content reveal">
<span class="section-tag">הסיפור שלנו</span>
<h2 class="section-title">שלושה דורות,<br>משפחה אחת</h2>
<blockquote class="founder-quote">
<p>״אילו היה לי כישרון לכתוב סיפור ולא למכור כלי כתיבה, היה לי את ה׳בסט סלר׳ הכי טוב בעולם.״</p>
<cite>— אורי ברנדס ז״ל</cite>
</blockquote>
<p>מאז 1944, חנות המדריך בנתניה מספקת ציוד משרדי איכותי ללקוחות נאמנים. שלושה דורות של משפחה אחת, עם סיפורים שרק בעל חנות ברחוב יכול להכיר – לצחוק ולפעמים לבכות.</p>
<p>אנחנו מאמינים בשירות אישי, במוצרים איכותיים ובקשר האנושי שנבנה עם כל לקוח לאורך שנים. זו לא רק חנות – זו משפחה.</p>
</div>
</div>
</div>
</section>
<section id="faq" class="faq">
<div class="container">
<header class="section-header reveal">
<span class="section-tag">שאלות נפוצות</span>
<h2 class="section-title">יש לכם שאלות?</h2>
</header>
<div class="faq-list">
<details class="faq-item reveal">
<summary>
<span>מה שעות הפתיחה של החנות?</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="faq-answer">
<p>החנות פתוחה בימים א׳–ה׳. מומלץ להתקשר לפני הביקור לוודא שעות פתיחה מעודכנות: 09-833-0274</p>
</div>
</details>
<details class="faq-item reveal">
<summary>
<span>איך אפשר להגיע לחנות?</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="faq-answer">
<p>החנות ממוקמת ברחוב סמילנסקי 2, נתניה – במרכז העיר, עם חניה זמינה באזור.</p>
</div>
</details>
<details class="faq-item reveal">
<summary>
<span>מה ההבדל בין טונר מקורי לתואם?</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="faq-answer">
<p>טונר מקורי מיוצר על ידי יצרן המדפסת ומבטיח איכות הדפסה מקסימלית. טונר תואם הוא חלופה איכותית במחיר נמוך יותר. נשמח לייעץ לכם מה מתאים לצרכים שלכם.</p>
</div>
</details>
<details class="faq-item reveal">
<summary>
<span>איפה אפשר לראות את עטי <span lang="en">Kaweco</span>?</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="faq-answer">
<p>כיבואנים הרשמיים של <span lang="en">Kaweco</span> בישראל, יש לנו מבחר רחב של עטי היוקרה הגרמניים בחנות. בואו להתרשם ולהרגיש את האיכות במו ידיכם.</p>
</div>
</details>
<details class="faq-item reveal">
<summary>
<span>האם ניתן להזמין מוצרים מיוחדים?</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="faq-answer">
<p>בהחלט! אנחנו מתמחים במציאת פתרונות ייחודיים ללקוחותינו. אם יש מוצר שאתם מחפשים ולא מוצאים – דברו איתנו ונעשה כל מאמץ להשיג אותו.</p>
</div>
</details>
<details class="faq-item reveal">
<summary>
<span>האם יש תנאים מיוחדים לעסקים?</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 5v14M5 12h14"/>
</svg>
</summary>
<div class="faq-answer">
<p>כן, אנחנו עובדים עם עסקים רבים באזור. צרו קשר לשיחה על הצרכים שלכם ונשמח להתאים הצעה.</p>
</div>
</details>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<div class="contact-layout">
<div class="contact-info reveal">
<span class="section-tag">בואו לבקר</span>
<h2 class="section-title">יצירת קשר</h2>
<p>נשמח לראות אתכם בחנות או לשמוע מכם</p>
<div class="contact-details">
<a href="tel:09-833-0274" class="contact-item">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
</svg>
</div>
<div class="contact-text">
<span class="label">טלפון</span>
<span class="value">09-833-0274</span>
</div>
</a>
<a href="https://maps.google.com/?q=סמילנסקי+2+נתניה+4243201" target="_blank" rel="noopener" class="contact-item">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
</div>
<div class="contact-text">
<span class="label">כתובת</span>
<span class="value">סמילנסקי 2, נתניה</span>
<span class="value-sub">מיקוד 4243201</span>
</div>
</a>
</div>
</div>
<div class="contact-map reveal">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d844.5!2d34.857!3d32.329!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzLCsDE5JzQ0LjQiTiAzNMKwNTEnMjUuMiJF!5e0!3m2!1sen!2sil!4v1"
width="100%"
height="100%"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
title="מפה של מיקום החנות ברחוב סמילנסקי 2, נתניה">
</iframe>
<a href="https://maps.google.com/?q=סמילנסקי+2+נתניה+4243201" target="_blank" rel="noopener" class="btn btn-primary map-btn">
פתח בגוגל מפות
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16" aria-hidden="true">
<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3"/>
</svg>
</a>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="logo-text">המדריך</span>
<p>ציוד משרדי מאז 1944</p>
</div>
<nav class="footer-links" aria-label="קישורים נוספים">
<a href="#services">שירותים</a>
<a href="#about">אודות</a>
<a href="#faq">שאלות נפוצות</a>
<a href="#contact">יצירת קשר</a>
</nav>
<div class="footer-contact">
<a href="tel:09-833-0274">09-833-0274</a>
<span>סמילנסקי 2, נתניה</span>
</div>
</div>
<div class="footer-bottom">
<p>© <span class="current-year">2024</span> המדריך – ציוד משרדי. כל הזכויות שמורות.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>