Files
2026-09-08 10:31:35 +00:00

540 lines
28 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="חנות חיות מחמד אונליין מובילה בישראל. למעלה מ-2,300 מוצרים, מותגים מובילים, משלוחים לכל הארץ. מזון, ציוד והדברה לכלבים, חתולים, דגים ועוד.">
<meta property="og:title" content="קרוב לטבע - פורטל הזמנות">
<meta property="og:description" content="חנות חיות מחמד אונליין מובילה בישראל עם למעלה מ-30,000 הזמנות מרוצות">
<meta property="og:type" content="website">
<meta property="og:locale" content="he_IL">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>????</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=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="site-header">
<nav class="nav-container">
<a href="#" class="logo">
<svg class="logo-icon" viewBox="0 0 40 40" aria-hidden="true">
<circle cx="12" cy="10" r="5" fill="currentColor" opacity="0.7"/>
<circle cx="28" cy="10" r="5" fill="currentColor" opacity="0.7"/>
<circle cx="8" cy="22" r="4" fill="currentColor" opacity="0.6"/>
<circle cx="32" cy="22" r="4" fill="currentColor" opacity="0.6"/>
<ellipse cx="20" cy="28" rx="10" ry="8" fill="currentColor"/>
</svg>
<span>קרוב לטבע</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="#home">בית</a></li>
<li><a href="#catalog">קטלוג</a></li>
<li><a href="#about">אודות</a></li>
<li><a href="#order">הזמנה</a></li>
<li><a href="#contact">צור קשר</a></li>
</ul>
<button class="pwa-install-btn" id="installBtn" hidden>
<svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
<path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
</svg>
התקן אפליקציה
</button>
</nav>
</header>
<main>
<!-- Hero Section -->
<section id="home" 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="hero-badge">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
<path fill="currentColor" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
</svg>
למעלה מ-30,000 הזמנות מרוצות
</div>
<h1 class="hero-title">
קרוב לטבע
<span class="hero-subtitle-line">כל מה שחיית המחמד שלך צריכה</span>
</h1>
<p class="hero-description">
מותגים מובילים כמו מונג', הילס, ברבקטו ונקסגארד.
<br>משלוחים לכל הארץ תוך 2-5 ימי עסקים.
</p>
<div class="hero-actions">
<a href="#order" class="btn btn-primary">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
<path fill="currentColor" d="M17 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-3l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03L21.7 4H5.21l-.94-2H1v2h2l3.6 7.59L3.62 17H19v-2H7z"/>
</svg>
להזמנה
</a>
<a href="#catalog" class="btn btn-secondary">לקטלוג המוצרים</a>
</div>
<div class="hero-stats">
<div class="stat-item">
<span class="stat-number" data-count="2367">0</span>
<span class="stat-label">מוצרים</span>
</div>
<div class="stat-item">
<span class="stat-number" data-count="30255">0</span>
<span class="stat-label">הזמנות</span>
</div>
<div class="stat-item">
<span class="stat-number">5</span>
<span class="stat-label">קטגוריות</span>
</div>
</div>
</div>
<div class="hero-visual">
<div class="paw-grid">
<svg class="paw floating" viewBox="0 0 100 100" aria-hidden="true">
<circle cx="30" cy="25" r="12" fill="var(--green-light)" opacity="0.6"/>
<circle cx="70" cy="25" r="12" fill="var(--green-light)" opacity="0.6"/>
<circle cx="18" cy="50" r="10" fill="var(--green-light)" opacity="0.5"/>
<circle cx="82" cy="50" r="10" fill="var(--green-light)" opacity="0.5"/>
<ellipse cx="50" cy="65" rx="22" ry="18" fill="var(--green-light)" opacity="0.7"/>
</svg>
<svg class="heart floating-delayed" viewBox="0 0 100 100" aria-hidden="true">
<path fill="var(--accent)" opacity="0.8" d="M50 88l-6-5.5C18 58.5 2 44.5 2 27.5 2 14.5 12.5 4 25.5 4c7.5 0 14.5 3.5 19.5 9 5-5.5 12-9 19.5-9 13 0 23.5 10.5 23.5 23.5 0 17-16 31-38 55L50 88z"/>
</svg>
</div>
</div>
</section>
<!-- Catalog Section -->
<section id="catalog" class="catalog">
<div class="section-container">
<header class="section-header">
<h2 class="section-title">הקטלוג שלנו</h2>
<p class="section-subtitle">מגוון רחב של מוצרים איכותיים לכל סוגי חיות המחמד</p>
</header>
<div class="category-grid">
<article class="category-card category-dogs">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<ellipse cx="32" cy="40" rx="20" ry="16" fill="currentColor" opacity="0.3"/>
<circle cx="20" cy="20" r="8" fill="currentColor"/>
<circle cx="44" cy="20" r="8" fill="currentColor"/>
<circle cx="12" cy="36" r="6" fill="currentColor" opacity="0.8"/>
<circle cx="52" cy="36" r="6" fill="currentColor" opacity="0.8"/>
<ellipse cx="32" cy="46" rx="14" ry="10" fill="currentColor"/>
</svg>
</div>
<h3>כלבים</h3>
<ul class="category-list">
<li>מזון יבש ורטוב</li>
<li>חטיפים ופינוקים</li>
<li>צעצועים</li>
<li>מוצרי הדברה</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
<article class="category-card category-cats">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<path fill="currentColor" d="M32 56c-14 0-24-8-24-20 0-8 4-14 10-18l-2-14 12 8 4-8 4 8 12-8-2 14c6 4 10 10 10 18 0 12-10 20-24 20z"/>
<circle cx="24" cy="38" r="3" fill="var(--white)"/>
<circle cx="40" cy="38" r="3" fill="var(--white)"/>
<ellipse cx="32" cy="46" rx="4" ry="2" fill="var(--white)" opacity="0.8"/>
</svg>
</div>
<h3>חתולים</h3>
<ul class="category-list">
<li>מזון פרימיום</li>
<li>מתקני גירוד</li>
<li>צעצועים</li>
<li>מוצרי הדברה</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
<article class="category-card category-fish">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<ellipse cx="32" cy="32" rx="24" ry="14" fill="currentColor"/>
<polygon points="56,32 64,24 64,40" fill="currentColor"/>
<circle cx="20" cy="30" r="3" fill="var(--white)"/>
<path stroke="var(--white)" stroke-width="2" fill="none" d="M36 28 Q42 32 36 36"/>
</svg>
</div>
<h3>דגים ואקווריום</h3>
<ul class="category-list">
<li>מזון לדגים</li>
<li>ציוד לאקווריום</li>
<li>תוספי מים</li>
<li>קישוטים</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
<article class="category-card category-birds">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<ellipse cx="32" cy="38" rx="16" ry="18" fill="currentColor"/>
<circle cx="32" cy="16" r="12" fill="currentColor"/>
<polygon points="32,22 28,28 36,28" fill="var(--accent)"/>
<circle cx="28" cy="14" r="2" fill="var(--white)"/>
<circle cx="36" cy="14" r="2" fill="var(--white)"/>
<path fill="currentColor" opacity="0.6" d="M16 34 L4 28 L8 38 L18 40z"/>
<path fill="currentColor" opacity="0.6" d="M48 34 L60 28 L56 38 L46 40z"/>
</svg>
</div>
<h3>תוכים וציפורים</h3>
<ul class="category-list">
<li>מזון וזרעים</li>
<li>כלובים</li>
<li>אביזרים</li>
<li>צעצועים</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
<article class="category-card category-rodents">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<ellipse cx="32" cy="40" rx="18" ry="14" fill="currentColor"/>
<circle cx="32" cy="22" r="14" fill="currentColor"/>
<ellipse cx="20" cy="12" rx="6" ry="10" fill="currentColor"/>
<ellipse cx="44" cy="12" rx="6" ry="10" fill="currentColor"/>
<ellipse cx="20" cy="12" rx="3" ry="6" fill="var(--accent)" opacity="0.5"/>
<ellipse cx="44" cy="12" rx="3" ry="6" fill="var(--accent)" opacity="0.5"/>
<circle cx="26" cy="20" r="2" fill="var(--white)"/>
<circle cx="38" cy="20" r="2" fill="var(--white)"/>
<circle cx="32" cy="26" r="2" fill="var(--accent)"/>
</svg>
</div>
<h3>מכרסמים</h3>
<ul class="category-list">
<li>מזון</li>
<li>כלובים</li>
<li>שבבי עץ</li>
<li>אביזרים</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
<article class="category-card category-medical">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="20" y="8" width="24" height="48" rx="4" fill="currentColor"/>
<rect x="8" y="20" width="48" height="24" rx="4" fill="currentColor"/>
<rect x="26" y="14" width="12" height="36" fill="var(--white)" opacity="0.3"/>
<rect x="14" y="26" width="36" height="12" fill="var(--white)" opacity="0.3"/>
</svg>
</div>
<h3>אוכל רפואי</h3>
<ul class="category-list">
<li>דיאטות רפואיות לכלבים</li>
<li>דיאטות רפואיות לחתולים</li>
<li>מותגים: הילס, רויאל קנין</li>
<li>ייעוץ מקצועי</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
<article class="category-card category-pest">
<div class="category-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="24" fill="currentColor" opacity="0.2"/>
<circle cx="32" cy="32" r="16" fill="currentColor" opacity="0.4"/>
<circle cx="32" cy="32" r="8" fill="currentColor"/>
<path stroke="currentColor" stroke-width="4" d="M32 4 L32 16 M32 48 L32 60 M4 32 L16 32 M48 32 L60 32"/>
</svg>
</div>
<h3>מוצרי הדברה פרימיום</h3>
<ul class="category-list">
<li>ברבקטו</li>
<li>נקסגארד</li>
<li>פרונטליין</li>
<li>קולרים נגד פרעושים</li>
</ul>
<a href="#order" class="category-link">להזמנה ←</a>
</article>
</div>
<div class="brands-section">
<h3 class="brands-title">המותגים המובילים שלנו</h3>
<div class="brands-list">
<span class="brand-tag">מונג'</span>
<span class="brand-tag">הילס</span>
<span class="brand-tag">ברבקטו</span>
<span class="brand-tag">נקסגארד</span>
<span class="brand-tag">טייסט אוף דה ווילד</span>
<span class="brand-tag">רויאל קנין</span>
<span class="brand-tag">פרונטליין</span>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="section-container">
<div class="about-grid">
<div class="about-content">
<h2 class="section-title">הסיפור שלנו</h2>
<p class="about-text">
קרוב לטבע נולדה מתוך אהבה עמוקה לחיות מחמד והרצון לספק לבעלי החיות בישראל
את המוצרים הטובים ביותר בשוק. אנחנו מאמינים שכל חיית מחמד ראויה לטיפול מהשורה הראשונה,
ולכן אנחנו עובדים רק עם המותגים המובילים בעולם.
</p>
<p class="about-text">
עם ניסיון רב בתחום וידע מקצועי, אנחנו כאן כדי לעזור לכם לבחור את המוצרים
המתאימים ביותר לחיית המחמד שלכם — בין אם מדובר במזון יומיומי, מוצרי הדברה או דיאטה רפואית מיוחדת.
</p>
<div class="about-features">
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/>
</svg>
</div>
<div class="feature-text">
<strong>מותגים מובילים</strong>
<span>רק המותגים הטובים בעולם</span>
</div>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zm1.5-9H17V12h4.46L19.5 9.5zM6 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM20 8l3 4v5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3H9c0 1.66-1.34 3-3 3s-3-1.34-3-3H1V6c0-1.11.89-2 2-2h14v4h3z"/>
</svg>
</div>
<div class="feature-text">
<strong>משלוחים מהירים</strong>
<span>2-5 ימי עסקים לכל הארץ</span>
</div>
</div>
<div class="feature">
<div class="feature-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
</svg>
</div>
<div class="feature-text">
<strong>שירות אישי</strong>
<span>ייעוץ מקצועי ואכפתי</span>
</div>
</div>
</div>
</div>
<div class="about-stats">
<div class="stat-card">
<span class="stat-big" data-count="2367">0</span>
<span class="stat-desc">מוצרים בקטלוג</span>
</div>
<div class="stat-card">
<span class="stat-big" data-count="30255">0</span>
<span class="stat-desc">הזמנות מרוצות</span>
</div>
<div class="stat-card">
<span class="stat-big">7+</span>
<span class="stat-desc">מותגים מובילים</span>
</div>
<div class="stat-card">
<span class="stat-big">5</span>
<span class="stat-desc">סוגי חיות מחמד</span>
</div>
</div>
</div>
</div>
</section>
<!-- Order Section -->
<section id="order" class="order">
<div class="section-container">
<header class="section-header">
<h2 class="section-title">טופס הזמנה</h2>
<p class="section-subtitle">מלאו את הפרטים ונחזור אליכם בהקדם עם אישור והצעת מחיר</p>
</header>
<form class="order-form" id="orderForm">
<div class="form-grid">
<div class="form-group">
<label for="fullName">שם מלא</label>
<input type="text" id="fullName" name="fullName" required placeholder="הזינו את שמכם המלא">
</div>
<div class="form-group">
<label for="phone">טלפון</label>
<input type="tel" id="phone" name="phone" required placeholder="050-0000000" dir="ltr">
</div>
<div class="form-group">
<label for="email">אימייל</label>
<input type="email" id="email" name="email" required placeholder="your@email.com" dir="ltr">
</div>
<div class="form-group">
<label for="petType">סוג חיית מחמד</label>
<select id="petType" name="petType" required>
<option value="">בחרו סוג חיה</option>
<option value="dog">כלב</option>
<option value="cat">חתול</option>
<option value="fish">דגים</option>
<option value="bird">תוכי / ציפור</option>
<option value="rodent">מכרסם</option>
<option value="other">אחר</option>
</select>
</div>
<div class="form-group form-group-full">
<label for="orderDetails">פירוט ההזמנה</label>
<textarea id="orderDetails" name="orderDetails" required rows="4" placeholder="פרטו את המוצרים שברצונכם להזמין, כולל כמויות..."></textarea>
</div>
<div class="form-group form-group-full">
<label for="address">כתובת למשלוח</label>
<input type="text" id="address" name="address" required placeholder="רחוב, מספר בית, עיר, מיקוד">
</div>
<div class="form-group form-group-full">
<label for="notes">הערות נוספות (אופציונלי)</label>
<textarea id="notes" name="notes" rows="2" placeholder="הערות מיוחדות, זמני משלוח מועדפים..."></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary btn-large">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
<path fill="currentColor" d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/>
</svg>
שליחת הזמנה
</button>
</form>
<div class="form-success" id="formSuccess" hidden>
<div class="success-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" 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>
</div>
<h3>ההזמנה נשלחה בהצלחה!</h3>
<p>תודה על פנייתכם. ניצור קשר בהקדם.</p>
</div>
</div>
</section>
<!-- PWA Section -->
<section class="pwa-section">
<div class="section-container">
<div class="pwa-card">
<div class="pwa-content">
<div class="pwa-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z"/>
</svg>
</div>
<div class="pwa-text">
<h3>התקינו את האפליקציה</h3>
<p>גישה מהירה מהמסך הראשי, התראות על מבצעים ופועל תמיד — גם אופליין!</p>
</div>
</div>
<button class="btn btn-primary pwa-btn" id="installBtnMain">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true">
<path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
</svg>
הורד כאפליקציה
</button>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="section-container">
<header class="section-header">
<h2 class="section-title">צור קשר</h2>
<p class="section-subtitle">יש לכם שאלות? נשמח לעזור!</p>
</header>
<div class="contact-grid">
<form class="contact-form" id="contactForm">
<div class="form-group">
<label for="contactName">שם</label>
<input type="text" id="contactName" name="name" required placeholder="השם שלכם">
</div>
<div class="form-group">
<label for="contactEmail">אימייל</label>
<input type="email" id="contactEmail" name="email" required placeholder="your@email.com" dir="ltr">
</div>
<div class="form-group">
<label for="contactMessage">הודעה</label>
<textarea id="contactMessage" name="message" required rows="4" placeholder="כתבו את הודעתכם כאן..."></textarea>
</div>
<button type="submit" class="btn btn-primary">שליחה</button>
</form>
<div class="contact-info">
<div class="contact-item">
<div class="contact-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z"/>
</svg>
</div>
<div>
<strong>אינסטגרם</strong>
<a href="https://instagram.com/closetonature12" target="_blank" rel="noopener">@closetonature12</a>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2 0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2z"/>
</svg>
</div>
<div>
<strong>אתר</strong>
<a href="https://closetonature.co.il" target="_blank" rel="noopener">closetonature.co.il</a>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="currentColor" d="M12 11.5A2.5 2.5 0 0 1 9.5 9 2.5 2.5 0 0 1 12 6.5 2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7z"/>
</svg>
</div>
<div>
<strong>משלוחים</strong>
<span>לכל רחבי הארץ</span>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-content">
<div class="footer-logo">
<svg class="logo-icon" viewBox="0 0 40 40" aria-hidden="true">
<circle cx="12" cy="10" r="5" fill="currentColor" opacity="0.7"/>
<circle cx="28" cy="10" r="5" fill="currentColor" opacity="0.7"/>
<circle cx="8" cy="22" r="4" fill="currentColor" opacity="0.6"/>
<circle cx="32" cy="22" r="4" fill="currentColor" opacity="0.6"/>
<ellipse cx="20" cy="28" rx="10" ry="8" fill="currentColor"/>
</svg>
<span>קרוב לטבע</span>
</div>
<p class="footer-tagline">כל מה שחיית המחמד שלך צריכה ????</p>
<div class="footer-links">
<a href="https://instagram.com/closetonature12" target="_blank" rel="noopener" aria-label="אינסטגרם">
<svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true">
<path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z"/>
</svg>
</a>
<a href="https://closetonature.co.il" target="_blank" rel="noopener" aria-label="אתר">
<svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true">
<path fill="currentColor" d="M16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2 0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2z"/>
</svg>
</a>
</div>
<p class="footer-copy">© 2025 קרוב לטבע. כל הזכויות שמורות.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>