Files
est-trade/index.html
T

409 lines
30 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>Est Trade | יבוא ויצוא מקצועי לעסקים</title>
<meta name="description" content="Est Trade – חברת יבוא ויצוא מובילה עם ניסיון של למעלה מ-20 שנה. פתרונות מסחר בינלאומי, מלאי עשיר ושירות אמין.">
<meta property="og:title" content="Est Trade | יבוא ויצוא מקצועי">
<meta property="og:description" content="פתרונות יבוא ויצוא מקצועיים לעסקים">
<meta property="og:type" content="website">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect fill='%230a1628' width='32' height='32' rx='4'/><text x='16' y='22' font-size='18' fill='%23e8732d' text-anchor='middle' font-family='system-ui' font-weight='600'>E</text></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&family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#main-content" class="skip-link" data-lang-he="דלג לתוכן הראשי" data-lang-en="Skip to main content">דלג לתוכן הראשי</a>
<button class="lang-toggle" id="langToggle" aria-label="Switch language">
<span class="lang-toggle-text">EN</span>
<svg class="lang-toggle-icon" viewBox="0 0 24 24" aria-hidden="true">
<circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" fill="none" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<header class="site-header">
<nav class="nav-container">
<a href="index.html" class="logo">
<svg class="logo-icon" viewBox="0 0 48 48" aria-hidden="true">
<rect fill="var(--accent)" width="48" height="48" rx="6"/>
<path d="M12 14h24v4H16v6h18v4H16v6h20v4H12z" fill="var(--bg-dark)"/>
</svg>
<span class="logo-text">Est Trade</span>
</a>
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
<span></span><span></span><span></span>
</button>
<ul class="nav-links">
<li><a href="#about" data-lang-he="מי אנחנו" data-lang-en="About Us">מי אנחנו</a></li>
<li><a href="#services" data-lang-he="תחומי פעילות" data-lang-en="Services">תחומי פעילות</a></li>
<li><a href="#advantages" data-lang-he="יתרונות" data-lang-en="Advantages">יתרונות</a></li>
<li><a href="#testimonials" data-lang-he="לקוחות ממליצים" data-lang-en="Testimonials">לקוחות ממליצים</a></li>
<li><a href="contact.html" class="nav-cta" data-lang-he="צור קשר" data-lang-en="Contact Us">צור קשר</a></li>
</ul>
</nav>
</header>
<main id="main-content">
<section class="hero">
<div class="hero-bg">
<svg class="hero-pattern" viewBox="0 0 800 600" preserveAspectRatio="xMidYMid slice" aria-hidden="true">
<defs>
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0a1628"/>
<stop offset="100%" stop-color="#1a2d4a"/>
</linearGradient>
<pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse">
<path d="M60 0v60H0" fill="none" stroke="rgba(232,115,45,0.08)" stroke-width="1"/>
</pattern>
</defs>
<rect fill="url(#heroGrad)" width="100%" height="100%"/>
<rect fill="url(#grid)" width="100%" height="100%"/>
<circle cx="650" cy="100" r="200" fill="rgba(232,115,45,0.05)"/>
<circle cx="100" cy="500" r="150" fill="rgba(232,115,45,0.03)"/>
</svg>
</div>
<div class="hero-content">
<h1 class="hero-title">
<span class="hero-title-line" data-lang-he="פתרונות" data-lang-en="Professional">פתרונות</span>
<span class="hero-title-line hero-title-accent" data-lang-he="יבוא ויצוא" data-lang-en="Import & Export">יבוא ויצוא</span>
<span class="hero-title-line" data-lang-he="לעסקים" data-lang-en="Solutions">לעסקים</span>
</h1>
<p class="hero-subtitle" data-lang-he="למעלה מ-20 שנות ניסיון בסחר בינלאומי, מלאי עשיר, לוגיסטיקה יעילה ושירות מקצועי שמבין את הצרכים שלכם." data-lang-en="Over 20 years of international trade experience, extensive inventory, efficient logistics, and professional service that understands your needs.">למעלה מ-20 שנות ניסיון בסחר בינלאומי, מלאי עשיר, לוגיסטיקה יעילה ושירות מקצועי שמבין את הצרכים שלכם.</p>
<div class="hero-actions">
<a href="contact.html" class="btn btn-primary" data-lang-he="בקשת הצעת מחיר" data-lang-en="Request a Quote">בקשת הצעת מחיר</a>
<a href="#about" class="btn btn-secondary" data-lang-he="למידע נוסף" data-lang-en="Learn More">למידע נוסף</a>
</div>
<div class="hero-stats">
<div class="stat-item">
<span class="stat-number">20+</span>
<span class="stat-label" data-lang-he="שנות ניסיון" data-lang-en="Years Experience">שנות ניסיון</span>
</div>
<div class="stat-item">
<span class="stat-number">500+</span>
<span class="stat-label" data-lang-he="לקוחות פעילים" data-lang-en="Active Clients">לקוחות פעילים</span>
</div>
<div class="stat-item">
<span class="stat-number">15K+</span>
<span class="stat-label" data-lang-he="פריטים במלאי" data-lang-en="Items in Stock">פריטים במלאי</span>
</div>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="about-grid">
<div class="about-content">
<span class="section-tag" data-lang-he="מי אנחנו" data-lang-en="About Us">מי אנחנו</span>
<h2 class="section-title" data-lang-he="ניסיון וותק בענף היבוא והיצוא" data-lang-en="Experience and Expertise in Import & Export">ניסיון וותק בענף היבוא והיצוא</h2>
<p class="about-text" data-lang-he="Est Trade הוקמה לפני למעלה משני עשורים מתוך חזון להפוך את עולם הסחר הבינלאומי לנגיש ויעיל עבור עסקים בישראל. מאז, בנינו רשת קשרים בינלאומית רחבה עם יצרנים וספקים מובילים מרחבי העולם." data-lang-en="Est Trade was founded over two decades ago with a vision to make international trade accessible and efficient for businesses in Israel. Since then, we have built an extensive international network with leading manufacturers and suppliers from around the world.">Est Trade הוקמה לפני למעלה משני עשורים מתוך חזון להפוך את עולם הסחר הבינלאומי לנגיש ויעיל עבור עסקים בישראל. מאז, בנינו רשת קשרים בינלאומית רחבה עם יצרנים וספקים מובילים מרחבי העולם.</p>
<p class="about-text" data-lang-he="הצוות המקצועי שלנו מלווה כל לקוח באופן אישי, מאיתור המוצר המתאים ועד להגעתו לפתח העסק. אנחנו גאים באמינות שלנו, בשירות האישי ובמחויבות לעמידה בלוחות זמנים." data-lang-en="Our professional team personally accompanies each client, from finding the right product to its delivery to your business doorstep. We take pride in our reliability, personal service, and commitment to meeting deadlines.">הצוות המקצועי שלנו מלווה כל לקוח באופן אישי, מאיתור המוצר המתאים ועד להגעתו לפתח העסק. אנחנו גאים באמינות שלנו, בשירות האישי ובמחויבות לעמידה בלוחות זמנים.</p>
<ul class="about-list">
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="var(--accent)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
<span data-lang-he="קשרים ישירים עם יצרנים מובילים" data-lang-en="Direct connections with leading manufacturers">קשרים ישירים עם יצרנים מובילים</span>
</li>
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="var(--accent)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
<span data-lang-he="מחסנים מרכזיים עם זמינות גבוהה" data-lang-en="Central warehouses with high availability">מחסנים מרכזיים עם זמינות גבוהה</span>
</li>
<li>
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="var(--accent)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
<span data-lang-he="ליווי מקצועי לאורך כל התהליך" data-lang-en="Professional guidance throughout the process">ליווי מקצועי לאורך כל התהליך</span>
</li>
</ul>
</div>
<div class="about-visual">
<svg class="about-illustration" viewBox="0 0 400 400" aria-hidden="true">
<defs>
<linearGradient id="boxGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="var(--accent)"/>
<stop offset="100%" stop-color="var(--accent-dark)"/>
</linearGradient>
</defs>
<rect x="50" y="180" width="120" height="120" fill="var(--primary)" rx="8" opacity="0.8"/>
<rect x="100" y="130" width="120" height="120" fill="var(--primary-light)" rx="8" opacity="0.6"/>
<rect x="150" y="80" width="120" height="120" fill="url(#boxGrad)" rx="8"/>
<path d="M210 110v70M175 145h70" stroke="var(--bg-dark)" stroke-width="6" stroke-linecap="round"/>
<circle cx="320" cy="320" r="60" fill="none" stroke="var(--accent)" stroke-width="3" stroke-dasharray="8 8"/>
<path d="M280 320h80M320 280v80" stroke="var(--accent)" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</section>
<section id="services" class="services">
<div class="container">
<div class="section-header">
<span class="section-tag" data-lang-he="תחומי פעילות" data-lang-en="Services">תחומי פעילות</span>
<h2 class="section-title" data-lang-he="קטגוריות מוצרים" data-lang-en="Product Categories">קטגוריות מוצרים</h2>
<p class="section-desc" data-lang-he="מגוון רחב של מוצרים ופתרונות לכל תעשייה" data-lang-en="A wide range of products and solutions for every industry">מגוון רחב של מוצרים ופתרונות לכל תעשייה</p>
</div>
<div class="services-grid">
<article class="service-card">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="none" stroke="var(--accent)" stroke-width="2"/>
<path d="M20 32h24M32 20v24" stroke="var(--accent)" stroke-width="3" stroke-linecap="round"/>
<circle cx="32" cy="32" r="8" fill="var(--accent)" opacity="0.3"/>
</svg>
</div>
<h3 class="service-title" data-lang-he="ציוד תעשייתי" data-lang-en="Industrial Equipment">ציוד תעשייתי</h3>
<p class="service-desc" data-lang-he="מכונות, כלי עבודה וציוד לקווי ייצור מהמותגים המובילים בעולם." data-lang-en="Machines, tools, and production line equipment from the world's leading brands.">מכונות, כלי עבודה וציוד לקווי ייצור מהמותגים המובילים בעולם.</p>
</article>
<article class="service-card">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="12" y="20" width="40" height="28" rx="4" fill="none" stroke="var(--accent)" stroke-width="2"/>
<path d="M12 30h40M24 30v18M40 30v18" stroke="var(--accent)" stroke-width="2"/>
<circle cx="32" cy="14" r="6" fill="var(--accent)" opacity="0.3"/>
</svg>
</div>
<h3 class="service-title" data-lang-he="חומרי גלם" data-lang-en="Raw Materials">חומרי גלם</h3>
<p class="service-desc" data-lang-he="מתכות, פלסטיקה, רכיבים כימיים וחומרי בסיס לתעשייה." data-lang-en="Metals, plastics, chemical components, and base materials for industry.">מתכות, פלסטיקה, רכיבים כימיים וחומרי בסיס לתעשייה.</p>
</article>
<article class="service-card">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<path d="M16 48V24l16-12 16 12v24z" fill="none" stroke="var(--accent)" stroke-width="2"/>
<rect x="26" y="34" width="12" height="14" fill="var(--accent)" opacity="0.3"/>
<path d="M20 24h24" stroke="var(--accent)" stroke-width="2"/>
</svg>
</div>
<h3 class="service-title" data-lang-he="ציוד בנייה" data-lang-en="Construction Equipment">ציוד בנייה</h3>
<p class="service-desc" data-lang-he="חומרי בניין, כלים וציוד לקבלנים ולפרויקטים גדולים." data-lang-en="Building materials, tools, and equipment for contractors and large projects.">חומרי בניין, כלים וציוד לקבלנים ולפרויקטים גדולים.</p>
</article>
<article class="service-card">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<ellipse cx="32" cy="32" rx="24" ry="12" fill="none" stroke="var(--accent)" stroke-width="2"/>
<ellipse cx="32" cy="24" rx="24" ry="12" fill="none" stroke="var(--accent)" stroke-width="2"/>
<ellipse cx="32" cy="16" rx="24" ry="12" fill="var(--accent)" opacity="0.2"/>
</svg>
</div>
<h3 class="service-title" data-lang-he="אלקטרוניקה" data-lang-en="Electronics">אלקטרוניקה</h3>
<p class="service-desc" data-lang-he="רכיבים אלקטרוניים, מעגלים ופתרונות טכנולוגיים." data-lang-en="Electronic components, circuits, and technological solutions.">רכיבים אלקטרוניים, מעגלים ופתרונות טכנולוגיים.</p>
</article>
<article class="service-card">
<div class="service-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<path d="M32 8v48M16 20l16 12-16 12M48 20l-16 12 16 12" fill="none" stroke="var(--accent)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h3 class="service-title" data-lang-he="לוגיסטיקה" data-lang-en="Logistics">לוגיסטיקה</h3>
<p class="service-desc" data-lang-he="שירותי שילוח, אחסון והפצה לכל יעד בארץ ובעולם." data-lang-en="Shipping, storage, and distribution services to any destination worldwide.">שירותי שילוח, אחסון והפצה לכל יעד בארץ ובעולם.</p>
</article>
<article class="service-card service-card-cta">
<div class="service-cta-content">
<h3 class="service-title" data-lang-he="לא מצאתם?" data-lang-en="Can't find it?">לא מצאתם?</h3>
<p class="service-desc" data-lang-he="נשמח לעזור לכם למצוא את המוצר המתאים" data-lang-en="We'd be happy to help you find the right product">נשמח לעזור לכם למצוא את המוצר המתאים</p>
<a href="contact.html" class="btn btn-accent" data-lang-he="דברו איתנו" data-lang-en="Talk to Us">דברו איתנו</a>
</div>
</article>
</div>
</div>
</section>
<section id="advantages" class="advantages">
<div class="container">
<div class="section-header">
<span class="section-tag" data-lang-he="למה Est Trade" data-lang-en="Why Est Trade">למה Est Trade</span>
<h2 class="section-title" data-lang-he="היתרונות שלנו" data-lang-en="Our Advantages">היתרונות שלנו</h2>
</div>
<div class="advantages-grid">
<div class="advantage-item">
<div class="advantage-number" aria-hidden="true">01</div>
<div class="advantage-content">
<h3 data-lang-he="אמינות ושקיפות" data-lang-en="Reliability & Transparency">אמינות ושקיפות</h3>
<p data-lang-he="עבודה בשקיפות מלאה, עמידה בהתחייבויות ובניית יחסי אמון ארוכי טווח עם כל לקוח." data-lang-en="Working with full transparency, meeting commitments, and building long-term trust with every client.">עבודה בשקיפות מלאה, עמידה בהתחייבויות ובניית יחסי אמון ארוכי טווח עם כל לקוח.</p>
</div>
</div>
<div class="advantage-item">
<div class="advantage-number" aria-hidden="true">02</div>
<div class="advantage-content">
<h3 data-lang-he="שירות אישי" data-lang-en="Personal Service">שירות אישי</h3>
<p data-lang-he="מנהל לקוח צמוד שמכיר את העסק שלכם ומלווה אתכם בכל שלב." data-lang-en="A dedicated account manager who knows your business and guides you every step of the way.">מנהל לקוח צמוד שמכיר את העסק שלכם ומלווה אתכם בכל שלב.</p>
</div>
</div>
<div class="advantage-item">
<div class="advantage-number" aria-hidden="true">03</div>
<div class="advantage-content">
<h3 data-lang-he="מלאי זמין" data-lang-en="Available Inventory">מלאי זמין</h3>
<p data-lang-he="מחסנים מרכזיים עם אלפי פריטים במלאי לאספקה מיידית." data-lang-en="Central warehouses with thousands of items in stock for immediate supply.">מחסנים מרכזיים עם אלפי פריטים במלאי לאספקה מיידית.</p>
</div>
</div>
<div class="advantage-item">
<div class="advantage-number" aria-hidden="true">04</div>
<div class="advantage-content">
<h3 data-lang-he="לוגיסטיקה יעילה" data-lang-en="Efficient Logistics">לוגיסטיקה יעילה</h3>
<p data-lang-he="מערך הפצה ארצי עם זמני אספקה קצרים ומעקב בזמן אמת." data-lang-en="Nationwide distribution network with short delivery times and real-time tracking.">מערך הפצה ארצי עם זמני אספקה קצרים ומעקב בזמן אמת.</p>
</div>
</div>
</div>
</div>
</section>
<section class="partners">
<div class="container">
<div class="section-header section-header-center">
<span class="section-tag" data-lang-he="שותפים וספקים" data-lang-en="Partners & Suppliers">שותפים וספקים</span>
<h2 class="section-title" data-lang-he="עובדים עם המובילים" data-lang-en="Working with Industry Leaders">עובדים עם המובילים</h2>
</div>
<div class="partners-grid">
<div class="partner-logo">
<svg viewBox="0 0 120 60" role="img" aria-label="GlobalTech Industries">
<rect x="10" y="18" width="44" height="24" rx="2" fill="var(--gray-500)"/>
<rect x="58" y="24" width="52" height="5" rx="2" fill="var(--gray-500)"/>
<rect x="58" y="33" width="36" height="4" rx="2" fill="var(--gray-400)"/>
</svg>
</div>
<div class="partner-logo">
<svg viewBox="0 0 120 60" role="img" aria-label="MetalWorks Pro">
<circle cx="30" cy="30" r="18" fill="none" stroke="var(--gray-500)" stroke-width="3"/>
<path d="M22 30h16M30 22v16" stroke="var(--gray-500)" stroke-width="2"/>
<rect x="56" y="22" width="54" height="6" rx="2" fill="var(--gray-500)"/>
<rect x="56" y="32" width="40" height="5" rx="2" fill="var(--gray-400)"/>
</svg>
</div>
<div class="partner-logo">
<svg viewBox="0 0 120 60" role="img" aria-label="Apex Supply Chain">
<polygon points="30,12 50,48 10,48" fill="var(--gray-500)"/>
<polygon points="30,22 42,44 18,44" fill="var(--bg-light)"/>
<rect x="58" y="26" width="52" height="6" rx="2" fill="var(--gray-500)"/>
</svg>
</div>
<div class="partner-logo">
<svg viewBox="0 0 120 60" role="img" aria-label="EuroTrade GmbH">
<rect x="12" y="16" width="28" height="28" rx="4" fill="var(--gray-500)"/>
<path d="M20 30h12M26 24v12" stroke="var(--bg-light)" stroke-width="2"/>
<rect x="48" y="22" width="60" height="6" rx="2" fill="var(--gray-500)"/>
<rect x="48" y="32" width="44" height="5" rx="2" fill="var(--gray-400)"/>
</svg>
</div>
<div class="partner-logo">
<svg viewBox="0 0 120 60" role="img" aria-label="Pacific Components">
<ellipse cx="30" cy="30" rx="22" ry="16" fill="none" stroke="var(--gray-500)" stroke-width="2.5"/>
<ellipse cx="30" cy="30" rx="10" ry="7" fill="var(--gray-500)"/>
<rect x="60" y="24" width="50" height="5" rx="2" fill="var(--gray-500)"/>
<rect x="60" y="33" width="34" height="4" rx="2" fill="var(--gray-400)"/>
</svg>
</div>
<div class="partner-logo">
<svg viewBox="0 0 120 60" role="img" aria-label="Industrial Solutions">
<path d="M10 44 L24 16 L38 44 L52 16 L66 44" fill="none" stroke="var(--gray-500)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="74" y="26" width="36" height="6" rx="2" fill="var(--gray-500)"/>
</svg>
</div>
</div>
</div>
</section>
<section id="testimonials" class="testimonials">
<div class="container">
<div class="section-header">
<span class="section-tag" data-lang-he="לקוחות ממליצים" data-lang-en="Testimonials">לקוחות ממליצים</span>
<h2 class="section-title" data-lang-he="מה אומרים עלינו" data-lang-en="What Our Clients Say">מה אומרים עלינו</h2>
</div>
<div class="testimonials-grid">
<blockquote class="testimonial-card testimonial-featured">
<div class="testimonial-content">
<svg class="quote-icon" viewBox="0 0 32 32" aria-hidden="true">
<path fill="var(--accent)" opacity="0.4" d="M6 18h6l-2 8h4l4-8V6H6zm14 0h6l-2 8h4l4-8V6H20z"/>
</svg>
<p data-lang-he="עובדים עם Est Trade כבר 8 שנים. האמינות והזמינות שלהם יוצאות דופן. תמיד יודעים שאפשר לסמוך עליהם." data-lang-en="We've been working with Est Trade for 8 years. Their reliability and availability are exceptional. We always know we can count on them.">עובדים עם Est Trade כבר 8 שנים. האמינות והזמינות שלהם יוצאות דופן. תמיד יודעים שאפשר לסמוך עליהם.</p>
</div>
<footer class="testimonial-author">
<div class="author-avatar" data-lang-he="מ.כ" data-lang-en="M.C">מ.כ</div>
<div class="author-info">
<cite data-lang-he="משה כהן" data-lang-en="Moshe Cohen">משה כהן</cite>
<span data-lang-he="מנכ״ל, תעשיות הצפון" data-lang-en="CEO, Northern Industries">מנכ"ל, תעשיות הצפון</span>
</div>
</footer>
</blockquote>
<blockquote class="testimonial-card">
<div class="testimonial-content">
<svg class="quote-icon" viewBox="0 0 32 32" aria-hidden="true">
<path fill="var(--accent)" opacity="0.3" d="M6 18h6l-2 8h4l4-8V6H6zm14 0h6l-2 8h4l4-8V6H20z"/>
</svg>
<p data-lang-he="השירות האישי הוא מה שמבדיל אותם מכולם. מנהל הלקוח שלנו מכיר כל פריט שאנחנו צריכים." data-lang-en="The personal service is what sets them apart. Our account manager knows every item we need.">השירות האישי הוא מה שמבדיל אותם מכולם. מנהל הלקוח שלנו מכיר כל פריט שאנחנו צריכים.</p>
</div>
<footer class="testimonial-author">
<div class="author-avatar" data-lang-he="ש.ל" data-lang-en="S.L">ש.ל</div>
<div class="author-info">
<cite data-lang-he="שרה לוי" data-lang-en="Sarah Levy">שרה לוי</cite>
<span data-lang-he="רכשת ראשית, אלקטרו-מק" data-lang-en="Chief Procurement, Electro-Mac">רכשת ראשית, אלקטרו-מק</span>
</div>
</footer>
</blockquote>
<blockquote class="testimonial-card">
<div class="testimonial-content">
<svg class="quote-icon" viewBox="0 0 32 32" aria-hidden="true">
<path fill="var(--accent)" opacity="0.3" d="M6 18h6l-2 8h4l4-8V6H6zm14 0h6l-2 8h4l4-8V6H20z"/>
</svg>
<p data-lang-he="המחירים תחרותיים, האיכות גבוהה, והכי חשוב – תמיד עונים לטלפון. שותפות עסקית אמיתית." data-lang-en="Competitive prices, high quality, and most importantly – they always answer the phone. A true business partnership.">המחירים תחרותיים, האיכות גבוהה, והכי חשוב – תמיד עונים לטלפון. שותפות עסקית אמיתית.</p>
</div>
<footer class="testimonial-author">
<div class="author-avatar" data-lang-he="י.ב" data-lang-en="Y.B">י.ב</div>
<div class="author-info">
<cite data-lang-he="יוסי ברק" data-lang-en="Yossi Barak">יוסי ברק</cite>
<span data-lang-he="בעלים, ברק מתכות" data-lang-en="Owner, Barak Metals">בעלים, ברק מתכות</span>
</div>
</footer>
</blockquote>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<div class="cta-content">
<h2 class="cta-title" data-lang-he="מוכנים להתחיל?" data-lang-en="Ready to Get Started?">מוכנים להתחיל?</h2>
<p class="cta-text" data-lang-he="השאירו פרטים ונחזור אליכם עם הצעת מחיר מותאמת אישית" data-lang-en="Leave your details and we'll get back to you with a customized quote">השאירו פרטים ונחזור אליכם עם הצעת מחיר מותאמת אישית</p>
<a href="contact.html" class="btn btn-primary btn-large" data-lang-he="בקשת הצעת מחיר" data-lang-en="Request a Quote">בקשת הצעת מחיר</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="index.html" class="logo">
<svg class="logo-icon" viewBox="0 0 48 48" aria-hidden="true">
<rect fill="var(--accent)" width="48" height="48" rx="6"/>
<path d="M12 14h24v4H16v6h18v4H16v6h20v4H12z" fill="var(--bg-dark)"/>
</svg>
<span class="logo-text">Est Trade</span>
</a>
<p class="footer-tagline" data-lang-he="פתרונות יבוא ויצוא מקצועיים לעסקים" data-lang-en="Professional import & export solutions for businesses">פתרונות יבוא ויצוא מקצועיים לעסקים</p>
</div>
<nav class="footer-nav" aria-label="ניווט תחתון">
<h4 data-lang-he="ניווט מהיר" data-lang-en="Quick Navigation">ניווט מהיר</h4>
<ul>
<li><a href="#about" data-lang-he="מי אנחנו" data-lang-en="About Us">מי אנחנו</a></li>
<li><a href="#services" data-lang-he="תחומי פעילות" data-lang-en="Services">תחומי פעילות</a></li>
<li><a href="#advantages" data-lang-he="יתרונות" data-lang-en="Advantages">יתרונות</a></li>
<li><a href="contact.html" data-lang-he="צור קשר" data-lang-en="Contact Us">צור קשר</a></li>
</ul>
</nav>
<div class="footer-contact">
<h4 data-lang-he="יצירת קשר" data-lang-en="Contact">יצירת קשר</h4>
<a href="contact.html" class="btn btn-outline" data-lang-he="השאירו פרטים" data-lang-en="Leave Details">השאירו פרטים</a>
</div>
</div>
<div class="footer-bottom">
<p data-lang-he="© 2024 Est Trade. כל הזכויות שמורות." data-lang-en="© 2024 Est Trade. All rights reserved.">© 2024 Est Trade. כל הזכויות שמורות.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>