Initial AI-generated site
This commit is contained in:
+539
@@ -0,0 +1,539 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user