AI update: שדרוג ויזואלי מקיף לאתר עמוס רוזמרין - מהנדס אריזה:
## 1. תמונות אמיתיות (הוסף מ-Unsplash/Pexels CDN): ### Hero Sectio
This commit is contained in:
+55
-50
@@ -14,6 +14,13 @@
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||
|
||||
<div class="particles-container" aria-hidden="true">
|
||||
<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">
|
||||
@@ -45,8 +52,11 @@
|
||||
<main id="main-content">
|
||||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<span class="section-tag reveal-fade">מוצרים</span>
|
||||
<h1 class="page-title reveal-fade">פתרונות אריזה</h1>
|
||||
<span class="section-tag reveal-fade">
|
||||
<span class="tag-icon">◈</span>
|
||||
מוצרים
|
||||
</span>
|
||||
<h1 class="page-title reveal-fade gradient-text">פתרונות אריזה</h1>
|
||||
<p class="page-subtitle reveal-fade">מגוון רחב של פתרונות אריזה גמישה לכל תעשייה</p>
|
||||
</div>
|
||||
</section>
|
||||
@@ -55,18 +65,16 @@
|
||||
<h2 id="products-heading" class="visually-hidden">קטגוריות מוצרים</h2>
|
||||
<div class="container">
|
||||
<div class="products-grid">
|
||||
<article class="product-card product-featured reveal-slide">
|
||||
<div class="product-visual" aria-hidden="true">
|
||||
<svg viewBox="0 0 300 200" fill="none">
|
||||
<rect width="300" height="200" fill="#16213e"/>
|
||||
<rect x="80" y="30" width="140" height="140" rx="8" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||
<path d="M100 50h100M100 70h80M100 90h60" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||
<circle cx="150" cy="130" r="20" fill="#0ea5e9" opacity="0.3"/>
|
||||
<path d="M140 130l8 8 16-16" stroke="#0ea5e9" stroke-width="2"/>
|
||||
</svg>
|
||||
<article class="product-card product-featured reveal-slide glass-card" 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"
|
||||
>
|
||||
</div>
|
||||
<div class="product-content">
|
||||
<h3 class="product-title">אריזות למזון</h3>
|
||||
<h3 class="product-title gradient-text">אריזות למזון</h3>
|
||||
<p class="product-desc">פתרונות אריזה מתקדמים לתעשיית המזון עם חסם גבוה לשמירה על טריות ואיכות המוצר.</p>
|
||||
<ul class="product-list">
|
||||
<li>חטיפים ואגוזים</li>
|
||||
@@ -81,14 +89,13 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="product-card reveal-slide">
|
||||
<div class="product-visual" aria-hidden="true">
|
||||
<svg viewBox="0 0 300 200" fill="none">
|
||||
<rect width="300" height="200" fill="#16213e"/>
|
||||
<rect x="110" y="40" width="80" height="120" rx="4" fill="none" stroke="#d4af37" stroke-width="2"/>
|
||||
<ellipse cx="150" cy="50" rx="30" ry="10" stroke="#d4af37" stroke-width="2"/>
|
||||
<path d="M120 80h60M120 100h40M120 120h50" stroke="#d4af37" stroke-width="1" opacity="0.5"/>
|
||||
</svg>
|
||||
<article class="product-card reveal-slide glass-card" 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"
|
||||
>
|
||||
</div>
|
||||
<div class="product-content">
|
||||
<h3 class="product-title">היגיינה וחומרי ניקוי</h3>
|
||||
@@ -102,15 +109,13 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="product-card reveal-slide">
|
||||
<div class="product-visual" aria-hidden="true">
|
||||
<svg viewBox="0 0 300 200" fill="none">
|
||||
<rect width="300" height="200" fill="#16213e"/>
|
||||
<path d="M110 160 L110 60 Q110 40 130 40 L170 40 Q190 40 190 60 L190 160" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||
<path d="M100 160 L200 160" stroke="#0ea5e9" stroke-width="2"/>
|
||||
<ellipse cx="150" cy="50" rx="25" ry="8" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||
<path d="M130 80h40M130 100h30M130 120h35" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||
</svg>
|
||||
<article class="product-card reveal-slide glass-card" 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"
|
||||
>
|
||||
</div>
|
||||
<div class="product-content">
|
||||
<h3 class="product-title">שקיות מוכנות</h3>
|
||||
@@ -124,16 +129,13 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="product-card reveal-slide">
|
||||
<div class="product-visual" aria-hidden="true">
|
||||
<svg viewBox="0 0 300 200" fill="none">
|
||||
<rect width="300" height="200" fill="#16213e"/>
|
||||
<ellipse cx="150" cy="100" rx="60" ry="50" fill="none" stroke="#d4af37" stroke-width="2"/>
|
||||
<circle cx="130" cy="85" r="8" fill="#d4af37" opacity="0.4"/>
|
||||
<circle cx="160" cy="95" r="10" fill="#d4af37" opacity="0.3"/>
|
||||
<circle cx="145" cy="115" r="6" fill="#d4af37" opacity="0.5"/>
|
||||
<path d="M90 100h120" stroke="#d4af37" stroke-width="1" stroke-dasharray="4 4" opacity="0.3"/>
|
||||
</svg>
|
||||
<article class="product-card reveal-slide glass-card" 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"
|
||||
>
|
||||
</div>
|
||||
<div class="product-content">
|
||||
<h3 class="product-title">פירות וירקות</h3>
|
||||
@@ -147,15 +149,13 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="product-card reveal-slide">
|
||||
<div class="product-visual" aria-hidden="true">
|
||||
<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="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||
</svg>
|
||||
<article class="product-card reveal-slide glass-card" 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"
|
||||
>
|
||||
</div>
|
||||
<div class="product-content">
|
||||
<h3 class="product-title">קופסאות קרטון</h3>
|
||||
@@ -173,17 +173,22 @@
|
||||
</section>
|
||||
|
||||
<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>
|
||||
<div class="container">
|
||||
<div class="cta-content reveal-fade">
|
||||
<h2 id="products-cta-heading" class="cta-title">מחפשים פתרון אריזה מותאם?</h2>
|
||||
<h2 id="products-cta-heading" class="cta-title gradient-text">מחפשים פתרון אריזה מותאם?</h2>
|
||||
<p class="cta-desc">ספרו לנו על הצרכים שלכם ונציע את הפתרון המושלם</p>
|
||||
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
|
||||
<a href="contact.html" class="btn btn-primary btn-large btn-glow">בואו נדבר</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-glow" aria-hidden="true"></div>
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
|
||||
Reference in New Issue
Block a user