<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>RBS Auto Parts - Professional Auto Parts Supplier</title>
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <!-- Open Graph / Twitter Card (dynamically updated on modal open) -->
  <meta id="og-title"       property="og:title"       content="RBS Auto Parts - Professional Auto Parts Supplier">
  <meta id="og-description" property="og:description" content="High quality engine mounts, control arms, strut mounts and more.">
  <meta id="og-image"       property="og:image"       content="">
  <meta id="og-url"         property="og:url"         content="">
  <meta id="og-type"        property="og:type"        content="product">
  <meta id="tw-card"        name="twitter:card"       content="summary_large_image">
  <meta id="tw-title"       name="twitter:title"      content="RBS Auto Parts">
  <meta id="tw-description" name="twitter:description" content="High quality auto parts.">
  <meta id="tw-image"       name="twitter:image"      content="">
</head>
<body>

<!-- Top Header Bar -->
<div class="top-bar">
  <div class="container">
    <span data-i18n="topbar_shipping">🌐 Global Shipping Available | WhatsApp: 8618030192592</span>
    <span data-i18n="topbar_email">Email: info@rbsautoparts.com</span>
  </div>
</div>

<!-- Navigation -->
<nav class="navbar" id="navbar">
  <div class="container nav-inner">
    <div class="logo">
      <img src="images/rbs-logo.png" alt="RBS Auto Parts" onerror="this.style.display='none'; document.getElementById('logo-text').style.display='block'">
      <span id="logo-text" class="logo-text" style="display:none">RBS <span>AUTO PARTS</span></span>
    </div>
    <div class="nav-search">
      <input type="text" id="searchInput" data-i18n-placeholder="nav_search_placeholder" placeholder="Search part number, vehicle model..." onkeyup="searchProducts()">
      <button onclick="searchProducts()">
        <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
      </button>
    </div>
    <!-- Main Navigation Links -->
    <div class="nav-main-links">
      <a href="index.html" class="nav-link active" data-i18n="nav_home">HOME</a>
      <div class="nav-dropdown-wrap">
        <a href="about.html" class="nav-link" data-i18n="nav_about">ABOUT US
          <svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" style="margin-left:4px;vertical-align:middle"><path d="m6 9 6 6 6-6"/></svg>
        </a>
        <div class="nav-dropdown">
          <a href="about.html" class="nav-dropdown-item">
            <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg>
            About Us
          </a>
          <a href="video-center.html" class="nav-dropdown-item">
            <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>
            Video Center
          </a>
        </div>
      </div>
      <a href="products.html" class="nav-link" data-i18n="nav_products">PRODUCTS</a>
      <a href="catalog.html" class="nav-link" data-i18n="nav_catalog">CATALOG</a>
      <a href="blog.html" class="nav-link" data-i18n="nav_blog">BLOG</a>
      <a href="faq.html" class="nav-link" data-i18n="nav_faq">FAQ</a>
      <a href="contact.html" class="nav-link" data-i18n="nav_contact">CONTACT US</a>
    </div>

    <div class="nav-actions">
      <!-- Language Switcher -->
      <div class="lang-switcher" id="langSwitcher">
        <button class="lang-btn" onclick="toggleLangMenu()" id="langBtn">
          <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><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"/></svg>
          <span id="langLabel">EN</span>
          <svg width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg>
        </button>
        <div class="lang-dropdown" id="langDropdown">
          <button onclick="switchLang('en')" data-lang="en" class="lang-option active">🇺🇸 English</button>
          <button onclick="switchLang('zh')" data-lang="zh" class="lang-option">🇨🇳 中文</button>
          <button onclick="switchLang('es')" data-lang="es" class="lang-option">🇪🇸 Español</button>
          <button onclick="switchLang('ar')" data-lang="ar" class="lang-option">🇸🇦 العربية</button>
          <button onclick="switchLang('pt')" data-lang="pt" class="lang-option">🇧🇷 Português</button>
          <button onclick="switchLang('ru')" data-lang="ru" class="lang-option">🇷🇺 Русский</button>
        </div>
      </div>

      <a href="https://wa.me/8618030192592" class="btn-whatsapp">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
        WhatsApp
      </a>
    </div>
    <button class="hamburger" onclick="toggleMenu()" id="hamburger">
      <span></span><span></span><span></span>
    </button>
  </div>
  <!-- Mobile Menu -->
  <div class="mobile-menu" id="mobileMenu">
    <a href="index.html" data-i18n="menu_home">HOME</a>
    <div class="mobile-dropdown-wrap">
      <a href="about.html" class="mobile-dropdown-parent" data-i18n="menu_about">ABOUT US ▾</a>
      <div class="mobile-dropdown">
        <a href="about.html">About Us</a>
        <a href="video-center.html">Video Center</a>
      </div>
    </div>
    <a href="products.html" data-i18n="menu_products">PRODUCTS</a>
    <a href="catalog.html" data-i18n="menu_catalog">CATALOG</a>
    <a href="blog.html" data-i18n="menu_blog">BLOG</a>
    <a href="faq.html" data-i18n="menu_faq">FAQ</a>
    <a href="contact.html" data-i18n="menu_contact">CONTACT US</a>
    <hr style="margin:12px 20px;border:none;border-top:1px solid var(--border);">
    <a href="#" data-i18n="menu_all">All Products</a>
    <a href="#" data-i18n="menu_control_arm">Control Arm</a>
    <a href="#" data-i18n="menu_engine_mount">Engine Mount</a>
    <a href="#" data-i18n="menu_strut_mount">Strut Mount</a>
    <a href="#" data-i18n="menu_bearing">Thrust Bearing</a>
  </div>
