<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Superlormsl Jackets Collection</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Syne:wght@700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg: #1a1a1a;
            --text: #ffffff;
            --accent: #ff3e3e; /* Điểm nhấn đỏ mạnh mẽ cho Jackets */
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; ; color: var(--text); }

        .jacket-banner {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            padding: 0 5%;
        }

        /* Hình nền mờ phía sau */
        .bg-img {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: url('https://egead.nyc3.cdn.digitaloceanspaces.com/1779418266162gbp42v.webp') center/cover;
            filter: brightness(0.4);
            z-index: 1;
        }

        /* Nội dung chính giữa */
        .content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 800px;
        }

        .label {
            text-transform: uppercase;
            letter-spacing: 5px;
            font-size: 12px;
            color: var(--accent);
            margin-bottom: 20px;
            display: block;
        }

        h1 {
            font-family: 'Syne', sans-serif;
            font-size: clamp(50px, 10vw, 80px);
            line-height: 0.9;
            margin-bottom: 30px;
color: white;
        }

        p {
            font-size: 18px;
            color: #ccc;
            margin-bottom: 40px;
            line-height: 1.6;
        }

        .btn-shop {
            display: inline-block;
            padding: 18px 40px;
            background: var(--accent);
            color: white;
            text-decoration: none;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: 0.3s;
        }

        .btn-shop:hover { background: #fff; color: #000; }

        /* Các chi tiết decor */
        .corner-line {
            position: absolute;
            width: 100px; height: 100px;
            border: 2px solid var(--accent);
            z-index: 3;
        }
        .top-left { top: 40px; left: 40px; border-right: none; border-bottom: none; }
        .bottom-right { bottom: 40px; right: 40px; border-left: none; border-top: none; }

        @media (max-width: 768px) {
            h1 { font-size: 60px; }
            .corner-line { display: none; 
color: white;}
        }
    </style>
</head>
<body>

    <section class="jacket-banner">
        <div class="bg-img"></div>
        <div class="corner-line top-left"></div>
        <div class="corner-line bottom-right"></div>
        
        <div class="content">
            <span class="label">Iconic Outerwear 2026</span>
            <h1>UNCOMPROMISED<br>JACKETS</h1>
            <p>Engineered for the elements, designed for the streets. Discover our signature range of technical bombers and refined leather jackets.</p>
            <a href="/shop" class="btn-shop">Shop Now</a>
        </div>
    </section>

</body>
</html>

New Products

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .trust-bar {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            padding: 40px 5%;
            background: #ffffff;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .trust-item {
            display: flex;
            align-items: center;
            gap: 15px;
            text-align: left;
        }

        .icon-box {
            background: #f9f9f9;
            padding: 12px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .trust-text h4 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 2px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .trust-text p {
            font-size: 12px;
            color: #666;
            margin: 0;
        }

        @media (max-width: 992px) {
            .trust-bar { grid-template-columns: repeat(2, 1fr); gap: 30px; }
        }
        @media (max-width: 576px) {
            .trust-bar { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>

    <section class="trust-bar">
        <div class="trust-item">
            <div class="icon-box">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 8h11M21 8h-4M13 8h-2m4 4h4m-4 4h4m-4-8l2 2m-2-2l-2 2M21 12v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h14a2 2 0 012 2z"/></svg>
            </div>
            <div class="trust-text">
                <h4>Fast Shipping</h4>
                <p>Delivery time in 3-63 business days.</p>
            </div>
        </div>

        <div class="trust-item">
            <div class="icon-box">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="1" y="4" width="22" height="16" rx="2"/><path d="M1 10h22"/></svg>
            </div>
            <div class="trust-text">
                <h4>Flexible Payment</h4>
                <p>Pay with Visa, Paypal or Apple Pay.</p>
            </div>
        </div>

        <div class="trust-item">
            <div class="icon-box">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
            </div>
            <div class="trust-text">
                <h4>Premium Support</h4>
                <p>Available 24/7 for your needs.</p>
            </div>
        </div>

        <div class="trust-item">
            <div class="icon-box">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 4v6h-6M1 20v-6h6M20.49 9A9 9 0 1012 21"/></svg>
            </div>
            <div class="trust-text">
                <h4>30 Day Returns</h4>
                <p>Money-back guarantee within 30 days.</p>
            </div>
        </div>
    </section>

</body>
</html>

Highlight live products from the current store with a clean responsive grid.

Featured products

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

UNCOMPROMISEDJACKETS

New Products

Fast Shipping

Flexible Payment

Premium Support

30 Day Returns

Featured products

UNCOMPROMISED
JACKETS