{{ define "main" }}

<!-- Enhanced Hero Section with Modern UI -->
<div class="home-hero">
  <!-- Modern Hero with Gradient Background -->
  <!-- Hero Carousel -->
  <section class="hero modern-gradient-bg relative overflow-hidden group" id="hero"
    style="padding: 140px 0 100px; min-height: 600px;">
    <style>
      .indicator-active {
        opacity: 1 !important;
        transform: scale(1.1);
      }

      .indicator-inactive {
        opacity: 0.4 !important;
      }

      .indicator-inactive:hover {
        opacity: 0.75 !important;
      }
    </style>

    <!-- Slides Container -->
    <div id="hero-track" class="flex transition-transform duration-700 ease-out h-full w-full">

      <!-- Slide 1: Corporate (Existing) -->
      <div class="w-full flex-shrink-0 flex items-center justify-center px-5">
        <div class="hero__content container mx-auto max-w-[1280px] modern-fade-in-up">
          <h1 class="hero__title text-white text-5xl md:text-6xl font-bold mb-6"
            style="color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
            必要な”モノ”と”情報”を世界から
          </h1>
          <p class="hero__desc text-white text-xl md:text-2xl mb-8 max-w-3xl"
            style="color: #e2e8f0; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
            グローバルな流通ネットワークで<br />
            お客様が必要な”モノ”と”情報”を迅速にご提供。
          </p>
          <div class="hero__actions flex flex-col sm:flex-row gap-4">
            <a href="/items/" class="modern-btn modern-btn--white text-lg">
              <span>在庫検索へ</span>
            </a>
            <a href="/about/" class="modern-btn modern-btn--outline-white text-lg">
              <span>詳しく見る</span>
            </a>
          </div>
        </div>
      </div>

      <!-- Slide 2: Storage Promo (New) -->
      <div class="w-full flex-shrink-0 flex items-center justify-center px-5">
        <div class="hero__content container mx-auto max-w-[1280px] modern-fade-in-up">
          <h1 class="hero__title text-white text-5xl md:text-6xl font-bold mb-6"
            style="color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
            半導体・ストレージ製品の<br />安定供給を実現
          </h1>
          <p class="hero__desc text-white text-xl md:text-2xl mb-8 max-w-3xl"
            style="color: #e2e8f0; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
            DRAM、NANDフラッシュ、SSDなど、主要メーカーの正規・<span class="whitespace-nowrap">市場流通在庫</span>を独自のグローバルネットワークで調達。<br />お客様の生産を強力にサポートします。
          </p>
          <div class="hero__actions flex flex-col sm:flex-row gap-4">
            <a href="/items/" class="modern-btn modern-btn--white text-lg">
              <span>在庫検索へ</span>
            </a>
            <a href="/catalog/storage/" class="modern-btn modern-btn--outline-white text-lg">
              <span>詳しく見る</span>
            </a>
          </div>
        </div>
      </div>

    </div>

    <!-- Navigation Arrows -->
    <button id="prev-slide"
      class="absolute left-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-white/10 hover:bg-white/20 text-white backdrop-blur-sm transition-all opacity-0 group-hover:opacity-100 z-10 hidden md:block">
      <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
      </svg>
    </button>
    <button id="next-slide"
      class="absolute right-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-white/10 hover:bg-white/20 text-white backdrop-blur-sm transition-all opacity-0 group-hover:opacity-100 z-10 hidden md:block">
      <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
      </svg>
    </button>

    <!-- Indicators -->
    <div class="absolute bottom-8 left-0 w-full flex justify-center gap-3 z-10">
      <button
        class="indicator w-3 h-3 rounded-full bg-white transition-all duration-300 indicator-active cursor-pointer shadow-sm"
        data-index="0" aria-label="Slide 1"></button>
      <button
        class="indicator w-3 h-3 rounded-full bg-white transition-all duration-300 indicator-inactive cursor-pointer shadow-sm"
        data-index="1" aria-label="Slide 2"></button>
    </div>

  </section>

  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const track = document.getElementById('hero-track');
      const indicators = document.querySelectorAll('.indicator');
      const prevBtn = document.getElementById('prev-slide');
      const nextBtn = document.getElementById('next-slide');
      let currentIndex = 0;
      const slideCount = 2;
      const intervalTime = 5000;
      let autoPlayTimer;

      function updateSlide() {
        track.style.transform = `translateX(-${currentIndex * 100}%)`;
        indicators.forEach((ind, i) => {
          if (i === currentIndex) {
            ind.classList.remove('indicator-inactive');
            ind.classList.add('indicator-active');
          } else {
            ind.classList.remove('indicator-active');
            ind.classList.add('indicator-inactive');
          }
        });
      }

      function nextSlide() {
        currentIndex = (currentIndex + 1) % slideCount;
        updateSlide();
      }

      function prevSlide() {
        currentIndex = (currentIndex - 1 + slideCount) % slideCount;
        updateSlide();
      }

      function startAutoPlay() {
        stopAutoPlay();
        autoPlayTimer = setInterval(nextSlide, intervalTime);
      }

      function stopAutoPlay() {
        clearInterval(autoPlayTimer);
      }

      // Event Listeners
      nextBtn.addEventListener('click', () => {
        nextSlide();
        startAutoPlay(); // Reset timer
      });

      prevBtn.addEventListener('click', () => {
        prevSlide();
        startAutoPlay(); // Reset timer
      });

      indicators.forEach(ind => {
        ind.addEventListener('click', (e) => {
          currentIndex = parseInt(e.target.dataset.index);
          updateSlide();
          startAutoPlay();
        });
      });

      // Hover pause
      const heroSection = document.getElementById('hero');
      heroSection.addEventListener('mouseenter', stopAutoPlay);
      heroSection.addEventListener('mouseleave', startAutoPlay);

      // Start
      startAutoPlay();
    });
  </script>

  <!-- Search Bar (HTML 结构保持不变，但移除了多余的 ID 依赖) -->
  <section class="home-search" style="margin-top: 60px; position: relative; z-index: 10;">
    <div class="container mx-auto max-w-[1280px] px-5">
      <div class="mx-auto max-w-4xl">
        <div class="w-full">
          <div class="flex w-full max-w-4xl mx-auto pure-search-bar">
            <!-- Left Label -->
            <div class="pure-search-left">
              <span class="text-white font-bold text-lg">部品検索</span>
            </div>

            <!-- Center Input -->
            <div class="pure-search-center flex-1 relative search-input-enhanced">
              <input class="w-full h-full px-6 text-gray-900 placeholder-gray-500 bg-transparent outline-none text-base"
                type="text" id="home-search-input" placeholder="お探しの型番をご入力ください（例: STM32, LM358）" aria-label="検索キーワード" />
            </div>

            <!-- Right Search Button -->
            <button class="pure-search-right flex items-center justify-center" type="button" aria-label="検索"
              onclick="performHomeSearch()">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1">
                <circle cx="11" cy="11" r="4" />
                <path d="m19 19-5.35-5.35" />
              </svg>
            </button>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 🔴 核心修改：移除所有 HugoSearch 相关代码，改为简单跳转 -->
  <script>
    function performHomeSearch() {
      const searchInput = document.getElementById('home-search-input');
      const searchTerm = searchInput.value.trim();

      if (searchTerm.length < 2) {
        alert('検索キーワードを2文字以上入力してください。');
        return;
      }

      // 🚀 关键改动：直接跳转到新的动态列表页 (/items/) 并带上查询参数
      window.location.href = `/items/?q=${encodeURIComponent(searchTerm)}`;
    }

    // 监听回车键
    document.getElementById('home-search-input').addEventListener('keypress', function (e) {
      if (e.key === 'Enter') {
        e.preventDefault();
        performHomeSearch();
      }
    });
  </script>
