IUA Bearings | High-Quality SKF, NSK, INA, FAG, TIMKEN Bearings Supplier
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IUA Bearings | High-Quality SKF, NSK, INA, FAG, TIMKEN Bearings Supplier</title>
<meta name="description" content="IUA Bearing offers premium quality bearings including SKF, NSK, INA, FAG, TIMKEN, and our own IUA brand. Trusted global supplier for industrial, automotive, and heavy machinery needs.">
<meta name="keywords" content="IUA Bearings, SKF Bearings, NSK Bearings, INA Bearings, FAG Bearings, TIMKEN Bearings, Industrial Bearings, Automotive Bearings">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<style>
/* === Reset & Base Styles === */
body, html { margin:0; padding:0; font-family: 'Arial', sans-serif; scroll-behavior: smooth; }
.container { width:90%; max-width:1200px; margin:0 auto; }
h1,h2,h3 { margin:0 0 20px; color:#222; }
p, li { line-height:1.6; color:#555; }
ul { padding-left:20px; }
/* === Hero Section === */
.hero {
display:flex; flex-direction:column; align-items:center; justify-content:center;
height:100vh; background:linear-gradient(to right,#0f2027,#203a43,#2c5364); color:#fff; text-align:center;
}
.hero h1 { font-size:3rem; animation: fadeInDown 1.5s; }
.hero p { font-size:1.2rem; margin:20px 0; animation: fadeInUp 1.5s; }
.cta-button {
background:#ff6600; color:#fff; padding:15px 30px; text-decoration:none; font-weight:bold; border-radius:5px;
transition:0.3s; animation: fadeIn 2s;
}
.cta-button:hover { background:#e55b00; }
.hero img { width:300px; margin-top:30px; border-radius:10px; animation: fadeIn 2.5s; }
/* === Sections === */
section { padding:80px 0; }
section:nth-child(even) { background:#f9f9f9; }
section h2 { text-align:center; margin-bottom:50px; font-size:2rem; }
/* === Why Choose Us === */
#why-choose-us ul { list-style: disc inside; max-width:700px; margin:0 auto; }
#why-choose-us img { display:block; margin:40px auto 0; width:80%; border-radius:10px; }
/* === Brands Section === */
#brands .brand-list { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; }
.brand { background:#fff; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.1); padding:20px; width:220px; text-align:center; transition:transform 0.3s; }
.brand img { width:100px; height:100px; object-fit:contain; margin-bottom:15px; }
.brand:hover { transform:translateY(-10px); }
/* === Applications Section === */
#applications ul { max-width:700px; margin:0 auto 40px; }
#applications img { width:100%; max-width:900px; display:block; margin:0 auto; border-radius:10px; }
/* === Call to Action Section === */
#contact { text-align:center; background:#0f2027; color:#fff; }
#contact a { display:inline-block; margin-top:20px; }
/* === Footer === */
footer { background:#222; color:#aaa; text-align:center; padding:20px 0; }
/* === Floating Contact Button === */
#float-contact {
position:fixed; bottom:30px; right:30px; background:#ff6600; color:#fff;
padding:15px 20px; border-radius:50px; font-weight:bold; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,0.3); z-index:1000;
transition:0.3s;
}
#float-contact:hover { background:#e55b00; }
/* === Animations for Scroll === */
.fadeInUp { opacity:0; transform:translateY(50px); transition: all 0.8s ease-out; }
.fadeInUp.visible { opacity:1; transform:translateY(0); }
</style>
</head>
<body>
<!-- Hero -->
<header>
<h1 class="animate__animated animate__fadeInDown">Premium Bearings for Every Industry | IUA Bearing</h1>
<p class="animate__animated animate__fadeInUp">Your trusted source for SKF, NSK, INA, FAG, TIMKEN, and IUA bearings worldwide.</p>
<a href="#contact" class="cta-button animate__animated animate__fadeIn">Get a Quote</a>
<img src="images/hero-bearing.jpg" alt="High-quality industrial bearing" />
</header>
<!-- Why Choose Us -->
<section id="why-choose-us">
<div>
<h2>Why IUA Bearing Is Your Best Choice</h2>
<ul>
<li>Premium quality bearings from global brands: SKF, NSK, INA, FAG, TIMKEN.</li>
<li>Wide range of products for automotive, industrial, and heavy machinery applications.</li>
<li>Competitive pricing with reliable worldwide shipping.</li>
<li>Expert technical support to help you select the right bearing.</li>
</ul>
<img src="images/why-choose-us.jpg" alt="Industrial machinery with bearings">
</div>
</section>
<!-- Brands -->
<section id="brands">
<div>
<h2>Trusted Bearing Brands We Offer</h2>
<div>
<div>
<img src="images/skf.jpg" alt="SKF bearing">
<p><strong>SKF:</strong> Superior durability and precision engineering.</p>
</div>
<div>
<img src="images/nsk.jpg" alt="NSK bearing">
<p><strong>NSK:</strong> High-performance bearings for automotive and machinery.</p>
</div>
<div>
<img src="images/ina.jpg" alt="INA bearing">
<p><strong>INA:</strong> Reliable bearings for industrial applications.</p>
</div>
<div>
<img src="images/fag.jpg" alt="FAG bearing">
<p><strong>FAG:</strong> Robust bearings designed for heavy load conditions.</p>
</div>
<div>
<img src="images/timken.jpg" alt="TIMKEN bearing">
<p><strong>TIMKEN:</strong> Expertly engineered tapered and spherical bearings.</p>
</div>
<div>
<img src="images/iua.jpg" alt="IUA bearing">
<p><strong>IUA Bearings:</strong> Our own premium brand, combining quality and cost-efficiency.</p>
</div>
</div>
</div>
</section>
<!-- Applications -->
<section id="applications">
<div>
<h2>Where Our Bearings Are Used</h2>
<ul>
<li>Automotive engines and gear systems</li>
<li>Heavy machinery and construction equipment</li>
<li>Industrial manufacturing machinery</li>
<li>Renewable energy systems</li>
<li>Aerospace and precision instruments</li>
</ul>
<img src="images/applications.jpg" alt="Bearings used in industrial applications">
</div>
</section>
<!-- Call to Action -->
<section id="contact">
<div>
<h2>Get Your Bearings Today</h2>
<p>Contact IUA Bearing to find the perfect bearing solution for your industry. Quality products, competitive prices, and worldwide shipping.</p>
<a href="contact.html">Request a Quote</a>
<img src="images/contact-bearing.jpg" alt="Contact IUA Bearing for industrial bearings">
</div>
</section>
<!-- Floating Contact -->
<a href="contact.html" id="float-contact">Contact Us</a>