Files
site-1a835/index.html
T
ccadmingit1 c12e1c5dbd AI update: שדרוג ויזואלי מקיף לאתר עמוס רוזמרין - מהנדס אריזה:
## 1. תמונות אמיתיות (הוסף מ-Unsplash/Pexels CDN):

### Hero Sectio
2026-10-11 16:57:28 +00:00

437 lines
23 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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="עמוס רוזמרין - מהנדס ייצור עצמאי מאז 2006. ייבוא, פיתוח והתאמת פתרונות אריזה גמישה וקופסאות קרטון לתעשייה הישראלית.">
<meta property="og:title" content="עמוס רוזמרין - מהנדס אריזה">
<meta property="og:description" content="פתרונות אריזה גמישה לתעשייה הישראלית. ניסיון של למעלה מ-18 שנה.">
<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'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></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&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<!-- Floating Particles Background -->
<div class="particles-bg" 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">
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
<circle cx="24" cy="22" r="3" fill="currentColor"/>
</svg>
<span class="logo-text">עמוס רוזמרין</span>
</a>
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
<ul class="nav-list">
<li><a href="index.html" class="nav-link active" aria-current="page">בית</a></li>
<li><a href="about.html" class="nav-link">אודות</a></li>
<li><a href="products.html" class="nav-link">מוצרים</a></li>
<li><a href="technology.html" class="nav-link">טכנולוגיה</a></li>
<li><a href="clients.html" class="nav-link">לקוחות</a></li>
<li><a href="contact.html" class="nav-link nav-cta">דברו איתי</a></li>
</ul>
</nav>
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
</div>
</header>
<main id="main-content">
<section class="hero">
<div class="hero-bg" aria-hidden="true">
<img src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1920&q=80" alt="" class="hero-bg-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">
<span class="badge-pulse"></span>
מהנדס ייצור עצמאי מאז 2006
</div>
<h1 class="hero-title reveal-fade">
<span class="title-line">פתרונות אריזה גמישה</span>
<span class="title-line 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 btn-glow">
<span>בואו נדבר</span>
<span class="btn-ripple"></span>
</a>
<a href="products.html" class="btn btn-secondary">לכל המוצרים</a>
</div>
<div class="hero-stats reveal-fade">
<div class="stat">
<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" data-count="9">0</span>
<span class="stat-label">שכבות שיחול</span>
</div>
<div class="stat">
<span class="stat-number" data-count="10">0</span>
<span class="stat-label">צבעי הדפסה</span>
</div>
</div>
</div>
<div class="scroll-indicator" aria-hidden="true">
<div class="mouse">
<div class="wheel"></div>
</div>
<span>גללו למטה</span>
</div>
</section>
<div class="wave-divider" aria-hidden="true">
<svg viewBox="0 0 1440 120" preserveAspectRatio="none">
<path d="M0,60 C360,120 720,0 1080,60 C1260,90 1380,90 1440,60 L1440,120 L0,120 Z" fill="var(--color-bg-deep)"/>
</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 gradient-text">פתרונות אריזה לכל תעשייה</h2>
</header>
<div class="expertise-grid">
<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>
<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>
</article>
<article class="expertise-card glass-card reveal-slide" data-tilt>
<div class="card-image">
<img src="https://images.unsplash.com/photo-1556227702-d1e4e7b5c232?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">
<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>
</article>
<article class="expertise-card glass-card reveal-slide" data-tilt>
<div class="card-image">
<img src="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?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">
<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-1540420773420-3366772f4999?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-preview-image reveal-fade">
<div class="profile-frame">
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=500&q=80" alt="עמוס רוזמרין - מהנדס אריזה" loading="lazy">
<div class="profile-glow"></div>
</div>
<div class="experience-badge glass-card">
<span class="exp-number">18+</span>
<span class="exp-text">שנות ניסיון</span>
</div>
</div>
<div class="about-preview-content">
<span class="section-tag reveal-fade">אודות</span>
<h2 id="about-preview-heading" class="section-title reveal-fade">עמוס רוזמרין</h2>
<p class="about-preview-desc reveal-fade">מהנדס ייצור עצמאי המתמחה בפיתוח, התאמה ושיפור פתרונות אריזה גמישה וקופסאות קרטון לתעשיות המזון והחקלאות, ההיגיינה, הקוסמטיקה וחומרי הניקוי.</p>
<div class="expertise-badges reveal-fade">
<div class="expertise-badge">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<span>אריזות גמישות</span>
</div>
<div class="expertise-badge">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<span>קרטון מעוצב</span>
</div>
<div class="expertise-badge">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<span>ייעוץ טכני</span>
</div>
</div>
<a href="about.html" class="btn btn-primary reveal-fade">קראו עוד עליי</a>
</div>
</div>
</div>
</section>
<section class="tech-highlight" aria-labelledby="tech-heading">
<div class="container">
<div class="tech-grid">
<div class="tech-visual reveal-fade" aria-hidden="true">
<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">
<div class="tech-image-overlay"></div>
</div>
<div class="layers-visual">
<div class="layer-bar" style="--delay: 0"></div>
<div class="layer-bar" style="--delay: 1"></div>
<div class="layer-bar" style="--delay: 2"></div>
<div class="layer-bar" style="--delay: 3"></div>
<div class="layer-bar" style="--delay: 4"></div>
<div class="layer-bar" style="--delay: 5"></div>
<div class="layer-bar" style="--delay: 6"></div>
<div class="layer-bar" style="--delay: 7"></div>
<div class="layer-bar" style="--delay: 8"></div>
</div>
</div>
<div class="tech-content">
<span class="section-tag reveal-fade">טכנולוגיה מתקדמת</span>
<h2 id="tech-heading" class="section-title gradient-text reveal-fade">שיחול עד 9 שכבות</h2>
<p class="tech-desc reveal-fade">אנו מייצרים יריעות בנות 9 שכבות בעלות חסם גבוה על בסיס PA ו-EVOH, ומספקים פתרונות אריזה מלאים למוצרים הדורשים חסם גבוה כגון בשר ומוצרי חלב.</p>
<ul class="tech-features">
<li class="reveal-fade">
<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" style="--progress: 100%"></div>
</li>
<li class="reveal-fade">
<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" style="--progress: 100%"></div>
</li>
<li class="reveal-fade">
<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" style="--progress: 100%"></div>
</li>
<li class="reveal-fade">
<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" style="--progress: 100%"></div>
</li>
</ul>
<a href="technology.html" class="btn btn-primary btn-glow reveal-fade">עוד על הטכנולוגיה</a>
</div>
</div>
</div>
</section>
<div class="wave-divider wave-up" aria-hidden="true">
<svg viewBox="0 0 1440 120" preserveAspectRatio="none">
<path d="M0,60 C360,0 720,120 1080,60 C1260,30 1380,30 1440,60 L1440,0 L0,0 Z" fill="var(--color-bg-deep)"/>
</svg>
</div>
<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 gradient-text">לקוחות שסומכים עלינו</h2>
<p class="section-desc">שיתופי פעולה ארוכי טווח עם מותגים מובילים בתעשיית המזון הישראלית</p>
</header>
<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 glass-card" data-tilt>
<div class="logo-letter">ד</div>
<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 glass-card" data-tilt>
<div class="logo-letter">י</div>
<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 glass-card" data-tilt>
<div class="logo-letter">ח</div>
<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 glass-card" data-tilt>
<div class="logo-letter">ש</div>
<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 glass-card" data-tilt>
<div class="logo-letter">ג</div>
<span class="logo-name">גילרו</span>
</div>
</div>
<div class="clients-cta reveal-fade">
<a href="clients.html" class="btn btn-secondary">לכל הלקוחות</a>
</div>
</div>
</section>
<section class="cta-section" aria-labelledby="cta-heading">
<div class="cta-bg" aria-hidden="true">
<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="cta-heading" class="cta-title">מחפשים פתרון אריזה לקו הייצור שלכם?</h2>
<p class="cta-desc">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם אישית</p>
<div class="cta-actions">
<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">
<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>
054-818-1092
</a>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
</div>
<nav class="footer-nav" aria-label="ניווט תחתון">
<h4>ניווט</h4>
<ul>
<li><a href="index.html">בית</a></li>
<li><a href="about.html">אודות</a></li>
<li><a href="products.html">מוצרים</a></li>
<li><a href="technology.html">טכנולוגיה</a></li>
<li><a href="clients.html">לקוחות</a></li>
<li><a href="contact.html">צור קשר</a></li>
</ul>
</nav>
<div class="footer-contact">
<h4>צור קשר</h4>
<address>
<p>זרחין 13, רעננה</p>
<p><a href="tel:054-818-1092">054-818-1092</a></p>
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
</address>
</div>
</div>
<div class="footer-bottom">
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>