</nav>

<!-- ===== HERO SECTION ===== -->
<section class="hero-section">
  <div class="hero-bg">
    <div class="hero-overlay"></div>
  </div>
  <div class="container hero-content">
    <div class="hero-text">
      <h1 class="hero-title" data-i18n="hero_title">Professional Auto Parts Manufacturer</h1>
      <p class="hero-subtitle" data-i18n="hero_subtitle">Engine Mount, Strut Mount, Control Arm, Bushing & More</p>
      <p class="hero-desc" data-i18n="hero_desc">High-quality automotive rubber parts and suspension components. Serving global markets with OEM standards since 2008.</p>
      <div class="hero-actions">
        <a href="products.html" class="hero-btn hero-btn-primary" data-i18n="hero_btn_products">View Products</a>
        <a href="contact.html" class="hero-btn hero-btn-secondary" data-i18n="hero_btn_contact">Contact Us</a>
      </div>
      <div class="hero-features">
        <div class="hero-feature">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
          <span data-i18n="hero_feature1">OEM Quality</span>
        </div>
        <div class="hero-feature">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 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"/></svg>
          <span data-i18n="hero_feature2">Global Shipping</span>
        </div>
        <div class="hero-feature">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
          <span data-i18n="hero_feature3">Quality Assurance</span>
        </div>
      </div>
    </div>
    <div class="hero-stats">
      <div class="hero-stat">
        <span class="hero-stat-number">15+</span>
        <span class="hero-stat-label" data-i18n="hero_stat_years">Years Experience</span>
      </div>
      <div class="hero-stat">
        <span class="hero-stat-number">500+</span>
        <span class="hero-stat-label" data-i18n="hero_stat_products">Products</span>
      </div>
      <div class="hero-stat">
        <span class="hero-stat-number">50+</span>
        <span class="hero-stat-label" data-i18n="hero_stat_countries">Countries</span>
      </div>
    </div>
  </div>
</section>

<!-- ===== PRODUCT CATEGORIES SECTION ===== -->
<section class="home-categories-section">
  <div class="container">
    <div class="section-header">
      <h2 class="section-title" data-i18n="home_cat_title">Our Product Categories</h2>
      <p class="section-subtitle" data-i18n="home_cat_subtitle">Professional auto parts for all major vehicle brands</p>
    </div>
    <div class="home-categories-grid">
      <a href="products.html?cat=engine-mount" class="home-cat-card">
        <div class="home-cat-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>
        </div>
        <h3 data-i18n="cat_engine_mount">Engine Mount</h3>
        <p data-i18n="home_cat_engine_desc">High-quality engine mounts for smooth performance</p>
        <span class="home-cat-link" data-i18n="home_view_more">View More →</span>
      </a>
      <a href="products.html?cat=strut-mount" class="home-cat-card">
        <div class="home-cat-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2v20"/><path d="M8 6l4-4 4 4"/><path d="M8 18l4 4 4-4"/></svg>
        </div>
        <h3 data-i18n="cat_strut_mount">Strut Mount</h3>
        <p data-i18n="home_cat_strut_desc">Durable strut mounts for suspension systems</p>
        <span class="home-cat-link" data-i18n="home_view_more">View More →</span>
      </a>
      <a href="products.html?cat=control-arm" class="home-cat-card">
        <div class="home-cat-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 12h16"/><path d="M4 12l4-4"/><path d="M4 12l4 4"/><path d="M20 12l-4-4"/><path d="M20 12l-4 4"/></svg>
        </div>
        <h3 data-i18n="cat_control_arm">Control Arm</h3>
        <p data-i18n="home_cat_control_desc">Precision control arms for steering stability</p>
        <span class="home-cat-link" data-i18n="home_view_more">View More →</span>
      </a>
      <a href="products.html?cat=bushing" class="home-cat-card">
        <div class="home-cat-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3"/></svg>
        </div>
        <h3 data-i18n="cat_bushing">Bushing</h3>
        <p data-i18n="home_cat_bushing_desc">Rubber bushings for vibration reduction</p>
        <span class="home-cat-link" data-i18n="home_view_more">View More →</span>
      </a>
      <a href="products.html?cat=ball-joint" class="home-cat-card">
        <div class="home-cat-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="4"/><path d="M12 16v4"/><path d="M8 20h8"/></svg>
        </div>
        <h3 data-i18n="cat_ball_joint">Ball Joint</h3>
        <p data-i18n="home_cat_ball_desc">Reliable ball joints for safe driving</p>
        <span class="home-cat-link" data-i18n="home_view_more">View More →</span>
      </a>
      <a href="products.html?cat=bearing" class="home-cat-card">
        <div class="home-cat-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="2"/></svg>
        </div>
        <h3 data-i18n="cat_bearing">Bearing</h3>
        <p data-i18n="home_cat_bearing_desc">Thrust bearings for smooth rotation</p>
        <span class="home-cat-link" data-i18n="home_view_more">View More →</span>
      </a>
    </div>
  </div>
