Call to action

We supply and fit a wide range of high-performance parts from our trusted suppliers and close partner, Forge Motorsport. Every component is carefully selected to ensure top-tier quality and performance. Whether you're upgrading your intake, intercooler, suspension, or more, we offer expert fitting in-house or as part of a custom tuning package. Please note, certain parts may require full payment upfront to secure your order. Our team is always happy to advise on the best options for your vehicle.

Explore Performance Parts

Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Performance Parts</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <style>
        .performance-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }
        .grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            width: 100%;
        }
        .card {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease-in-out;
            height: 300px;
        }
        .card:hover {
            transform: scale(1.05);
        }
        .card img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease-in-out;
        }
        .card:hover img {
            transform: scale(1.1);
        }
        .overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            padding: 10px;
            text-align: center;
        }
        .overlay h3 {
            font-size: 1.2rem;
            font-weight: bold;
            line-height: 1.2;
            text-transform: uppercase;
            word-wrap: break-word;
            text-align: center;
            max-width: 90%;
        }
        .button {
            background: white !important;
            color: black !important;
            padding: 10px 15px;
            font-weight: bold;
            border-radius: 6px;
            text-decoration: none;
            transition: transform 0.2s;
            display: inline-block;
            border: 2px solid black;
        }
        .button:hover {
            transform: scale(1.05);
        }
        @media (max-width: 768px) {
            .grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
            }
            .overlay h3 {
                font-size: 1.2rem;
            }
            .card {
                height: 200px;
            }
        }
    </style>
</head>
<body>
    <section class="performance-section">
        <h2 class="text-4xl font-bold text-center mb-6">Performance Parts</h2>
        <p class="text-gray-500 text-center max-w-xl mx-auto mb-10">
            High-quality upgrades from Forge Motorsport and selected trusted suppliers.
        </p>
        <div class="grid">
            <div class="card">
                <img src="https://www.forgemotorsport.co.uk/userfiles/images/sys/products/Seat_Ibiza_10_TSI_MK5_Induction_Kit_43687jpeg.jpg" alt="Induction Kits">
                <div class="overlay">
                    <h3>Induction Kits</h3>
                    <a href="https://www.rpmsussex.com/induction-kits" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://www.forgemotorsport.co.uk/userfiles/images/sys/products/Toyota_Yaris_GR_Intercooler_28191jpeg.jpg" alt="Intercoolers">
                <div class="overlay">
                    <h3>Intercoolers</h3>
                    <a href="https://www.rpmsussex.com/intercoolers" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://i.ebayimg.com/images/g/sDkAAOSwQcVi-5jo/s-l1600.webp" alt="Brakes">
                <div class="overlay">
                    <h3>Brakes</h3>
                    <a href="https://www.rpmsussex.com/breaks" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR280cntDn-CrWttkYXEBIBh7IYH0pt-BbnCQ&s" alt="Air Filters">
                <div class="overlay">
                    <h3>Air Filters</h3>
                    <a href="https://www.rpmsussex.com/air-filters" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://www.forgemotorsport.co.uk/userfiles/images/sys/products/Silicone_Turbo_to_Intercooler_Hose_for_BMW_135_F20_77009jpeg.jpg" alt="Turbo Inlets">
                <div class="overlay">
                    <h3>Turbo Inlets</h3>
                    <a href="https://www.rpmsussex.com/car-hoses" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://www.forgemotorsport.co.uk/userfiles/images/sys/products/Oil_cooler_for_Toyota_Yaris_GR_25481jpeg.jpg" alt="Oil Coolers">
                <div class="overlay">
                    <h3>Oil Coolers</h3>
                    <a href="#" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://www.maxtondesign.co.uk/image/cache/catalog/product/20250318/20250318231630_67d9fecea4fa4-1000x750.jpg" alt="Bodykits">
                <div class="overlay">
                    <h3>Bodykits</h3>
                    <a href="#" class="button">Explore</a>
                </div>
            </div>
            <div class="card">
                <img src="https://api.interactive-img.com/interactiveimage/6712209342681.jpg" alt="Explore Bundles">
                <div class="overlay">
                    <h3>Explore Bundles</h3>
                    <a href="#" class="button">Explore</a>
                </div>
            </div>
        </div>
    </section>
</body>
</html>
