homepage-template.php

<?php
/**
* Template Name: RMCS Homepage
* RMCS – Rebar, Mesh and Construction Supplies (Pty) Ltd
* Version: 1.0
*/

get_header(); ?>

<!– ============================================
RMCS HOMEPAGE
============================================ –>

<!– 1. HERO SECTION –>
<section class=”rmcs-hero”>
<div class=”rmcs-hero__overlay”></div>
<div class=”rmcs-container”>
<div class=”rmcs-hero__content”>
<div class=”rmcs-hero__badge”>
🌍 Serving Southern Africa
</div>
<h1 class=”rmcs-hero__title”>
Your Trusted Partner in<br>
<span class=”rmcs-hero__highlight”>Construction Supplies</span>
</h1>
<p class=”rmcs-hero__subtitle”>
Specialised rebar, formwork, scaffolding and construction
accessories β€” delivered across South Africa and Southern Africa.
</p>
<div class=”rmcs-hero__actions”>
<a href=”/shop” class=”rmcs-btn rmcs-btn–primary”>
πŸ›’ Browse Products
</a>
<a href=”/request-quote” class=”rmcs-btn rmcs-btn–outline”>
πŸ“‹ Request a Quote
</a>
<a href=”https://wa.me/27XXXXXXXXX”
class=”rmcs-btn rmcs-btn–whatsapp”
target=”_blank”>
πŸ’¬ WhatsApp Us
</a>
</div>
<div class=”rmcs-hero__stats”>
<div class=”rmcs-hero__stat”>
<span class=”rmcs-hero__stat-number”>200+</span>
<span class=”rmcs-hero__stat-label”>Products</span>
</div>
<div class=”rmcs-hero__stat”>
<span class=”rmcs-hero__stat-number”>7</span>
<span class=”rmcs-hero__stat-label”>Countries</span>
</div>
<div class=”rmcs-hero__stat”>
<span class=”rmcs-hero__stat-number”>8</span>
<span class=”rmcs-hero__stat-label”>Categories</span>
</div>
<div class=”rmcs-hero__stat”>
<span class=”rmcs-hero__stat-number”>B2B</span>
<span class=”rmcs-hero__stat-label”>Specialists</span>
</div>
</div>
</div>
</div>
</section>

<!– 2. TRUST BAR –>
<section class=”rmcs-trustbar”>
<div class=”rmcs-container”>
<div class=”rmcs-trustbar__grid”>
<div class=”rmcs-trustbar__item”>
<span class=”rmcs-trustbar__icon”>πŸ—οΈ</span>
<span class=”rmcs-trustbar__text”>Construction Specialists</span>
</div>
<div class=”rmcs-trustbar__item”>
<span class=”rmcs-trustbar__icon”>🌍</span>
<span class=”rmcs-trustbar__text”>Southern Africa Delivery</span>
</div>
<div class=”rmcs-trustbar__item”>
<span class=”rmcs-trustbar__icon”>πŸ“‹</span>
<span class=”rmcs-trustbar__text”>Custom Quote Service</span>
</div>
<div class=”rmcs-trustbar__item”>
<span class=”rmcs-trustbar__icon”>πŸ’¬</span>
<span class=”rmcs-trustbar__text”>WhatsApp Support</span>
</div>
<div class=”rmcs-trustbar__item”>
<span class=”rmcs-trustbar__icon”>πŸ“„</span>
<span class=”rmcs-trustbar__text”>Technical Datasheets</span>
</div>
</div>
</div>
</section>

<!– 3. PRODUCT CATEGORIES –>
<section class=”rmcs-categories”>
<div class=”rmcs-container”>
<div class=”rmcs-section-header”>
<h2 class=”rmcs-section-title”>Our Product Range</h2>
<p class=”rmcs-section-subtitle”>
Specialised construction supplies for professionals across Southern Africa
</p>
</div>
<div class=”rmcs-categories__grid”>