</section>

<!-- ===== BRANDS SECTION ===== -->
<section class="home-brands-section">
  <div class="container">
    <div class="section-header">
      <h2 class="section-title" data-i18n="home_brands_title">Vehicle Brands We Cover</h2>
      <p class="section-subtitle" data-i18n="home_brands_subtitle">Auto parts for all major car manufacturers</p>
    </div>
    <div class="home-brands-grid">
      <a href="products.html?brand=honda" class="home-brand-item">
        <span class="home-brand-name">HONDA</span>
        <span class="home-brand-count">48 Products</span>
      </a>
      <a href="products.html?brand=toyota" class="home-brand-item">
        <span class="home-brand-name">TOYOTA</span>
        <span class="home-brand-count">52 Products</span>
      </a>
      <a href="products.html?brand=nissan" class="home-brand-item">
        <span class="home-brand-name">NISSAN</span>
        <span class="home-brand-count">36 Products</span>
      </a>
      <a href="products.html?brand=ford" class="home-brand-item">
        <span class="home-brand-name">FORD</span>
        <span class="home-brand-count">44 Products</span>
      </a>
      <a href="products.html?brand=bmw" class="home-brand-item">
        <span class="home-brand-name">BMW</span>
        <span class="home-brand-count">31 Products</span>
      </a>
      <a href="products.html?brand=benz" class="home-brand-item">
        <span class="home-brand-name">MERCEDES</span>
        <span class="home-brand-count">27 Products</span>
      </a>
      <a href="products.html?brand=mazda" class="home-brand-item">
        <span class="home-brand-name">MAZDA</span>
        <span class="home-brand-count">29 Products</span>
      </a>
      <a href="products.html?brand=vw" class="home-brand-item">
        <span class="home-brand-name">VW</span>
        <span class="home-brand-count">38 Products</span>
      </a>
    </div>
  </div>
</section>

<!-- ===== ABOUT SECTION ===== -->
<section class="home-about-section">
  <div class="container">
    <div class="home-about-grid">
      <div class="home-about-image">
        <div class="home-about-img-placeholder">
          <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
        </div>
      </div>
      <div class="home-about-content">
        <h2 class="home-about-title" data-i18n="home_about_title">About RBS Auto Parts</h2>
        <p class="home-about-text" data-i18n="home_about_text1">RBS Auto Parts is a leading manufacturer and supplier of high-quality automotive rubber parts and suspension components. With over 15 years of experience in the industry, we have built a reputation for excellence and reliability.</p>
        <p class="home-about-text" data-i18n="home_about_text2">Our company offers variety of products which can meet your multifarious demands. We always insist "Quality first" as our motto. All our products are manufactured to meet or exceed OEM specifications.</p>
        <div class="home-about-features">
          <div class="home-about-feature">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
            <span data-i18n="home_about_feature1">ISO Certified Manufacturing</span>
          </div>
          <div class="home-about-feature">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
            <span data-i18n="home_about_feature2">Strict Quality Control</span>
          </div>
          <div class="home-about-feature">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
            <span data-i18n="home_about_feature3">Competitive Factory Prices</span>
          </div>
        </div>
        <a href="about.html" class="home-about-btn" data-i18n="home_about_btn">Learn More About Us</a>
      </div>
    </div>
  </div>
</section>