</div>





<!-- Enhanced Services Section -->
<section class="services container mx-auto max-w-[1280px] px-5 py-16">
  <div class="text-center mb-16">
    <h2 class="text-4xl font-bold text-gray-900 mb-4">サービス内容</h2>
    <p class="text-xl text-gray-600 max-w-3xl mx-auto">お客様のニーズに合わせて、最適なソリューションを提供します</p>
  </div>

  <div class="services__grid grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-8">
    <div class="service-card rounded-2xl p-8 transition-all duration-300 md:col-span-2 md:row-span-2">
      <div class="service-card__icon w-16 h-16 rounded-2xl flex items-center justify-center mb-6" aria-hidden="true">
        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M12 5l5 5-5 5-5-5z" />
          <path d="M4 12h16" />
        </svg>
      </div>
      <div class="service-card__title text-4xl font-bold mb-5">電子部品調達ソリューション</div>
      <div class="service-card__desc leading-relaxed mb-6">純正品・代替品などを組み合わせたご提案で、通常チャネルでは解決できない部品の調達課題に対応</div>
      <div class="flex flex-col gap-5">
        <div class="mb-6">
          <div class="text-2xl font-bold mb-2">カスタマイズ緊急調達</div>
          <div class="service-card__desc leading-relaxed mb-3">
            お客様の仕様・品質・納期などのご要望に合わせて<br />
            市場在庫、メーカー・代理店在庫、及び代替部品を組み合わせた最適なソリューションをご提案します。<br />
            また、カスタム製品の試作検証～量産移行までを一括でフォローし、トレーサビリティや品質などをしっかり担保します。</div>
          <a href="/customized-sourcing/" class="inline-flex items-center transition-colors">
            <span>詳しく見る</span>
            <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
          </a>
        </div>
        <div>
          <div class="text-2xl font-bold mb-2">一般緊急調達</div>
          <div class="service-card__desc leading-relaxed mb-3">
            急な不足・納期遅延が発生した電子部品を、グローバルな在庫とチャネルを活用して短納期で手配します。<br />
            在庫の確認は、ご依頼から24–48時間以内で迅速に対応し、適切な検査体制で外観/機能検査・ロット管理<br />
            など行うことで、ご提供する部品の品質を保証します。</div>
          <a href="/shortage-sourcing/" class="inline-flex items-center transition-colors">
            <span>詳しく見る</span>
            <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
          </a>
        </div>
      </div>
    </div>

    <div class="service-card rounded-2xl p-8 transition-all duration-300 md:col-span-1 md:row-span-1">
      <div class="service-card__icon w-16 h-16 rounded-2xl flex items-center justify-center mb-6" aria-hidden="true">
        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M7 6h13l-1 5H8z" />
          <circle cx="9" cy="19" r="2" fill="currentColor" />
          <circle cx="18" cy="19" r="2" fill="currentColor" />
        </svg>
      </div>
      <div class="service-card__title text-2xl font-bold mb-4">余剰在庫買取ソリューション</div>
      <div class="service-card__desc leading-relaxed mb-6">滞留している電子部品の余剰在庫課題を<br />一括買取、販売代行（預託保管含む）などで解決</div>
      <a href="/excess-inventory-solutions/" class="inline-flex items-center transition-colors">
        <span>詳しく見る</span>
        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </a>
    </div>

    <div class="service-card rounded-2xl p-8 transition-all duration-300 md:col-span-1 md:row-span-1">
      <div class="service-card__icon w-16 h-16 rounded-2xl flex items-center justify-center mb-6" aria-hidden="true">
        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M4 5h16v11H4z" />
          <path d="M8 18h8z" />
        </svg>
      </div>
      <div class="service-card__title text-2xl font-bold mb-4">ワンストップサービス<br />ソリューション</div>
      <div class="service-card__desc leading-relaxed mb-6">必要な部品を正規代理店や市場在庫から<br />短納期で手配。</div>
      <a href="/one-stop-service/" class="inline-flex items-center transition-colors">
        <span>詳しく見る</span>
        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
      </a>
    </div>


  </div>
</section>

<!-- Enhanced Trust Section -->
<section class="trust container mx-auto max-w-[1280px] px-5 py-12">
  <div class="trust__grid grid md:grid-cols-4 gap-6 bg-gray-50 rounded-2xl p-6 border border-gray-200">
    <div class="trust__item text-center">
      <div class="text-2xl font-semibold text-gray-900 mb-1">100+</div>
      <div class="text-gray-500">取引地域</div>
    </div>
    <div class="trust__item text-center">
      <div class="text-2xl font-semibold text-gray-900 mb-1">1000+</div>
      <div class="text-gray-500">取引先</div>
    </div>
    <div class="trust__item text-center">
      <div class="text-2xl font-semibold text-gray-900 mb-1">10000+</div>
      <div class="text-gray-500">業務提携先</div>
    </div>
    <div class="trust__item text-center">
      <div class="text-2xl font-semibold text-gray-900 mb-1">10000k+</div>
      <div class="text-gray-500">取引型番</div>
    </div>
  </div>
</section>

<!-- Enhanced Pillars Section -->
<section class="pillars container mx-auto max-w-[1280px] px-5 py-12">
  <div class="pillars__grid grid md:grid-cols-3 gap-6">
    <div class="pillar bg-white border border-gray-200 rounded-2xl p-6 text-center">
      <div class="w-12 h-12 bg-gray-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1C3563" stroke-width="2">
          <path
            d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
          <polyline points="3.27 6.96 12 12.01 20.73 6.96" />
          <line x1="12" y1="22.08" x2="12" y2="12" />
        </svg>
      </div>
      <div class="pillar__title text-xl font-bold text-gray-900 mb-2">必要なモノと情報を世界から</div>
      <div class="pillar__desc text-gray-600 leading-relaxed">グローバルネットワークで<br />最適なソリューションをご提案します。</div>
    </div>
    <div class="pillar bg-white border border-gray-200 rounded-2xl p-6 text-center">
      <div class="w-12 h-12 bg-gray-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1C3563" stroke-width="2">
          <circle cx="12" cy="12" r="10" />
          <polyline points="12 6 12 12 16 14" />
        </svg>
      </div>
      <div class="pillar__title text-xl font-bold text-gray-900 mb-2">今ほしいモノを今すぐに</div>
      <div class="pillar__desc text-gray-600 leading-relaxed">最適チャネルを活用して迅速に供給いたします。</div>
    </div>
    <div class="pillar bg-white border border-gray-200 rounded-2xl p-6 text-center">
      <div class="w-12 h-12 bg-gray-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#1C3563" stroke-width="2">
          <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
        </svg>
      </div>
      <div class="pillar__title text-xl font-bold text-gray-900 mb-2">信頼と実績の対応力</div>
      <div class="pillar__desc text-gray-600 leading-relaxed">柔軟性が高い体制でローコストで対応します。</div>
    </div>
  </div>
</section>

<!-- Home News Section -->
<section class="home-news py-16 pb-0 bg-gray-50" style="margin-bottom: 0;">
  <div class="container mx-auto max-w-[1280px] px-5">
    <div class="text-center mb-12">
      <h2 class="text-4xl font-bold text-gray-900 mb-4">ニュース</h2>
      <p class="text-gray-600">最新情報をお届けします</p>
    </div>

    {{ $news := where .Site.RegularPages "Section" "news" }}
    {{ if gt (len $news) 0 }}
    <div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-6">
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        {{ range first 6 (sort $news "Date" "desc") }}
        <a href="{{ .RelPermalink }}"
          class="block group bg-white border border-gray-200 rounded-xl p-6 hover:shadow-md transition-shadow">
          <div class="flex items-center justify-between mb-2">
            <span class="text-xs font-semibold text-[#1C3563] bg-[#eef4ff] px-2 py-1 rounded-full">ニュース</span>
            <span class="text-xs text-gray-500">{{ .Date.Format "2006-01-02" }}</span>
          </div>
          <div class="text-gray-900 font-bold group-hover:text-[#1C3563]">{{ .Title }}</div>
          {{ with .Params.description }}
          <div class="text-gray-600 text-sm mt-2 line-clamp-2">{{ . }}</div>
          {{ else }}
          {{ with .Summary }}
          <div class="text-gray-600 text-sm mt-2 line-clamp-2">{{ . | plainify | truncate 120 }}</div>
          {{ end }}
          {{ end }}
          <div class="mt-3 text-[#1C3563] text-sm font-semibold inline-flex items-center gap-1">
            詳細を見る
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
          </div>
        </a>
        {{ end }}
      </div>
    </div>
    {{ else }}
    <div class="bg-gray-100 rounded-2xl p-8 text-center">
      <h3 class="text-xl font-bold text-gray-900 mb-2">最新ニュースは準備中です</h3>
      <p class="text-gray-600">コンテンツ公開までしばらくお待ちください。</p>
    </div>
    {{ end }}

    <div class="text-center mt-12">
      <a href="/news/" class="modern-btn modern-btn--secondary">
        ニュース一覧へ
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="m9 18 6-6-6-6" />
        </svg>
      </a>
    </div>
  </div>