<a href=”/product-category/rebar-spacers” class=”rmcs-cat-card”>
<div class=”rmcs-cat-card__icon”>βš™οΈ</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Rebar Spacers</h3>
<p class=”rmcs-cat-card__desc”>
Concrete cover spacers for precise rebar positioning
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/product-category/cutting-bending” class=”rmcs-cat-card”>
<div class=”rmcs-cat-card__icon”>βœ‚οΈ</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Cutting & Bending</h3>
<p class=”rmcs-cat-card__desc”>
Equipment and accessories for rebar cutting and bending
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/product-category/formwork-accessories” class=”rmcs-cat-card”>
<div class=”rmcs-cat-card__icon”>πŸ”©</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Formwork Accessories</h3>
<p class=”rmcs-cat-card__desc”>
Ties, cones, spreaders and complete formwork solutions
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/product-category/scaffolding-accessories” class=”rmcs-cat-card”>
<div class=”rmcs-cat-card__icon”>πŸ—οΈ</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Scaffolding Accessories</h3>
<p class=”rmcs-cat-card__desc”>
Couplers, boards, base plates and scaffolding components
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/product-category/construction-accessories” class=”rmcs-cat-card”>
<div class=”rmcs-cat-card__icon”>πŸ”§</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Construction Accessories</h3>
<p class=”rmcs-cat-card__desc”>
General construction hardware and site accessories
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/product-category/precast-accessories” class=”rmcs-cat-card”>
<div class=”rmcs-cat-card__icon”>🧱</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Precast Accessories</h3>
<p class=”rmcs-cat-card__desc”>
Lifting anchors, inserts and precast concrete accessories
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/product-category/tiltup-systems” class=”rmcs-cat-card rmcs-cat-card–featured”>
<div class=”rmcs-cat-card__icon”>🏒</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>Tilt-up Systems</h3>
<p class=”rmcs-cat-card__desc”>
Complete tilt-up construction systems and accessories
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

<a href=”/shop” class=”rmcs-cat-card rmcs-cat-card–all”>
<div class=”rmcs-cat-card__icon”>πŸ›’</div>
<div class=”rmcs-cat-card__content”>
<h3 class=”rmcs-cat-card__title”>View All Products</h3>
<p class=”rmcs-cat-card__desc”>
Browse our complete range of 200+ products
</p>
</div>
<span class=”rmcs-cat-card__arrow”>β†’</span>
</a>

</div>
</div>
</section>

<!– 4. AFRICA MAP SECTION –>
<section class=”rmcs-africa”>
<div class=”rmcs-container”>
<div class=”rmcs-africa__grid”>
<div class=”rmcs-africa__content”>
<h2 class=”rmcs-section-title rmcs-section-title–light”>
Delivering Across<br>Southern Africa
</h2>
<p class=”rmcs-africa__desc”>
Based in South Africa, RMCS supplies quality construction
products to contractors, developers and construction companies
throughout the region. We handle cross-border logistics and
provide competitive export pricing.
</p>
<div class=”rmcs-africa__countries”>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡ΏπŸ‡¦</span>
<span class=”rmcs-country__name”>South Africa</span>
<span class=”rmcs-country__badge rmcs-country__badge–home”>
Home Base
</span>
</div>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡ΏπŸ‡Ό</span>
<span class=”rmcs-country__name”>Zimbabwe</span>
<span class=”rmcs-country__badge”>Export</span>
</div>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡ΏπŸ‡²</span>
<span class=”rmcs-country__name”>Zambia</span>
<span class=”rmcs-country__badge”>Export</span>
</div>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡²πŸ‡Ώ</span>
<span class=”rmcs-country__name”>Mozambique</span>
<span class=”rmcs-country__badge”>Export</span>
</div>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡³πŸ‡¦</span>
<span class=”rmcs-country__name”>Namibia</span>
<span class=”rmcs-country__badge”>Export</span>
</div>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡¦πŸ‡΄</span>
<span class=”rmcs-country__name”>Angola</span>
<span class=”rmcs-country__badge”>Export</span>
</div>
<div class=”rmcs-country”>
<span class=”rmcs-country__flag”>πŸ‡§πŸ‡Ό</span>
<span class=”rmcs-country__name”>Botswana</span>
<span class=”rmcs-country__badge”>Export</span>
</div>
</div>
<a href=”/africa-export” class=”rmcs-btn rmcs-btn–primary”>
🌍 Export Enquiries
</a>
</div>
<div class=”rmcs-africa__visual”>
<div class=”rmcs-africa__map-placeholder”>
<div class=”rmcs-africa__map-text”>
<span>🌍</span>
<p>Southern Africa</p>
<p>Coverage Map</p>
</div>
</div>
</div>
</div>
</div>
</section>

