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

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

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

### Hero Sectio
This commit is contained in:
ccadmingit1
2026-10-11 16:57:28 +00:00
parent f3497f0671
commit c12e1c5dbd
8 changed files with 787 additions and 1177 deletions
Download Patch File Download Diff File Expand all files Collapse all files
products.html
+24 -41
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>
@@ -65,16 +62,12 @@
<h2 id="products-heading" class="visually-hidden">קטגוריות מוצרים</h2>
<div class="container">
<div class="products-grid">
<article class="product-card product-featured reveal-slide glass-card" data-tilt>
<article class="product-card product-featured reveal-slide" data-tilt>
<div class="product-visual">
<img
src="https://images.unsplash.com/photo-1621939514649-280e2ee25f60?auto=format&fit=crop&w=600&q=80"
alt="אריזות מזון גמישות"
loading="lazy"
>
<img src="https://images.unsplash.com/photo-1621939514649-280e2ee25f60?auto=format&fit=crop&w=800&q=80" alt="אריזות מזון גמישות" loading="lazy">
</div>
<div class="product-content">
<h3 class="product-title gradient-text">אריזות למזון</h3>
<h3 class="product-title">אריזות למזון</h3>
<p class="product-desc">פתרונות אריזה מתקדמים לתעשיית המזון עם חסם גבוה לשמירה על טריות ואיכות המוצר.</p>
<ul class="product-list">
<li>חטיפים ואגוזים</li>
@@ -89,13 +82,9 @@
</div>
</article>
<article class="product-card reveal-slide glass-card" data-tilt>
<article class="product-card reveal-slide" data-tilt>
<div class="product-visual">
<img
src="https://images.unsplash.com/photo-1583947215259-38e31be8751f?auto=format&fit=crop&w=600&q=80"
alt="מוצרי היגיינה וניקיון"
loading="lazy"
>
<img src="https://images.unsplash.com/photo-1556227702-d1e4e7b5c232?auto=format&fit=crop&w=600&q=80" alt="מוצרי ניקיון ארוזים" loading="lazy">
</div>
<div class="product-content">
<h3 class="product-title">היגיינה וחומרי ניקוי</h3>
@@ -109,13 +98,9 @@
</div>
</article>
<article class="product-card reveal-slide glass-card" data-tilt>
<article class="product-card reveal-slide" data-tilt>
<div class="product-visual">
<img
src="https://images.unsplash.com/photo-1604719312566-8912e9227c6a?auto=format&fit=crop&w=600&q=80"
alt="שקיות Stand-up pouches"
loading="lazy"
>
<img src="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=600&q=80" alt="שקיות עומדות" loading="lazy">
</div>
<div class="product-content">
<h3 class="product-title">שקיות מוכנות</h3>
@@ -129,13 +114,9 @@
</div>
</article>
<article class="product-card reveal-slide glass-card" data-tilt>
<article class="product-card reveal-slide" data-tilt>
<div class="product-visual">
<img
src="https://images.unsplash.com/photo-1610348725531-843dff563e2c?auto=format&fit=crop&w=600&q=80"
alt="ירקות ופירות ארוזים"
loading="lazy"
>
<img src="https://images.unsplash.com/photo-1540420773420-3366772f4999?auto=format&fit=crop&w=600&q=80" alt="ירקות ארוזים" loading="lazy">
</div>
<div class="product-content">
<h3 class="product-title">פירות וירקות</h3>
@@ -149,13 +130,16 @@
</div>
</article>
<article class="product-card reveal-slide glass-card" data-tilt>
<article class="product-card reveal-slide" data-tilt>
<div class="product-visual">
<img
src="https://images.unsplash.com/photo-1607166452427-7e4477079cb9?auto=format&fit=crop&w=600&q=80"
alt="קופסאות קרטון מעוצבות"
loading="lazy"
>
<svg viewBox="0 0 300 200" fill="none">
<rect width="300" height="200" fill="#16213e"/>
<path d="M80 50 L220 50 L220 150 L80 150 Z" fill="none" stroke="#0ea5e9" stroke-width="2"/>
<path d="M80 50 L100 30 L240 30 L240 130 L220 150" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
<path d="M220 50 L240 30" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
<rect x="100" y="70" width="80" height="60" fill="none" stroke="#d4af37" stroke-width="1" opacity="0.5"/>
<text x="150" y="105" text-anchor="middle" fill="#d4af37" font-size="12" opacity="0.8">לוגו</text>
</svg>
</div>
<div class="product-content">
<h3 class="product-title">קופסאות קרטון</h3>
@@ -174,12 +158,12 @@
<section class="cta-section" aria-labelledby="products-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="products-cta-heading" class="cta-title gradient-text">מחפשים פתרון אריזה מותאם?</h2>
<h2 id="products-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>
@@ -188,7 +172,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">