AI update: שדרוג ויזואלי מקיף לאתר עמוס רוזמרין - מהנדס אריזה:

## 1. תמונות אמיתיות (הוסף מ-Unsplash/Pexels CDN):

### Hero Sectio
This commit is contained in:
2026-10-11 16:52:56 +00:00
parent 443264b72a
commit f3497f0671
8 changed files with 1860 additions and 582 deletions
+332 -144
View File
@@ -18,6 +18,18 @@
<body>
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<!-- Floating Particles Background -->
<div class="particles-container" aria-hidden="true">
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
</div>
<header class="site-header">
<div class="header-container">
<a href="index.html" class="logo">
@@ -49,126 +61,225 @@
<main id="main-content">
<section class="hero">
<div class="hero-bg" aria-hidden="true">
<svg class="hero-pattern" viewBox="0 0 800 600" preserveAspectRatio="xMidYMid slice">
<defs>
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#1a1a2e"/>
<stop offset="100%" style="stop-color:#16213e"/>
</linearGradient>
<pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse">
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="#0ea5e9" stroke-width="0.5" opacity="0.15"/>
</pattern>
</defs>
<rect fill="url(#heroGrad)" width="800" height="600"/>
<rect fill="url(#grid)" width="800" height="600"/>
<g class="hero-shapes">
<rect x="600" y="100" width="120" height="180" rx="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.3"/>
<rect x="650" y="80" width="100" height="160" rx="8" fill="none" stroke="#d4af37" stroke-width="1" opacity="0.2"/>
<rect x="80" y="350" width="140" height="200" rx="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.25"/>
<path d="M700 400 Q720 350 750 380 Q780 410 760 450 Q740 490 700 470 Q660 450 680 410 Z" fill="#0ea5e9" opacity="0.08"/>
</g>
</svg>
<img
src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1920&q=80"
alt=""
class="hero-image"
loading="eager"
>
<div class="hero-overlay"></div>
<div class="hero-gradient-mesh"></div>
</div>
<div class="hero-content">
<div class="hero-badge reveal-fade">מהנדס ייצור עצמאי מאז 2006</div>
<h1 class="hero-title reveal-fade">פתרונות אריזה גמישה <span class="highlight">לתעשייה הישראלית</span></h1>
<div class="hero-badge reveal-fade">
<span class="badge-icon">✦</span>
מהנדס ייצור עצמאי מאז 2006
</div>
<h1 class="hero-title reveal-fade">
<span class="title-line typewriter">פתרונות אריזה גמישה</span>
<span class="highlight gradient-text">לתעשייה הישראלית</span>
</h1>
<p class="hero-subtitle reveal-fade">ידע טכני, ניסיון של למעלה מ-18 שנה ומומחיות באריזות גמישות — הכל מתכנס למוצר אחד מדויק עבורכם.</p>
<div class="hero-actions reveal-fade">
<a href="contact.html" class="btn btn-primary">בואו נדבר</a>
<a href="products.html" class="btn btn-secondary">לכל המוצרים</a>
<a href="contact.html" class="btn btn-primary btn-glow">
<span>בואו נדבר</span>
<span class="btn-ripple"></span>
</a>
<a href="products.html" class="btn btn-secondary btn-glass">לכל המוצרים</a>
</div>
<div class="hero-stats reveal-fade">
<div class="stat">
<span class="stat-number">18+</span>
<span class="stat-number" data-count="18">0</span>
<span class="stat-plus">+</span>
<span class="stat-label">שנות ניסיון</span>
</div>
<div class="stat">
<span class="stat-number">9</span>
<span class="stat-number" data-count="9">0</span>
<span class="stat-label">שכבות שיחול</span>
</div>
<div class="stat">
<span class="stat-number">10</span>
<span class="stat-number" data-count="10">0</span>
<span class="stat-label">צבעי הדפסה</span>
</div>
</div>
</div>
<div class="scroll-indicator" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 5v14M5 12l7 7 7-7"/>
</svg>
<div class="mouse">
<div class="wheel"></div>
</div>
<span>גלול למטה</span>
</div>
</section>
<div class="wave-divider" aria-hidden="true">
<svg viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="currentColor"/>
<path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="currentColor"/>
<path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,googletrans172.46-45.71,248.8-84.81V0Z" fill="currentColor"/>
</svg>
</div>
<section class="expertise" aria-labelledby="expertise-heading">
<div class="container">
<header class="section-header reveal-fade">
<span class="section-tag">תחומי התמחות</span>
<h2 id="expertise-heading" class="section-title">פתרונות אריזה לכל תעשייה</h2>
<span class="section-tag">
<span class="tag-icon">◈</span>
תחומי התמחות
</span>
<h2 id="expertise-heading" class="section-title gradient-text">פתרונות אריזה לכל תעשייה</h2>
</header>
<div class="expertise-grid">
<article class="expertise-card reveal-slide">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<circle cx="32" cy="32" r="28" stroke="currentColor" stroke-width="2"/>
<path d="M20 28c0-6.627 5.373-12 12-12s12 5.373 12 12c0 8-12 20-12 20S20 36 20 28z" stroke="currentColor" stroke-width="2"/>
<circle cx="32" cy="28" r="4" fill="currentColor"/>
</svg>
<article class="expertise-card glass-card reveal-slide" data-tilt>
<div class="card-image">
<img
src="https://images.unsplash.com/photo-1621939514649-280e2ee25f60?auto=format&fit=crop&w=600&q=80"
alt="אריזות מזון גמישות צבעוניות"
loading="lazy"
>
<div class="card-image-overlay"></div>
</div>
<h3 class="card-title">אריזות למזון</h3>
<p class="card-desc">חטיפים, לחמים, מאפים, קפה, חטיפי אנרגיה, קטניות, פסטה ועוד. פתרונות אריזה עם חסם גבוה לשמירה על טריות.</p>
<a href="products.html" class="card-link">
גלו את המגוון
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</article>
<article class="expertise-card reveal-slide">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<rect x="16" y="12" width="32" height="44" rx="4" stroke="currentColor" stroke-width="2"/>
<path d="M24 12V8a8 8 0 1116 0v4" stroke="currentColor" stroke-width="2"/>
<circle cx="32" cy="36" r="8" stroke="currentColor" stroke-width="2"/>
<path d="M32 32v8M28 36h8" stroke="currentColor" stroke-width="2"/>
</svg>
<div class="card-content">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<circle cx="32" cy="32" r="28" stroke="currentColor" stroke-width="2"/>
<path d="M20 28c0-6.627 5.373-12 12-12s12 5.373 12 12c0 8-12 20-12 20S20 36 20 28z" stroke="currentColor" stroke-width="2"/>
<circle cx="32" cy="28" r="4" fill="currentColor"/>
</svg>
</div>
<h3 class="card-title">אריזות למזון</h3>
<p class="card-desc">חטיפים, לחמים, מאפים, קפה, חטיפי אנרגיה, קטניות, פסטה ועוד. פתרונות אריזה עם חסם גבוה לשמירה על טריות.</p>
<a href="products.html" class="card-link">
גלו את המגוון
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</div>
<h3 class="card-title">היגיינה וניקוי</h3>
<p class="card-desc">אריזות עמידות לחומרי ניקוי, מוצרי היגיינה וקוסמטיקה. עמידות כימית גבוהה ואיכות הדפסה מעולה.</p>
<a href="products.html" class="card-link">
לפרטים נוספים
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</article>
<article class="expertise-card reveal-slide">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<path d="M12 52V20a4 4 0 014-4h32a4 4 0 014 4v32" stroke="currentColor" stroke-width="2"/>
<path d="M8 52h48M20 16V8M44 16V8" stroke="currentColor" stroke-width="2"/>
<rect x="24" y="28" width="16" height="12" rx="2" stroke="currentColor" stroke-width="2"/>
</svg>
<article class="expertise-card glass-card reveal-slide" data-tilt>
<div class="card-image">
<img
src="https://images.unsplash.com/photo-1583947215259-38e31be8751f?auto=format&fit=crop&w=600&q=80"
alt="מוצרי היגיינה וניקיון ארוזים"
loading="lazy"
>
<div class="card-image-overlay"></div>
</div>
<h3 class="card-title">שקיות מוכנות</h3>
<p class="card-desc">Stand-up pouches, Doypack ושקיות מוכנות במגוון גדלים וסגירות. פתרון אידיאלי לקו ייצור מהיר.</p>
<a href="products.html" class="card-link">
ראו דוגמאות
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</article>
<article class="expertise-card reveal-slide">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<ellipse cx="32" cy="48" rx="20" ry="6" stroke="currentColor" stroke-width="2"/>
<path d="M12 48V28c0-8.837 8.954-16 20-16s20 7.163 20 16v20" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="32" r="3" fill="currentColor"/>
<circle cx="40" cy="28" r="3" fill="currentColor"/>
<circle cx="32" cy="38" r="2" fill="currentColor"/>
</svg>
<div class="card-content">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<rect x="16" y="12" width="32" height="44" rx="4" stroke="currentColor" stroke-width="2"/>
<path d="M24 12V8a8 8 0 1116 0v4" stroke="currentColor" stroke-width="2"/>
<circle cx="32" cy="36" r="8" stroke="currentColor" stroke-width="2"/>
<path d="M32 32v8M28 36h8" stroke="currentColor" stroke-width="2"/>
</svg>
</div>
<h3 class="card-title">היגיינה וניקוי</h3>
<p class="card-desc">אריזות עמידות לחומרי ניקוי, מוצרי היגיינה וקוסמטיקה. עמידות כימית גבוהה ואיכות הדפסה מעולה.</p>
<a href="products.html" class="card-link">
לפרטים נוספים
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</div>
<h3 class="card-title">פירות וירקות</h3>
<p class="card-desc">אריזות ייעודיות לתוצרת חקלאית טרייה. מיקרו-ניקוב מבוקר, שקיפות גבוהה ועמידות בתנאי קירור.</p>
<a href="products.html" class="card-link">
לפתרונות חקלאות
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</article>
<article class="expertise-card glass-card reveal-slide" data-tilt>
<div class="card-image">
<img
src="https://images.unsplash.com/photo-1604719312566-8912e9227c6a?auto=format&fit=crop&w=600&q=80"
alt="שקיות Stand-up pouches"
loading="lazy"
>
<div class="card-image-overlay"></div>
</div>
<div class="card-content">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<path d="M12 52V20a4 4 0 014-4h32a4 4 0 014 4v32" stroke="currentColor" stroke-width="2"/>
<path d="M8 52h48M20 16V8M44 16V8" stroke="currentColor" stroke-width="2"/>
<rect x="24" y="28" width="16" height="12" rx="2" stroke="currentColor" stroke-width="2"/>
</svg>
</div>
<h3 class="card-title">שקיות מוכנות</h3>
<p class="card-desc">Stand-up pouches, Doypack ושקיות מוכנות במגוון גדלים וסגירות. פתרון אידיאלי לקו ייצור מהיר.</p>
<a href="products.html" class="card-link">
ראו דוגמאות
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</div>
</article>
<article class="expertise-card glass-card reveal-slide" data-tilt>
<div class="card-image">
<img
src="https://images.unsplash.com/photo-1610348725531-843dff563e2c?auto=format&fit=crop&w=600&q=80"
alt="ירקות ופירות ארוזים"
loading="lazy"
>
<div class="card-image-overlay"></div>
</div>
<div class="card-content">
<div class="card-icon" aria-hidden="true">
<svg viewBox="0 0 64 64" fill="none">
<ellipse cx="32" cy="48" rx="20" ry="6" stroke="currentColor" stroke-width="2"/>
<path d="M12 48V28c0-8.837 8.954-16 20-16s20 7.163 20 16v20" stroke="currentColor" stroke-width="2"/>
<circle cx="24" cy="32" r="3" fill="currentColor"/>
<circle cx="40" cy="28" r="3" fill="currentColor"/>
<circle cx="32" cy="38" r="2" fill="currentColor"/>
</svg>
</div>
<h3 class="card-title">פירות וירקות</h3>
<p class="card-desc">אריזות ייעודיות לתוצרת חקלאית טרייה. מיקרו-ניקוב מבוקר, שקיפות גבוהה ועמידות בתנאי קירור.</p>
<a href="products.html" class="card-link">
לפתרונות חקלאות
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
</a>
</div>
</article>
</div>
</div>
</section>
<section class="about-preview" aria-labelledby="about-preview-heading">
<div class="container">
<div class="about-preview-grid">
<div class="about-image-wrapper reveal-fade">
<div class="about-image-frame">
<img
src="https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=600&q=80"
alt="איש מקצוע בתעשייה"
loading="lazy"
class="about-image"
>
<div class="about-image-decoration"></div>
</div>
<div class="about-experience-badge">
<span class="experience-number" data-count="18">0</span>
<span class="experience-plus">+</span>
<span class="experience-text">שנות<br>ניסיון</span>
</div>
</div>
<div class="about-content reveal-fade">
<span class="section-tag">
<span class="tag-icon">◈</span>
אודות
</span>
<h2 id="about-preview-heading" class="section-title">עמוס רוזמרין</h2>
<p class="about-subtitle gradient-text">מהנדס אריזה מומחה</p>
<p class="about-text">שמי עמוס רוזמרין, ואני מהנדס ייצור עצמאי המתמחה בפיתוח, התאמה ושיפור פתרונות אריזה גמישה וקופסאות קרטון לתעשיות המזון והחקלאות.</p>
<p class="about-text">המשימה שלי היא להבטיח אריזה אמינה, יעילה וחסכונית — המשמרת את איכות המוצר, עומדת בתקנים ומותאמת לקו הייצור שלכם.</p>
<div class="about-specialties">
<div class="specialty-item">
<span class="specialty-icon">????</span>
<span>דיוק והתאמה</span>
</div>
<div class="specialty-item">
<span class="specialty-icon">????</span>
<span>ייצור מתקדם</span>
</div>
<div class="specialty-item">
<span class="specialty-icon">????</span>
<span>ידידות לסביבה</span>
</div>
</div>
<a href="about.html" class="btn btn-secondary btn-glass">קראו עוד עליי</a>
</div>
</div>
</div>
</section>
@@ -177,62 +288,81 @@
<div class="container">
<div class="tech-grid">
<div class="tech-visual reveal-fade" aria-hidden="true">
<svg class="tech-diagram" viewBox="0 0 400 400" fill="none">
<defs>
<linearGradient id="layerGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#0ea5e9;stop-opacity:0.8"/>
<stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:0.3"/>
</linearGradient>
<linearGradient id="layerGrad2" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#d4af37;stop-opacity:0.6"/>
<stop offset="100%" style="stop-color:#d4af37;stop-opacity:0.2"/>
</linearGradient>
</defs>
<g class="layers-animation">
<rect x="50" y="60" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-1"/>
<rect x="50" y="90" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-2"/>
<rect x="50" y="120" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-3"/>
<rect x="50" y="150" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-4"/>
<rect x="50" y="180" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-5"/>
<rect x="50" y="210" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-6"/>
<rect x="50" y="240" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-7"/>
<rect x="50" y="270" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-8"/>
<rect x="50" y="300" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-9"/>
</g>
<text x="200" y="370" text-anchor="middle" fill="#fff" font-size="14" opacity="0.7">PE • PP • PET • PA • AL • EVOH • PLA</text>
</svg>
<div class="tech-image-wrapper">
<img
src="https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=800&q=80"
alt="טכנולוגיית שיחול מתקדמת"
loading="lazy"
class="tech-image"
>
<div class="tech-image-overlay"></div>
</div>
<div class="layers-visual">
<div class="layer-bar" style="--delay: 0.1s;"></div>
<div class="layer-bar" style="--delay: 0.2s;"></div>
<div class="layer-bar" style="--delay: 0.3s;"></div>
<div class="layer-bar" style="--delay: 0.4s;"></div>
<div class="layer-bar" style="--delay: 0.5s;"></div>
<div class="layer-bar" style="--delay: 0.6s;"></div>
<div class="layer-bar" style="--delay: 0.7s;"></div>
<div class="layer-bar" style="--delay: 0.8s;"></div>
<div class="layer-bar" style="--delay: 0.9s;"></div>
</div>
</div>
<div class="tech-content">
<span class="section-tag reveal-fade">טכנולוגיה מתקדמת</span>
<h2 id="tech-heading" class="section-title reveal-fade">שיחול עד 9 שכבות</h2>
<span class="section-tag reveal-fade">
<span class="tag-icon">◈</span>
טכנולוגיה מתקדמת
</span>
<h2 id="tech-heading" class="section-title reveal-fade gradient-text">שיחול עד 9 שכבות</h2>
<p class="tech-desc reveal-fade">אנו מייצרים יריעות בנות 9 שכבות בעלות חסם גבוה על בסיס PA ו-EVOH, ומספקים פתרונות אריזה מלאים למוצרים הדורשים חסם גבוה כגון בשר ומוצרי חלב.</p>
<ul class="tech-features">
<li class="reveal-fade">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
<div class="feature-icon-wrapper">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
</div>
<span>הדפסה עד 10 צבעים באיכות HD</span>
<div class="feature-progress">
<div class="progress-bar" style="--width: 100%;"></div>
</div>
</li>
<li class="reveal-fade">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
<div class="feature-icon-wrapper">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
</div>
<span>גלופות HD NX ללא שפכים</span>
<div class="feature-progress">
<div class="progress-bar" style="--width: 90%;"></div>
</div>
</li>
<li class="reveal-fade">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
<div class="feature-icon-wrapper">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
</div>
<span>ידידותי לסביבה</span>
<div class="feature-progress">
<div class="progress-bar" style="--width: 85%;"></div>
</div>
</li>
<li class="reveal-fade">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
<div class="feature-icon-wrapper">
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M20 6L9 17l-5-5"/>
</svg>
</div>
<span>מחירים תחרותיים</span>
<div class="feature-progress">
<div class="progress-bar" style="--width: 95%;"></div>
</div>
</li>
</ul>
<a href="technology.html" class="btn btn-primary reveal-fade">עוד על הטכנולוגיה</a>
<a href="technology.html" class="btn btn-primary btn-glow reveal-fade">עוד על הטכנולוגיה</a>
</div>
</div>
</div>
@@ -241,36 +371,93 @@
<section class="clients-preview" aria-labelledby="clients-heading">
<div class="container">
<header class="section-header reveal-fade">
<span class="section-tag">לקוחות</span>
<h2 id="clients-heading" class="section-title">לקוחות שסומכים עלינו</h2>
<span class="section-tag">
<span class="tag-icon">◈</span>
לקוחות
</span>
<h2 id="clients-heading" class="section-title gradient-text">לקוחות שסומכים עלינו</h2>
<p class="section-desc">שיתופי פעולה ארוכי טווח עם מותגים מובילים בתעשיית המזון הישראלית</p>
</header>
<div class="clients-grid reveal-fade">
<div class="client-logo">מאפיית ברמן</div>
<div class="client-logo">דגנית</div>
<div class="client-logo">חסלט</div>
<div class="client-logo">יבולי הכפר</div>
<div class="client-logo">אסיף</div>
<div class="client-logo">חטיפי העמק</div>
<div class="client-logo">פרג</div>
<div class="client-logo">שיבולים</div>
<div class="client-logo">מאיר בייגל</div>
<div class="client-logo">גילרו</div>
<div class="clients-logos-grid reveal-fade">
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ב</span>
<span class="logo-name">מאפיית ברמן</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ד</span>
<span class="logo-name">דגנית</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ח</span>
<span class="logo-name">חסלט</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">י</span>
<span class="logo-name">יבולי הכפר</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">א</span>
<span class="logo-name">אסיף</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ח</span>
<span class="logo-name">חטיפי העמק</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">פ</span>
<span class="logo-name">פרג</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ש</span>
<span class="logo-name">שיבולים</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">מ</span>
<span class="logo-name">מאיר בייגל</span>
</div>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ג</span>
<span class="logo-name">גילרו</span>
</div>
</div>
</div>
<div class="clients-cta reveal-fade">
<a href="clients.html" class="btn btn-secondary">לכל הלקוחות</a>
<a href="clients.html" class="btn btn-secondary btn-glass">לכל הלקוחות</a>
</div>
</div>
</section>
<section class="cta-section" aria-labelledby="cta-heading">
<div class="cta-bg" aria-hidden="true">
<div class="cta-gradient-orb cta-orb-1"></div>
<div class="cta-gradient-orb cta-orb-2"></div>
</div>
<div class="container">
<div class="cta-content reveal-fade">
<h2 id="cta-heading" class="cta-title">מחפשים פתרון אריזה לקו הייצור שלכם?</h2>
<h2 id="cta-heading" class="cta-title gradient-text">מחפשים פתרון אריזה לקו הייצור שלכם?</h2>
<p class="cta-desc">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם אישית</p>
<div class="cta-actions">
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
<a href="tel:054-818-1092" class="btn btn-outline btn-large">
<a href="contact.html" class="btn btn-primary btn-large btn-glow">בואו נדבר</a>
<a href="tel:054-818-1092" class="btn btn-outline btn-large btn-glass">
<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>
@@ -283,6 +470,7 @@
</main>
<footer class="site-footer">
<div class="footer-glow" aria-hidden="true"></div>
<div class="container">
<div class="footer-grid">
<div class="footer-brand">