<!– 5. HOW IT WORKS –>
<section class=”rmcs-howitworks”>
<div class=”rmcs-container”>
<div class=”rmcs-section-header”>
<h2 class=”rmcs-section-title”>How to Order</h2>
<p class=”rmcs-section-subtitle”>
Simple ordering process for local and export customers
</p>
</div>
<div class=”rmcs-steps”>
<div class=”rmcs-step”>
<div class=”rmcs-step__number”>01</div>
<div class=”rmcs-step__icon”>πŸ”</div>
<h3 class=”rmcs-step__title”>Browse & Select</h3>
<p class=”rmcs-step__desc”>
Find your products by category or search.
Download datasheets where available.
</p>
</div>
<div class=”rmcs-step__connector”>β†’</div>
<div class=”rmcs-step”>
<div class=”rmcs-step__number”>02</div>
<div class=”rmcs-step__icon”>πŸ›’</div>
<h3 class=”rmcs-step__title”>Add to Cart</h3>
<p class=”rmcs-step__desc”>
Add products to your cart or use our
Request a Quote form for large orders.
</p>
</div>
<div class=”rmcs-step__connector”>β†’</div>
<div class=”rmcs-step”>
<div class=”rmcs-step__number”>03</div>
<div class=”rmcs-step__icon”>πŸ“‹</div>
<h3 class=”rmcs-step__title”>Get Your Quote</h3>
<p class=”rmcs-step__desc”>
We calculate delivery costs based on
order size, weight and destination.
</p>
</div>
<div class=”rmcs-step__connector”>β†’</div>
<div class=”rmcs-step”>
<div class=”rmcs-step__number”>04</div>
<div class=”rmcs-step__icon”>🚚</div>
<h3 class=”rmcs-step__title”>Delivery</h3>
<p class=”rmcs-step__desc”>
Secure payment and delivery to your
site β€” locally or across Southern Africa.
</p>
</div>
</div>
</div>
</section>

<!– 6. WHY RMCS –>
<section class=”rmcs-why”>
<div class=”rmcs-container”>
<div class=”rmcs-section-header”>
<h2 class=”rmcs-section-title”>Why Choose RMCS?</h2>
</div>
<div class=”rmcs-why__grid”>
<div class=”rmcs-why__card”>
<div class=”rmcs-why__icon”>🎯</div>
<h3 class=”rmcs-why__title”>Industry Specialists</h3>
<p class=”rmcs-why__desc”>
We focus exclusively on construction supplies β€”
deep product knowledge and technical support.
</p>
</div>
<div class=”rmcs-why__card”>
<div class=”rmcs-why__icon”>πŸ“¦</div>
<h3 class=”rmcs-why__title”>200+ Products</h3>
<p class=”rmcs-why__desc”>
Comprehensive range covering rebar, formwork,
scaffolding, precast and tilt-up construction.
</p>
</div>
<div class=”rmcs-why__card”>
<div class=”rmcs-why__icon”>🌍</div>
<h3 class=”rmcs-why__title”>Africa Export Ready</h3>
<p class=”rmcs-why__desc”>
Experienced in cross-border logistics across
7 Southern African countries.
</p>
</div>
<div class=”rmcs-why__card”>
<div class=”rmcs-why__icon”>πŸ“„</div>
<h3 class=”rmcs-why__title”>Technical Support</h3>
<p class=”rmcs-why__desc”>
Product datasheets, specifications and
technical guidance available.
</p>
</div>
<div class=”rmcs-why__card”>
<div class=”rmcs-why__icon”>πŸ’¬</div>
<h3 class=”rmcs-why__title”>WhatsApp Ordering</h3>
<p class=”rmcs-why__desc”>
Quick and easy ordering via WhatsApp β€”
ideal for busy construction sites.
</p>
</div>
<div class=”rmcs-why__card”>
<div class=”rmcs-why__icon”>🀝</div>
<h3 class=”rmcs-why__title”>Reliable Supply</h3>
<p class=”rmcs-why__desc”>
Consistent stock availability and
dependable delivery timelines.
</p>
</div>
</div>
</div>
</section>

<!– 7. CTA BANNER –>
<section class=”rmcs-cta”>
<div class=”rmcs-container”>
<div class=”rmcs-cta__content”>
<h2 class=”rmcs-cta__title”>Ready to Order?</h2>
<p class=”rmcs-cta__desc”>
Browse our full product range or contact us directly
for export pricing and availability.
</p>
<div class=”rmcs-cta__actions”>
<a href=”/shop” class=”rmcs-btn rmcs-btn–primary”>
πŸ›’ Shop Now
</a>
<a href=”/request-quote” class=”rmcs-btn rmcs-btn–outline-light”>
πŸ“‹ Request a Quote
</a>
<a href=”https://wa.me/27XXXXXXXXX”
class=”rmcs-btn rmcs-btn–whatsapp”
target=”_blank”>
πŸ’¬ WhatsApp Us
</a>
</div>
</div>
</div>
</section>

<!– 8. WHATSAPP FLOATING BUTTON –>
<a href=”https://wa.me/27XXXXXXXXX”
class=”rmcs-whatsapp-float”
target=”_blank”
aria-label=”Chat on WhatsApp”>
<svg 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-.347z”/>
<path d=”M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.118 1.528 5.849L0 24l6.335-1.507
A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818
a9.818 9.818 0 01-5.006-1.371l-.359-.214-3.728.887.916-3.618-.235-.372
A9.818 9.818 0 1112 21.818z”/>
</svg>
</a>

<?php get_footer(); ?>