diff --git a/website/assets/css/styles.css b/website/assets/css/styles.css new file mode 100644 index 0000000..5de6004 --- /dev/null +++ b/website/assets/css/styles.css @@ -0,0 +1,370 @@ +:root { + --primary: #0b5d3f; + --secondary: #fbb03b; + --dark: #1a1a1a; + --light: #f7f7f7; + --text: #333333; + --accent: #0d9488; + --white: #ffffff; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: 'Roboto', sans-serif; + color: var(--text); + background-color: var(--light); + line-height: 1.6; +} + +h1, +h2, +.btn-primary { + font-family: 'Montserrat', sans-serif; +} + +.navbar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 40px; + background-color: rgba(10, 52, 37, 0.9); + color: var(--white); + position: fixed; + width: 100%; + top: 0; + z-index: 1000; +} + +.navbar .logo { + font-weight: 700; + font-size: 1.2rem; +} + +.nav-links { + list-style: none; + display: flex; + gap: 20px; +} + +.nav-links a { + color: var(--white); + text-decoration: none; + font-weight: 500; + transition: color 0.3s ease; +} + +.nav-links a:hover { + color: var(--secondary); +} + +.hero { + background: linear-gradient(rgba(10, 52, 37, 0.85), rgba(10, 52, 37, 0.85)), + url('https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&w=1500&q=80') center/cover no-repeat; + color: var(--white); + padding: 180px 20px 120px; + text-align: center; +} + +.hero-content h1 { + font-size: 2.8rem; + margin-bottom: 20px; +} + +.hero-content p { + max-width: 600px; + margin: 0 auto 30px; + font-size: 1.1rem; +} + +.btn-primary, +.btn-secondary { + display: inline-block; + padding: 12px 28px; + border-radius: 30px; + font-weight: 600; + text-decoration: none; + transition: transform 0.3s ease, background-color 0.3s ease; +} + +.btn-primary { + background-color: var(--secondary); + color: var(--dark); +} + +.btn-primary:hover { + transform: translateY(-3px); + background-color: #ffaf1c; +} + +.btn-secondary { + background-color: transparent; + color: var(--white); + border: 2px solid var(--white); +} + +.btn-secondary:hover { + background-color: var(--white); + color: var(--primary); +} + +.section { + padding: 80px 20px; +} + +.container { + max-width: 1100px; + margin: 0 auto; +} + +.about .container { + display: grid; + grid-template-columns: 2fr 1fr; + gap: 40px; + align-items: center; +} + +.about h2 { + font-size: 2.2rem; + margin-bottom: 20px; +} + +.stats { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 20px; +} + +.stat-item { + background-color: var(--white); + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); +} + +.stat-number { + font-size: 1.8rem; + font-weight: 700; + color: var(--primary); +} + +.services { + background-color: var(--white); +} + +.services h2, +.inventory h2 { + text-align: center; + margin-bottom: 40px; + font-size: 2.4rem; +} + +.service-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); + gap: 30px; +} + +.service-card { + background-color: var(--light); + padding: 30px; + border-radius: 12px; + box-shadow: 0 6px 30px rgba(0, 0, 0, 0.08); +} + +.service-card h3 { + margin-bottom: 15px; + font-weight: 600; +} + +.inventory { + background-color: var(--light); +} + +.inventory-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); + gap: 30px; +} + +.inventory-card { + background-color: var(--white); + border-radius: 12px; + overflow: hidden; + box-shadow: 0 6px 36px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease; +} + +.inventory-card:hover { + transform: translateY(-8px); +} + +.inventory-card img { + width: 100%; + height: 180px; + object-fit: cover; +} + +.inventory-card h3 { + font-size: 1.2rem; + margin: 20px; +} + +.inventory-card p { + padding: 0 20px 20px; +} + +.highlights .container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 40px; + align-items: start; +} + +.highlight ul { + list-style: none; + margin-top: 20px; +} + +.highlight ul li { + margin-bottom: 12px; + padding-left: 20px; + position: relative; +} + +.highlight ul li::before { + content: '›'; + position: absolute; + left: 0; + color: var(--secondary); +} + +.brand-list li { + display: inline-block; + background-color: var(--white); + margin: 5px; + padding: 10px 16px; + border-radius: 20px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + font-weight: 600; +} + +.cta { + background: linear-gradient(135deg, var(--primary), var(--accent)); + color: var(--white); + text-align: center; +} + +.contact { + background-color: var(--white); +} + +.contact-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 40px; +} + +.contact-info a { + color: var(--primary); + text-decoration: none; +} + +.contact-form { + background-color: var(--light); + padding: 30px; + border-radius: 12px; + box-shadow: 0 6px 36px rgba(0, 0, 0, 0.08); +} + +.form-group { + margin-bottom: 20px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: 500; +} + +input, +textarea { + width: 100%; + padding: 12px 14px; + border: 1px solid #cccccc; + border-radius: 8px; + font-size: 1rem; +} + +textarea { + resize: vertical; +} + +.footer { + background-color: var(--dark); + color: var(--light); + text-align: center; + padding: 30px 20px; +} + +.footer-links { + margin-top: 15px; + display: flex; + justify-content: center; + gap: 20px; +} + +.footer-links a { + color: var(--light); + text-decoration: none; + font-weight: 500; +} + +@media (max-width: 768px) { + .navbar { + flex-direction: column; + gap: 10px; + align-items: flex-start; + } + + .hero { + padding: 160px 20px 100px; + } + + .hero-content h1 { + font-size: 2.2rem; + } + + .about .container { + grid-template-columns: 1fr; + } +} + +@media (max-width: 480px) { + .navbar { + padding: 15px 20px; + } + + .nav-links { + flex-wrap: wrap; + gap: 10px; + } + + .hero-content p { + font-size: 1rem; + } + + .btn-primary, + .btn-secondary { + padding: 10px 24px; + } + + .stat-item { + padding: 16px; + } +} diff --git a/website/assets/img/README.txt b/website/assets/img/README.txt new file mode 100644 index 0000000..ff04d91 --- /dev/null +++ b/website/assets/img/README.txt @@ -0,0 +1,2 @@ +Placeholder directory for website imagery. +Replace with high-resolution photos of spare parts, workshop scenes, and company branding when available. diff --git a/website/assets/js/main.js b/website/assets/js/main.js new file mode 100644 index 0000000..273d391 --- /dev/null +++ b/website/assets/js/main.js @@ -0,0 +1,16 @@ +document.addEventListener('DOMContentLoaded', () => { + const navLinks = document.querySelectorAll('.nav-links a'); + + navLinks.forEach(link => { + link.addEventListener('click', event => { + event.preventDefault(); + const targetId = link.getAttribute('href'); + const targetElement = document.querySelector(targetId); + if (targetElement) { + targetElement.scrollIntoView({ + behavior: 'smooth' + }); + } + }); + }); +}); diff --git a/website/index.html b/website/index.html new file mode 100644 index 0000000..59d25b6 --- /dev/null +++ b/website/index.html @@ -0,0 +1,191 @@ + + + + + + + Wazir Ahmed International L.L.C | Used Car Spare Parts + + + + + + + +
+ +
+

Premium Used Car Spare Parts in Muscat

+

Trusted supplier of high-quality used auto components for workshops, dealers, and car enthusiasts across Oman.

+ Browse Inventory +
+
+ +
+
+
+

About Wazir Ahmed International

+

Based in Muscat, Oman, Wazir Ahmed International L.L.C specializes in sourcing, refurbishing, and supplying top-grade used car spare parts. With decades of experience in the automotive industry, our team ensures every component is thoroughly inspected and ready for installation. We partner with workshops and distributors across the GCC, delivering value, reliability, and responsive service.

+
+
+
+ 500+ + Parts in Stock +
+
+ 25+ + Brand Coverage +
+
+ 15 + Years Experience +
+
+
+
+ +
+
+

Our Services

+
+
+

Quality Spare Parts

+

OEM and certified used parts for engines, transmissions, suspensions, and electronics.

+
+
+

Parts Testing

+

Each component undergoes rigorous testing to ensure peak performance and easy installation.

+
+
+

Export & Logistics

+

Efficient shipping solutions across Oman and GCC, including customs clearance support.

+
+
+

Custom Sourcing

+

Dedicated team to locate rare or discontinued parts from global markets.

+
+
+
+
+ +
+
+

Featured Inventory

+

We maintain a rotating stock of popular components for leading automotive brands.

+
+
+ Engine Components +

Engine Components

+

Turbochargers, cylinder heads, fuel injectors, and more for brands like Toyota, Nissan, and BMW.

+
+
+ Transmission Units +

Transmission Units

+

Automatic and manual gearboxes, torque converters, and drive shafts in ready-to-install condition.

+
+
+ Suspension & Steering +

Suspension & Steering

+

Shocks, control arms, steering racks, and sensors for SUVs and sedans.

+
+
+ Electrical Systems +

Electrical Systems

+

ECUs, alternators, starters, wiring harnesses, and infotainment units.

+
+
+
+
+ +
+
+
+

Why Choose Us?

+
    +
  • Trusted supplier for workshops in Muscat and beyond.
    • +
  • Transparent pricing with warranty coverage on major components.
    • +
  • Sustainable approach through refurbishment and quality assurance.
    • +
  • Dedicated support team for urgent part requests.
    • +
+
+
+

Brands We Cover

+
    +
  • Toyota
    • +
  • Nissan
    • +
  • Mitsubishi
    • +
  • Mercedes-Benz
    • +
  • BMW
    • +
  • Ford
    • +
  • Hyundai
    • +
  • Kia
    • +
+
+
+
+ +
+
+

Need a specific part?

+

Share your requirements and our team will respond within 24 hours with availability and pricing.

+ Request a Quote +
+
+ +
+
+

Contact Us

+
+
+

Reach Out

+

Email: info@wazirahmedintl.com

+

Phone: +968 1234 5678

+

Location: Al Ghala Industrial Area, Muscat, Oman

+

Office Hours: Saturday - Thursday, 8:00 AM - 6:00 PM

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ + + + + +