?⑺뭹 臾몄쓽 ??(二?釉붾옓?쇨렇

?곹샇紐?* ?대떦?먮챸 * ?곕씫泥?*

?대찓??* ?낆쥌

愿???쒗뭹

臾몄쓽 ?댁슜 *

<section class="cta-section scroll-reveal">
    <div class="container">
      <h2 class="section-title" style="color:#fff">吏곸젒 臾몄쓽?섏꽭??/h2>
      <p style="color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto 2rem">
        ?꾪솕 ?곷떞???먰븯?쒕㈃ ?꾨옒 踰덊샇濡??곕씫 二쇱꽭??
      </p>
      <a href="tel:031-XXX-XXXX" class="cta-btn-solid">031-XXX-XXXX 濡??꾪솕?섍린</a>
    </div>
  </section>

<div class="floating-cta">
    <a href="tel:031-XXX-XXXX">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg>
      ?꾪솕?섍린
    </a>
  </div>

<footer class="footer">
    <div class="footer-inner">
      <div class="footer-brand">
        <span class="footer-logo">BLACKPIG</span>
        <p class="footer-desc">HACCP ?몄쬆 異뺤궛臾?媛怨??꾨Ц | 500?ш컻 嫄곕옒泥??좊ː</p>
      </div>
      <div class="footer-nav">
        <div class="footer-nav-col">
          <h4>?섏씠吏</h4>
          <ul>
            <li><a href="index.html">??/a></li>
            <li><a href="about.html">?뚯궗 ?뚭컻</a></li>
            <li><a href="products.html">?쒗뭹 ?뚭컻</a></li>
            <li><a href="clients.html">嫄곕옒泥?/a></li>
          </ul>
        </div>
        <div class="footer-nav-col">
          <h4>臾몄쓽</h4>
          <ul>
            <li><a href="contact.html">?⑺뭹 臾몄쓽</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      © 2026 Blackpig Co., Ltd. All rights reserved.
    </div>
  </footer>

<style>
    .contact-item {
      display: flex;
      gap: 1rem;
      margin-bottom: 1.5rem;
    }

.contact-icon {
      width: 40px;
      height: 40px;
      background: var(--gold);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      flex-shrink: 0;
    }

.contact-item h4 {
      font-size: 1rem;
      margin-bottom: 0.3rem;
      color: var(--bg-dark);
    }

.contact-item p {
      color: var(--text-muted);
      font-size: 0.95rem;
      line-height: 1.6;
    }

.contact-form {
      background: #fff;
      padding: 2rem;
      border-radius: 8px;
      box-shadow: 0 4px 20px var(--shadow);
    }

.form-group {
      margin-bottom: 1.5rem;
    }

.form-group label {
      display: block;
      margin-bottom: 0.5rem;
      font-weight: 500;
      color: var(--bg-dark);
    }

.form-group input,
    .form-group select,
    .form-group textarea {
      width: 100%;
      padding: 0.8rem;
      border: 1px solid var(--border);
      border-radius: 4px;
      font-family: 'Pretendard', sans-serif;
      font-size: 1rem;
      transition: border-color 0.3s ease;
    }

.form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus {
      outline: none;
      border-color: var(--gold);
    }

.form-group textarea {
      resize: vertical;
      min-height: 120px;
    }

.form-privacy {
      margin-bottom: 1.5rem;
    }

.submit-btn {
      width: 100%;
      background: var(--gold);
      color: var(--bg-dark);
      padding: 1rem;
      border: none;
      border-radius: 4px;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
    }

.submit-btn:hover {
      background: var(--gold-light);
      transform: translateY(-2px);
      box-shadow: 0 4px 15px rgba(201, 169, 98, 0.3);
    }

@media (max-width: 768px) {
      .contact-info,
      .contact-form-wrapper {
        grid-column: 1;
      }

.contact-form {
        padding: 1.5rem;
      }
    }
  </style>
</body>
</html>

?⑺뭹 臾몄쓽

臾몄쓽?섍린

?곕씫泥??뺣낫

二쇱냼

?꾪솕

?대찓??/h4>
contact@blackpig.co.kr

?곸뾽?쒓컙

?⑺뭹 臾몄쓽

臾몄쓽?섍린

?곕씫泥??뺣낫

二쇱냼

?꾪솕

?대찓??/h4> contact@blackpig.co.kr

?곸뾽?쒓컙

?대찓??/h4>
contact@blackpig.co.kr