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

### Hero Sectio
2026-10-11 16:52:56 +00:00

509 lines
26 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-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">
<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-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-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 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" 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 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 class="tag-icon">◈</span>
תחומי התמחות
</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-1583947215259-38e31be8751f?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-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>
<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"
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 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">
<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">
<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">
<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">
<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 btn-glow reveal-fade">עוד על הטכנולוגיה</a>
</div>
</div>
</div>
</section>
<section class="clients-preview" aria-labelledby="clients-heading">
<div class="container">
<header class="section-header reveal-fade">
<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-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 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 gradient-text">מחפשים פתרון אריזה לקו הייצור שלכם?</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 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>
054-818-1092
</a>
</div>
</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">
<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>