</section>

<!-- Enhanced CTA Section -->
<section class="py-16 modern-gradient-bg" style="margin-top: -3rem;">
  <div class="container mx-auto max-w-4xl text-center px-5">
    <h2 class="text-4xl font-bold text-white mb-6" style="color:white">お問い合わせはこちらから</h2>
    <p class="text-xl text-slate-100 mb-8 max-w-2xl mx-auto" style="color:white">
      電子部品の調達・買取などに関するお問い合わせは<br />専門スタッフが迅速に対応いたします。</p>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8 text-left max-w-3xl mx-auto">
      <!-- Japanese Contact -->
      <a href="mailto:kikuchi@inotoday.com"
        class="group bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-gray-100">
        <div class="flex items-start gap-4">
          <div
            class="w-12 h-12 bg-blue-50 rounded-xl flex items-center justify-center flex-shrink-0 group-hover:bg-blue-100 transition-colors">
            <svg class="w-6 h-6 text-[#1C3563]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
              </path>
            </svg>
          </div>
          <div>
            <div class="text-[#1C3563] font-bold text-lg mb-1 group-hover:text-blue-800 transition-colors">日本語窓口</div>
            <div class="text-gray-600 text-sm mb-3">日本語でのお問い合わせはこちら</div>
            <div
              class="text-[#1C3563] font-semibold underline decoration-blue-200 underline-offset-2 group-hover:decoration-blue-500 transition-all">
              kikuchi@inotoday.com</div>
          </div>
        </div>
      </a>

      <!-- Multilingual Contact -->
      <a href="mailto:anny@inotoday.com"
        class="group bg-white rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-gray-100">
        <div class="flex items-start gap-4">
          <div
            class="w-12 h-12 bg-blue-50 rounded-xl flex items-center justify-center flex-shrink-0 group-hover:bg-blue-100 transition-colors">
            <svg class="w-6 h-6 text-[#1C3563]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <circle cx="12" cy="12" r="10" stroke-width="2"></circle>
              <line x1="2" y1="12" x2="22" y2="12" stroke-width="2"></line>
              <path stroke-width="2"
                d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
            </svg>
          </div>
          <div>
            <div class="text-[#1C3563] font-bold text-lg mb-1 group-hover:text-blue-800 transition-colors">多言語対応窓口</div>
            <div class="text-gray-600 text-sm mb-3">日本語・英語・中国語に対応</div>
            <div
              class="text-[#1C3563] font-semibold underline decoration-blue-200 underline-offset-2 group-hover:decoration-blue-500 transition-all">
              anny@inotoday.com</div>
          </div>
        </div>
      </a>
    </div>
    <div class="flex flex-col sm:flex-row gap-4 justify-center">
      <a href="/contact/" class="modern-btn modern-btn--secondary">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <rect x="3" y="5" width="18" height="14" rx="2" ry="2" />
          <path d="M3 7l9 6 9-6" />
        </svg>
        <span>お問い合わせ</span>
      </a>
      <!-- <a href="tel:+81312345678"
        class="modern-btn modern-btn--ghost text-white border-white hover:bg-white hover:text-[#1C3563]">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path
            d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
        </svg>
        <span>03-1234-5678</span>
      </a> -->
    </div>
  </div>
</section>

{{ end }}