<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <!-- Google Tag Manager -->
    <!--
      미리보기 사이트(presell-front.netlify.app)에서는 컨테이너를 싣지 않는다 — 그 사이트의 환경변수
      VITE_ANALYTICS_DISABLED=1 을 Vite 가 빌드 때 %VITE_ANALYTICS_DISABLED% 자리에 넣는다.
      운영 사이트에는 변수가 없어 그대로 실린다. 코드 쪽 가드는 utils/analytics.ts.
    -->
    <script>
      if ("%VITE_ANALYTICS_DISABLED%" !== "1") {
        (function (w, d, s, l, i) {
          w[l] = w[l] || [];
          w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
          var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != "dataLayer" ? "&l=" + l : "";
          j.async = true;
          j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
          f.parentNode.insertBefore(j, f);
        })(window, document, "script", "dataLayer", "GTM-T2QGPDJB");
      }
    </script>
    <!-- End Google Tag Manager -->
    <!--
      당근마켓 픽셀 (2026-10-12, 협력업체 요청). GTM 과 같은 가드 — 미리보기 사이트에서는 싣지 않는다.
      기본 코드는 당근 비즈니스 가이드 그대로(init + ViewPage). 회원가입 완료(CompleteRegistration)는
      메타 픽셀과 같은 자리에서 나간다 — hooks/useMetaPixel.ts completeRegistration.
    -->
    <script>
      if ("%VITE_ANALYTICS_DISABLED%" !== "1") {
        (function (w, d) {
          if (w.karrotPixel) return;
          var k = { stub: true, queue: [] };
          k.init = function () { k.queue.push(["init", arguments, Date.now()]); };
          k.track = function () { k.queue.push(["track", arguments, Date.now()]); };
          w.karrotPixel = k;
          var s = d.createElement("script");
          s.async = true;
          s.src = "https://karrot-pixel.business.daangn.com/karrot-pixel.js";
          var f = d.getElementsByTagName("script")[0];
          f && f.parentNode ? f.parentNode.insertBefore(s, f) : d.head.appendChild(s);
        })(window, document);
        window.karrotPixel.init("1791767527070140001");
        window.karrotPixel.track("ViewPage");
      }
    </script>
    <!-- End 당근마켓 픽셀 -->
    <title>프리셀 | 채소값을 먼저 정합니다 — B2B 채소 도매 직거래</title>
    <meta
      name="description"
      content="식당·카페·베이커리를 위한 B2B 채소 정기공급. 값과 양을 먼저 약속하는 채소 선도거래 — 매주 월요일 가격 확정, 금요일 14시 물량 확정, 다음 주 화~금 배송."
    />
    <meta name="author" content="Presell" />
    <!-- 링크 미리보기(카톡·메신저·SNS) — 2026-10-09 교체. 이미지를 바꾸면 ?v= 숫자를 올려 메신저 캐시를 넘긴다 -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="프리셀 pre:sell" />
    <meta property="og:url" content="https://presell.kr/" />
    <meta property="og:title" content="프리셀 | 채소값을 먼저 정합니다" />
    <meta property="og:description" content="값과 양을 먼저 약속하는 B2B 채소 선도거래. 매주 월요일 가격 확정, 다음 주 화~금 배송." />
    <meta property="og:image" content="https://presell.kr/og-image.jpg?v=5" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="pre:sell 로고와 '채소값을 먼저 정합니다' 문구, 직영 샐러드와 산지 채소 12가지 사진" />
    <meta property="og:locale" content="ko_KR" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="프리셀 | 채소값을 먼저 정합니다" />
    <meta name="twitter:description" content="값과 양을 먼저 약속하는 B2B 채소 선도거래. 매주 월요일 가격 확정, 다음 주 화~금 배송." />
    <meta name="twitter:image" content="https://presell.kr/og-image.jpg?v=5" />
    <!-- 파비콘 · 앱 아이콘 — 방향 F 로고의 달력 아이콘(흰 칸 + 검정 테두리 + 빨간 체크, 밝은·어두운 탭 모두 보임) -->
    <link rel="icon" href="/favicon.ico?v=2" sizes="48x48" />
    <link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" />
    <link rel="icon" href="/favicon-32.png?v=2" type="image/png" sizes="32x32" />
    <link rel="icon" href="/favicon-16.png?v=2" type="image/png" sizes="16x16" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2" sizes="180x180" />

    <!--
      Pretendard (방향 F, 2026-10-09). 새 의존성 없이 jsDelivr 버전 고정 링크로 싣는다(design-handoff/REPO_NOTES §1).
      가변 글꼴 + 쓰는 글자만 받는 dynamic subset. 글꼴 지정은 tailwind.config.ts 의 fontFamily.sans 한 곳.
    -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
    />
    <script type="module" crossorigin src="/assets/index-oUMv7uYO.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-RZCU0apm.css">
  </head>

  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript
      ><iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-T2QGPDJB"
        height="0"
        width="0"
        style="display: none; visibility: hidden"
      ></iframe
    ></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
    <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
  </body>
</html>
