bt-trader/app/Views/front/page/contact/hero.php

<style>
    /* ===== Contact Section (BT-Trader style) ===== */
    .bt-contact {
        background: #070707;
        border-top: 1px solid rgba(255, 255, 255, .10);
    }

    .bt-contact .bt-wrap {
        max-width: 1400px;
        /* 화면 꽉 차는 느낌 */
    }

    /* Left panel */
    .bt-contact-left {
        background: #101010;
        min-height: 620px;
        padding: 86px 70px;
    }

    .bt-contact-title {
        color: #fff;
        font-size: 46px;
        font-weight: 500;
        letter-spacing: .2px;
        margin: 0 0 22px 0;
    }

    .bt-contact-line {
        width: 90px;
        height: 1px;
        background: rgba(255, 255, 255, .35);
        margin: 0 0 26px 0;
    }

    .bt-contact-copy {
        color: rgba(255, 255, 255, .82);
        font-size: 18px;
        line-height: 1.85;
        max-width: 520px;
        margin-bottom: 34px;
    }

    /* Form */
    .bt-form label {
        color: rgba(255, 255, 255, .75);
        font-size: 12px;
        letter-spacing: .2px;
        margin-bottom: 6px;
    }

    .bt-input {
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, .70) !important;
        border-radius: 0 !important;
        color: #fff !important;
        height: 38px;
        padding: 6px 10px;
        font-size: 14px;
        box-shadow: none !important;
    }

    .bt-input:focus {
        border-color: rgba(167, 139, 250, .95) !important;
        /* 밝은 보라 */
        outline: none;
    }

    .bt-textarea {
        min-height: 120px;
        resize: none;
    }

    .bt-submit {
        background: #7c3aed;
        /* 보라 버튼 */
        border: none;
        border-radius: 0;
        padding: 10px 52px;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
    }

    .bt-submit:hover {
        filter: brightness(1.07);
    }

    /* Right image */
    .bt-contact-right {
        min-height: 620px;
        background: #000;
        background-image: url("YOUR_IMAGE_URL_HERE.jpg");
        background-size: cover;
        background-position: center;
        position: relative;
    }

    /* (원본처럼 살짝 맑은 톤) */
    .bt-contact-right::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .06);
        pointer-events: none;
    }

    /* Divider between panels */
    .bt-contact-divider {
        position: relative;
    }

    @media (min-width: 992px) {
        .bt-contact-divider::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 1px;
            background: rgba(255, 255, 255, .18);
        }
    }

    /* Responsive */
    @media (max-width: 991.98px) {
        .bt-contact-left {
            padding: 56px 22px;
            min-height: auto;
        }

        .bt-contact-right {
            min-height: 360px;
        }

        .bt-contact-title {
            font-size: 38px;
        }
    }
</style>

<section id="contact" class="bt-contact">
    <div class="container-fluid px-0 bt-wrap">
        <div class="row g-0">

            <!-- Left: text + form -->
            <div class="col-12 col-lg-6 bt-contact-left bt-contact-divider">
                <div class="mx-auto" style="max-width: 720px;">
                    <h2 class="bt-contact-title">Contact Us</h2>
                    <div class="bt-contact-line"></div>

                    <div class="bt-contact-copy">
                        We welcome inquiries from global buyers,<br>
                        suppliers, and partners.<br><br>
                        Please reach out for product availability,<br>
                        pricing, logistics coordination, or<br>
                        partnership opportunities.
                    </div>

                    <form class="bt-form" action="#" method="post">
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label">First Name *</label>
                                <input type="text" class="form-control bt-input" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">Last Name *</label>
                                <input type="text" class="form-control bt-input" required>
                            </div>

                            <div class="col-12 col-md-6">
                                <label class="form-label">Email *</label>
                                <input type="email" class="form-control bt-input" required>
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="form-label">Phone</label>
                                <input type="tel" class="form-control bt-input">
                            </div>

                            <div class="col-12">
                                <label class="form-label">Leave us a message...</label>
                                <textarea class="form-control bt-input bt-textarea"></textarea>
                            </div>

                            <div class="col-12 pt-2">
                                <button type="submit" class="bt-submit">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Right: background image -->
            <div class="col-12 col-lg-6 bt-contact-right" aria-label="Contact background image"></div>

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