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

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

### Hero Sectio
This commit is contained in:
2026-10-11 16:57:28 +00:00
parent f3497f0671
commit c12e1c5dbd
8 changed files with 787 additions and 1177 deletions
+43 -70
View File
@@ -14,7 +14,7 @@
<body>
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<div class="particles-container" aria-hidden="true">
<div class="particles-bg" aria-hidden="true">
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
@@ -52,11 +52,8 @@
<main id="main-content">
<section class="page-hero">
<div class="container">
<span class="section-tag reveal-fade">
<span class="tag-icon">◈</span>
לקוחות
</span>
<h1 class="page-title reveal-fade gradient-text">לקוחות שסומכים עלינו</h1>
<span class="section-tag reveal-fade">לקוחות</span>
<h1 class="page-title gradient-text reveal-fade">לקוחות שסומכים עלינו</h1>
<p class="page-subtitle reveal-fade">שיתופי פעולה ארוכי טווח עם מותגים מובילים בתעשייה הישראלית</p>
</div>
</section>
@@ -64,66 +61,46 @@
<section class="clients-showcase" aria-labelledby="clients-list-heading">
<h2 id="clients-list-heading" class="visually-hidden">רשימת לקוחות</h2>
<div class="container">
<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 class="clients-logo-grid reveal-fade">
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">ב</div>
<span class="logo-name">מאפיית ברמן</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ד</span>
<span class="logo-name">דגנית</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">ד</div>
<span class="logo-name">דגנית</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ח</span>
<span class="logo-name">חסלט</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">ח</div>
<span class="logo-name">חסלט</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">י</span>
<span class="logo-name">יבולי הכפר</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">י</div>
<span class="logo-name">יבולי הכפר</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">א</span>
<span class="logo-name">אסיף</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">א</div>
<span class="logo-name">אסיף</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ח</span>
<span class="logo-name">חטיפי העמק</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">ח</div>
<span class="logo-name">חטיפי העמק</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">פ</span>
<span class="logo-name">פרג</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">פ</div>
<span class="logo-name">פרג</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ש</span>
<span class="logo-name">שיבולים</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">ש</div>
<span class="logo-name">שיבולים</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">מ</span>
<span class="logo-name">מאיר בייגל</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">מ</div>
<span class="logo-name">מאיר בייגל</span>
</div>
<div class="client-logo-card" data-tilt>
<div class="logo-inner">
<span class="logo-letter">ג</span>
<span class="logo-name">גילרו</span>
</div>
<div class="client-logo-card glass-card" data-tilt>
<div class="logo-letter">ג</div>
<span class="logo-name">גילרו</span>
</div>
</div>
</div>
@@ -132,14 +109,11 @@
<section class="industries" aria-labelledby="industries-heading">
<div class="container">
<header class="section-header reveal-fade">
<span class="section-tag">
<span class="tag-icon">◈</span>
תעשיות
</span>
<span class="section-tag">תעשיות</span>
<h2 id="industries-heading" class="section-title gradient-text">אנחנו עובדים עם</h2>
</header>
<div class="industries-grid">
<div class="industry-card reveal-slide glass-card">
<div class="industry-card reveal-slide">
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<circle cx="24" cy="20" r="12"/>
<path d="M12 44c0-6.627 5.373-12 12-12s12 5.373 12 12"/>
@@ -147,7 +121,7 @@
</svg>
<span>תעשיית המזון</span>
</div>
<div class="industry-card reveal-slide glass-card">
<div class="industry-card reveal-slide">
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<ellipse cx="24" cy="38" rx="16" ry="6"/>
<path d="M8 38V20c0-8 7.2-16 16-16s16 8 16 16v18"/>
@@ -155,7 +129,7 @@
</svg>
<span>חקלאות</span>
</div>
<div class="industry-card reveal-slide glass-card">
<div class="industry-card reveal-slide">
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<rect x="12" y="8" width="24" height="36" rx="4"/>
<circle cx="24" cy="28" r="8"/>
@@ -163,7 +137,7 @@
</svg>
<span>קוסמטיקה</span>
</div>
<div class="industry-card reveal-slide glass-card">
<div class="industry-card reveal-slide">
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<rect x="8" y="16" width="32" height="24" rx="4"/>
<path d="M16 16V12a8 8 0 1116 0v4"/>
@@ -171,7 +145,7 @@
</svg>
<span>חומרי ניקוי</span>
</div>
<div class="industry-card reveal-slide glass-card">
<div class="industry-card reveal-slide">
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M8 40V16l16-8 16 8v24"/>
<rect x="18" y="28" width="12" height="12"/>
@@ -185,12 +159,12 @@
<section class="cta-section" aria-labelledby="clients-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 class="cta-gradient-orb"></div>
<div class="cta-gradient-orb secondary"></div>
</div>
<div class="container">
<div class="cta-content reveal-fade">
<h2 id="clients-cta-heading" class="cta-title gradient-text">רוצים להצטרף לרשימת הלקוחות?</h2>
<h2 id="clients-cta-heading" class="cta-title">רוצים להצטרף לרשימת הלקוחות?</h2>
<p class="cta-desc">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם</p>
<a href="contact.html" class="btn btn-primary btn-large btn-glow">בואו נדבר</a>
</div>
@@ -199,7 +173,6 @@
</main>
<footer class="site-footer">
<div class="footer-glow" aria-hidden="true"></div>
<div class="container">
<div class="footer-grid">
<div class="footer-brand">