<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Superlormsl Dual-Image Banner</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
    <style>
        :root { --accent: #d4af37; --white: #ffffff; }

        .dual-banner {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 3px;
         
            gap: 40px;
        }

        /* Image collage section */
        .image-collage {
            position: relative;
            width: 500px;
            height: 650px;
        }

        .img-1 {
            width: 300px;
            height: 400px;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            box-shadow: 20px 20px 40px rgba(0,0,0,0.1);
        }

        .img-2 {
            width: 300px;
            height: 400px;
            object-fit: cover;
            position: absolute;
            bottom: 0;
            right: 0;
            box-shadow: -20px 20px 40px rgba(0,0,0,0.1);
        }

        /* Content section */
        .content-side {
            max-width: 450px;
        }

        .content-side h2 {
            font-family: 'Playfair Display', serif;
            font-size: 60px;
            line-height: 1;
            margin-bottom: 20px;
        }

        .content-side p {
            font-family: 'Inter', sans-serif;
            color: #666;
            margin-bottom: 30px;
            line-height: 1.6;
        }

        .btn-shop {
            padding: 15px 30px;
            background: #000;
            color: #fff;
            text-decoration: none;
            font-size: 12px;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        @media (max-width: 900px) {
            .dual-banner { flex-direction: column; height: auto; padding: 50px 20px; }
            .image-collage { width: 100%; height: 400px; }
            .img-1, .img-2 { width: 45%; }
        }
    </style>
</head>
<body>

    <section class="dual-banner">
        <div class="image-collage">
            <img src="https://i.pinimg.com/1200x/88/63/5c/88635ca3d5453e344f96f71bba75b708.jpg" alt="Model 1" class="img-1">
            <img src="https://i.pinimg.com/1200x/bf/ec/89/bfec8961c89285aa037d091b3b781662.jpg" alt="Model 2" class="img-2">
        </div>

        <div class="content-side">
            <span style="letter-spacing: 3px; font-size: 10px; color: var(--accent);">SEASON 2026</span>
            <h2>Timeless <br><i>Elegance</i></h2>
            <p>Discover the intersection of contemporary tailoring and the spirit of freedom. Our latest collection is designed for those who pursue perfection.</p>
<p>Each piece is meticulously crafted from premium materials, embodying a journey of self-expression. From sharp, structured lines to fluid, graceful drapes, this collection empowers you to define your own narrative in a world that never stands still.</p>
            <a href="/shop" class="btn-shop">Shop Now</a>
        </div>
    </section>

</body>
</html>

Surface a high-confidence product row with stronger hierarchy and ranking cues.

Best Seller Picks

Keep the latest drops feeling editorial, fresh and easy to scan.

New Arrivals

Hazmie is an online store with secure checkout, tracked shipping, clear returns, and responsive customer support.

Timeless Elegance

Best Seller Picks

Fast Shipping

Flexible Payment

Premium Support

30 Day Returns

New Arrivals

Linen Elegance

Modern Tailoring

Spring Muse

Minimalist Detail

Timeless
Elegance