<!-- ===== WHY CHOOSE US SECTION ===== -->
<section class="home-why-section">
  <div class="container">
    <div class="section-header">
      <h2 class="section-title" data-i18n="home_why_title">Why Choose Us</h2>
      <p class="section-subtitle" data-i18n="home_why_subtitle">What makes RBS Auto Parts your best choice</p>
    </div>
    <div class="home-why-grid">
      <div class="home-why-card">
        <div class="home-why-icon">
          <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
        </div>
        <h3 data-i18n="home_why_quality_title">Quality Assurance</h3>
        <p data-i18n="home_why_quality_desc">All products undergo strict quality control and testing before shipment to ensure reliability.</p>
      </div>
      <div class="home-why-card">
        <div class="home-why-icon">
          <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M16 8h-6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h6"/><path d="M12 12h.01"/></svg>
        </div>
        <h3 data-i18n="home_why_price_title">Competitive Pricing</h3>
        <p data-i18n="home_why_price_desc">Direct factory prices with no middlemen, saving you money on every order.</p>
      </div>
      <div class="home-why-card">
        <div class="home-why-icon">
          <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
        </div>
        <h3 data-i18n="home_why_delivery_title">Fast Delivery</h3>
        <p data-i18n="home_why_delivery_desc">Efficient logistics network ensuring timely delivery to customers worldwide.</p>
      </div>
      <div class="home-why-card">
        <div class="home-why-icon">
          <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
        </div>
        <h3 data-i18n="home_why_oem_title">OEM Service</h3>
        <p data-i18n="home_why_oem_desc">Custom manufacturing according to your specifications and requirements.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== CTA SECTION ===== -->
<section class="home-cta-section">
  <div class="container">
    <div class="home-cta-content">
      <h2 data-i18n="home_cta_title">Ready to Order?</h2>
      <p data-i18n="home_cta_desc">Contact us today for quotes, product inquiries, or to discuss your specific requirements.</p>
      <div class="home-cta-buttons">
        <a href="contact.html" class="home-cta-btn home-cta-btn-primary" data-i18n="home_cta_contact">Contact Us</a>
        <a href="https://wa.me/8618030192592" class="home-cta-btn home-cta-btn-whatsapp">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
          WhatsApp
        </a>
      </div>
    </div>
  </div>
</section>

<!-- WhatsApp Float -->
<a href="https://wa.me/8618030192592" class="whatsapp-float" target="_blank" title="WhatsApp">
  <svg width="28" height="28" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
</a>

<!-- Footer -->
<footer class="footer">
  <div class="container footer-grid">
    <div class="footer-brand">
      <div class="footer-logo">RBS AUTO PARTS</div>
      <p data-i18n="footer_desc">Professional auto parts supplier offering high-quality engine mounts, control arms, strut mounts and more.</p>
      <div class="footer-social">
        <a href="#">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
        </a>
      </div>
    </div>
    <div class="footer-col">
      <h4 data-i18n="footer_categories">Product Categories</h4>
      <ul>
        <li><a href="#" data-i18n="cat_engine_mount">Engine Mount</a></li>
        <li><a href="#" data-i18n="cat_control_arm">Control Arm</a></li>
        <li><a href="#" data-i18n="cat_strut_mount">Strut Mount</a></li>
        <li><a href="#" data-i18n="cat_bearing">Thrust Bearing</a></li>
        <li><a href="#" data-i18n="cat_bushing">Bushing</a></li>
        <li><a href="#" data-i18n="cat_ball_joint">Ball Joint</a></li>
      </ul>
    </div>
    <div class="footer-col">
      <h4 data-i18n="footer_brands">Brand Coverage</h4>
      <ul>
        <li><a href="#">Honda / Acura</a></li>
        <li><a href="#">Toyota / Lexus</a></li>
        <li><a href="#">Nissan / Infiniti</a></li>
        <li><a href="#">Ford / Lincoln</a></li>
        <li><a href="#">BMW / MINI</a></li>
        <li><a href="#">Mercedes-Benz</a></li>
      </ul>
    </div>
    <div class="footer-col">
      <h4 data-i18n="footer_contact_title">Contact Us</h4>
      <ul>
        <li>🌐 www.rbsautoparts.com</li>
        <li>📧 info@rbsautoparts.com</li>
        <li>📱 WhatsApp: 8618030192592</li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container" data-i18n="footer_copyright">© 2024 RBS Auto Parts. All Rights Reserved.</div>
  </div>
</footer>

<script src="i18n.js"></script>
<script src="data-bridge.js"></script>
<script src="header_footer.js"></script>
<script src="app.js"></script>
<script>
// 页面加载后从数据库获取页眉页脚配置并应用
// 使用 load 事件确保在 i18n 初始化之后执行
window.addEventListener('load', async function() {
  // 等待一小段时间确保 i18n 已完成初始化
  await new Promise(resolve => setTimeout(resolve, 100));
  try {
    const config = await HeaderFooterAPI.load();
    HeaderFooterAPI.applyToPage(config);
  } catch (e) {
    console.error('Failed to load header/footer config:', e);
  }
});
</script>
</body>
</html>
