piratezon_new/app/components/header.vue

<template>
  <header>
    <div class="header--wrap">
      <div class="logo">
        <NuxtLink :to="isLincolnPage ? '/lincoln' : '/ford'">
          <!-- <svg
            xmlns="http://www.w3.org/2000/svg"
            width="111"
            height="40"
            viewBox="0 0 111 40"
            fill="none"
            v-if="isLincolnPage == false"
          >
            <g clip-path="url(#clip0_151_1232)">
              <path
                d="M55.5002 0C24.8361 0 0.000213623 8.93958 0.000213623 20.0004C0.000213623 31.0579 24.8378 40 55.5002 40C86.1664 40 111 31.0575 111 20.0004C111 8.93916 86.1668 0 55.5002 0Z"
                fill="#00095B"
              />
              <path
                d="M55.7811 38.2459C26.2527 38.2459 2.31581 29.9872 2.31581 19.7988C2.31581 9.60914 26.2531 1.35089 55.7811 1.35089C85.3065 1.35089 109.242 9.60872 109.242 19.7988C109.242 29.9868 85.3057 38.2459 55.7811 38.2459ZM55.7811 2.94919C27.2902 2.94919 4.19532 10.4917 4.19532 19.7988C4.19532 29.1063 27.2893 36.6497 55.7811 36.6497C84.2716 36.6497 107.363 29.1059 107.363 19.7988C107.363 10.4917 84.2699 2.94919 55.7811 2.94919Z"
                fill="white"
              />
              <path
                d="M41.8347 5.94498C41.0759 5.94737 40.3132 5.97693 39.5455 6.03984C34.4461 6.46535 29.5923 9.31173 29.5835 13.6332C29.578 15.8247 31.1495 17.6003 33.5844 17.5222C36.4457 17.426 38.7945 15.1535 40.0242 12.2883C40.4907 11.2012 39.6267 10.7497 39.2155 11.3755C38.4994 12.4689 37.5019 13.3485 36.3282 13.9217C34.9819 14.5753 33.5429 14.399 33.1066 13.3152C32.4933 11.7862 33.7682 9.4983 36.6777 8.4217C40.8802 6.87927 45.2772 7.89959 49.5082 8.68761C49.5686 8.68761 49.794 8.81153 49.5947 8.91444C48.837 9.32399 48.091 9.65704 46.9289 10.6484C46.0957 11.3557 45.005 12.2975 44.1613 13.3233C43.3239 14.3343 42.7304 15.2361 41.945 16.2359C41.8355 16.3804 41.7007 16.3737 41.7024 16.3737C39.7881 16.6942 37.914 16.9089 36.1981 18.0918C35.8432 18.3346 35.6892 18.7655 35.9044 19.0953C36.0978 19.3876 36.5401 19.4187 36.8472 19.1973C37.9133 18.4067 39.0108 18.0346 40.2694 18.0002C40.3243 18.0035 40.3508 18.0124 40.3663 18.046C40.3759 18.0649 40.3701 18.1047 40.3474 18.1341C38.462 20.7271 37.9899 21.3131 36.5715 22.9206C35.8461 23.7469 35.1325 24.4442 34.3354 25.1701C31.1151 28.1361 27.6513 28.0848 26.4087 26.2252C25.6661 25.1091 25.764 23.9375 26.2506 22.9655C26.8497 21.7751 28.0604 20.9026 29.0673 20.3931C29.4411 20.2041 29.5486 19.7303 29.1744 19.2984C28.9365 19.017 28.3595 18.967 27.9299 19.0451C26.6109 19.2867 25.0523 20.2752 24.1314 21.4648C23.0935 22.7997 22.575 24.4203 22.7492 26.2391C23.0617 29.521 25.7874 31.4167 28.8819 31.3949C31.3442 31.3758 33.6636 30.6362 36.4544 27.8276C39.0559 25.2082 41.426 21.2954 43.6453 17.667C43.715 17.551 43.7644 17.4889 44.1017 17.4473C45.4937 17.2747 47.5491 17.0781 48.8665 17.0025C49.1593 16.9866 49.2188 16.9898 49.3363 17.1347C49.6794 17.564 50.195 17.9284 50.6078 18.1502C50.8091 18.2585 50.9049 18.3126 51.063 18.3151C51.2581 18.3193 51.41 18.2153 51.5081 18.1052C51.6478 17.9532 51.6864 17.7543 51.6109 17.6262C51.532 17.4917 50.6134 16.987 50.5861 16.7829C50.566 16.6556 50.7064 16.6248 50.7064 16.6248C51.3819 16.4148 52.0846 15.9826 52.5104 15.174C52.9286 14.378 52.9962 13.3156 52.2309 12.725C51.5593 12.2063 50.5444 12.2881 49.7347 13.0085C48.9427 13.7079 48.6806 14.7254 48.7875 15.6172C48.8068 15.7718 48.7988 15.8238 48.5861 15.8414C47.3687 15.9381 46.1956 15.9716 44.8908 16.0401C44.8036 16.0464 44.7759 15.9892 44.8267 15.9291C46.329 13.3416 48.5722 11.499 51.0533 9.68437C51.2177 9.56214 51.1675 9.3297 51.1608 9.13563C55.6406 10.1005 59.9698 11.8963 64.6174 11.8581C66.5393 11.8425 68.3792 11.5527 70.1379 10.5963C71.6847 9.75994 72.3124 8.98626 72.3586 8.18228C72.3946 7.62655 72.0048 7.27526 71.4498 7.39498C66.7539 8.46443 62.2742 8.45263 57.6023 7.89228C52.2663 7.25017 47.146 5.92832 41.8347 5.94498ZM51.2081 13.444C51.3178 13.4498 51.4205 13.4863 51.5036 13.5568C51.7511 13.7664 51.6339 14.2894 51.3839 14.6515C51.1108 15.051 50.6476 15.3958 50.2251 15.4798C50.1404 15.4954 50.067 15.4593 50.0322 15.2732C49.9634 14.7804 50.125 14.1206 50.6561 13.6556C50.8224 13.5099 51.0252 13.4343 51.2081 13.444ZM88.9045 13.5384C88.0508 13.5384 86.9311 13.5399 86.0413 13.5399C85.8294 13.5399 85.7199 13.5655 85.6196 13.7609C85.2915 14.3846 81.2899 20.3298 80.5448 21.4845C80.4198 21.6601 80.2663 21.6356 80.2487 21.4352C80.1732 20.7497 79.5761 19.9617 78.6351 19.5845C77.9177 19.2959 77.2162 19.2439 76.4875 19.3397C75.1714 19.5148 73.999 20.2038 72.9678 20.9796C71.4142 22.1511 70.0741 23.6678 68.3435 24.7893C67.3987 25.3997 66.1053 25.9321 65.2398 25.1382C64.4566 24.4182 64.5446 22.8186 65.7432 21.582C65.8695 21.4522 66.021 21.5605 65.9971 21.6768C65.8838 22.2363 66.0232 22.7926 66.4515 23.1828C66.9742 23.647 67.7226 23.6999 68.3628 23.3899C69.1188 23.019 69.5628 22.3018 69.6928 21.4878C69.893 20.2255 68.9125 19.112 67.6866 19.023C66.6902 18.9537 65.735 19.2973 64.8045 20.0592C64.3376 20.4428 64.0719 20.7267 63.6687 21.2954C63.5701 21.4357 63.4191 21.45 63.4242 21.2429C63.4707 19.627 62.796 18.7176 61.4481 18.6878C60.4026 18.6635 59.2847 19.2254 58.4138 19.9142C57.4589 20.6745 56.624 21.6819 55.7292 22.6287C55.618 22.7454 55.5206 22.74 55.4896 22.5136C55.4623 21.4429 55.1908 20.4057 54.6907 19.6694C54.5141 19.4132 54.1419 19.2862 53.8289 19.4593C53.6846 19.5378 53.1817 19.7669 52.8163 20.0588C52.6346 20.2071 52.5644 20.4216 52.6441 20.6968C53.1266 22.2959 53.0205 24.1147 52.366 25.6513C51.7648 27.0576 50.5964 28.3271 49.2237 28.7564C48.3192 29.0408 47.3786 28.9017 46.7967 28.1065C45.9975 27.0093 46.3206 25.1015 47.5113 23.5167C48.563 22.1221 50.083 21.2357 51.6005 20.6649C51.7792 20.5968 51.8156 20.4836 51.7652 20.3332C51.6826 20.0854 51.5514 19.7491 51.4973 19.5949C51.3584 19.2282 50.9686 19.1682 50.4933 19.2199C49.3912 19.3471 48.3973 19.7214 47.4152 20.2427C44.8435 21.6078 43.5546 24.25 42.9891 25.6639C42.7172 26.3423 42.4845 26.7666 42.1837 27.1421C41.7784 27.6474 41.2695 28.107 40.339 28.9173C40.2551 28.9916 40.1922 29.1465 40.2627 29.2902C40.3579 29.4855 40.8415 30.1626 40.9783 30.2231C41.1298 30.2971 41.3054 30.1939 41.3759 30.1435C42.027 29.7062 42.8061 29.0126 43.1875 28.5422C43.3209 28.3813 43.4587 28.449 43.5296 28.6935C43.8853 29.952 44.8169 30.9793 46.1053 31.409C48.4631 32.1974 50.909 31.0563 52.7549 29.0699C53.9279 27.8076 54.3513 26.9955 54.8011 26.4436C55.5629 25.5073 57.0665 23.413 58.8567 22.0684C59.5132 21.5727 60.2907 21.1947 60.6817 21.4454C60.9951 21.6471 61.0962 22.1153 60.5928 23.0226C58.7678 26.3272 56.081 30.2098 55.5885 31.152C55.4987 31.3154 55.5771 31.4435 55.7495 31.4435C56.7048 31.4393 57.6522 31.4413 58.5193 31.4413C58.6632 31.4346 58.7284 31.3695 58.8005 31.2683C60.2013 29.0945 61.5199 27.0246 62.9329 24.8853C63.0126 24.7592 63.0852 24.8569 63.0881 24.912C63.1175 25.408 63.2403 26.0873 63.5373 26.5334C64.0718 27.3576 64.8287 27.7116 65.6687 27.7171C66.3365 27.7247 66.6742 27.6239 67.3946 27.3572C67.8985 27.1697 68.3754 26.9159 68.8126 26.6027C69.0237 26.4578 69.0605 26.7007 69.055 26.7381C68.7311 28.4641 69.1314 30.5088 70.8616 31.3569C72.9324 32.3692 75.2071 30.9465 76.5161 29.6624C76.644 29.5385 76.7821 29.5515 76.7951 29.8179C76.8228 30.3085 77.046 30.8904 77.4555 31.2978C78.5521 32.3891 80.7656 31.9568 82.987 30.2518C84.4134 29.1609 85.9056 27.619 87.2536 25.9862C87.3035 25.9232 87.3408 25.8211 87.2443 25.7186C87.0387 25.5056 86.7419 25.2619 86.5384 25.0741C86.4457 24.996 86.3092 25.0183 86.2308 25.0776C84.8492 26.3802 83.6058 27.866 81.8077 29.0946C81.2014 29.5138 80.2356 29.8524 79.8014 29.2702C79.6324 29.0442 79.6518 28.7312 79.8183 28.3208C80.3432 27.0245 88.641 14.4993 89.0714 13.7617L89.0723 13.7608C89.1461 13.6323 89.0681 13.5384 88.9045 13.5384ZM77.2775 21.3688C77.4947 21.3669 77.6982 21.4084 77.8834 21.4967C78.9054 21.9801 78.579 23.1534 78.1221 24.0745C78.1066 24.1034 78.097 24.135 78.0938 24.1676C78.0906 24.2003 78.094 24.2332 78.1037 24.2645C78.1205 24.3602 78.2462 24.4531 78.3699 24.4972C78.4131 24.5131 78.4377 24.5442 78.3886 24.645C78.0353 25.3948 77.7114 25.827 77.2688 26.4781C76.8627 27.08 76.4045 27.5493 75.849 28.0013C75.0121 28.688 73.85 29.4353 72.8893 28.9329C72.4622 28.7128 72.278 28.1209 72.2864 27.6416C72.3086 26.2932 72.9116 24.9096 74.0284 23.5495C75.1348 22.1993 76.336 21.3771 77.2775 21.3688Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_151_1232">
                <rect width="111" height="40" fill="white" />
              </clipPath>
            </defs>
          </svg> -->

          <img
            v-if="isLincolnPage == false"
            style="max-width: 100px;"
            src="/img/logo--ford.png" alt="" />

          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="125"
            height="40"
            viewBox="0 0 125 40"
            fill="none"
            v-else
          >
            <g clip-path="url(#clip0_293_4331)">
              <path
                d="M9.11948 36.3983C8.913 37.4026 8.64917 37.4257 7.89208 37.518C7.74296 37.5411 7.61677 37.5527 7.47912 37.5758C7.38735 37.5873 7.35294 37.6219 7.33 37.8182C7.27264 38.2107 7.23823 38.3954 7.12352 39.1227C7.12352 39.1227 7.10058 39.3997 6.80233 39.469C7.04322 33.2121 7.13499 23.1111 7.13499 22.5339C7.13499 21.2987 7.27264 20.8947 8.913 20.8023C9.69303 20.7561 10.8401 20.6638 11.6661 20.6061C11.6087 20.7908 11.5628 20.8485 11.4825 20.8831C11.3105 20.9524 11.1957 20.987 10.9204 21.0909C10.7828 21.1486 10.691 21.1948 10.7025 21.3218C10.7025 21.3564 10.7025 21.368 10.7025 21.3795C10.5648 29.3911 9.30302 35.6595 9.14242 36.3983M4.87519 39.1111C4.76048 38.3838 4.7146 38.1991 4.65724 37.8066C4.62283 37.6104 4.59989 37.5758 4.49665 37.5642C4.37047 37.5411 4.23282 37.5296 4.08369 37.5065C3.3266 37.4141 3.06277 37.3795 2.85629 36.3867C2.6957 35.6479 1.42241 29.3795 1.29623 21.368V21.2987C1.29623 21.1717 1.21593 21.114 1.06681 21.0678C0.802973 20.9639 0.688263 20.9293 0.504726 20.86C0.424429 20.8254 0.378545 20.7677 0.321189 20.583C1.13563 20.6407 2.29421 20.733 3.07424 20.7792C4.70313 20.8716 4.85225 21.2756 4.85225 22.5108C4.85225 23.088 4.95549 33.1775 5.18491 39.4459C4.88667 39.3766 4.86372 39.0996 4.86372 39.0996M2.86776 3.60173C3.07424 2.5974 3.33807 2.56277 4.09516 2.47042C4.24429 2.44733 4.37047 2.43579 4.50812 2.4127C4.61136 2.40115 4.6343 2.37807 4.66872 2.17027C4.72607 1.78932 4.76048 1.60462 4.88667 0.865801C4.88667 0.865801 4.90961 0.588745 5.20785 0.51948C4.97843 6.8456 4.87519 16.912 4.87519 17.4545C4.87519 18.6782 4.73754 19.0938 3.09718 19.1861C2.27127 19.2323 1.07828 19.3362 0.344131 19.3824C0.401487 19.1977 0.447371 19.14 0.527668 19.1053C0.699734 19.0361 0.814444 19.0014 1.08975 18.9091C1.2274 18.8514 1.31917 18.8052 1.31917 18.6667V18.6089C1.44535 10.5974 2.71864 4.34055 2.87923 3.60173M7.11205 0.888889C7.23823 1.61616 7.26117 1.80087 7.31853 2.19336C7.35294 2.38961 7.37588 2.42424 7.46765 2.43579C7.6053 2.44733 7.74296 2.45887 7.88061 2.49351C8.6377 2.58586 8.90153 2.62049 9.10801 3.62482C9.26861 4.36364 10.5304 10.6205 10.6681 18.632C10.6681 18.632 10.6681 18.6667 10.6681 18.6898C10.6681 18.8283 10.7484 18.8745 10.886 18.9322C11.1613 19.0245 11.276 19.0592 11.4481 19.1284C11.5284 19.1631 11.5858 19.2208 11.6316 19.4055C10.9778 19.3593 9.7045 19.2554 8.87859 19.2092C7.23823 19.1169 7.10058 18.7128 7.10058 17.4776C7.10058 16.912 7.00881 6.85714 6.76792 0.542569C7.07764 0.611833 7.10058 0.888889 7.10058 0.888889M11.9872 19.9942C11.9758 19.1746 11.9758 19.1977 11.9758 18.8975C11.884 11.0823 10.8975 4.64069 10.4272 1.7316C10.2322 0.542569 10.1404 0.427128 8.87859 0.23088C8.24768 0.138528 7.67413 0.0692641 7.13499 0.034632C6.64174 0 5.99936 0 5.99936 0C5.99936 0 5.34551 0 4.86372 0.034632C4.31311 0.0692641 3.75103 0.138528 3.12012 0.23088C1.85831 0.415584 1.76654 0.531025 1.57153 1.7316C1.10122 4.64069 0.103239 11.0823 0.011471 18.8975C0.011471 19.2092 0.011471 19.1746 0 19.9942C0.011471 20.8254 0.011471 20.7908 0.011471 21.0909C0.103239 28.8947 1.08975 35.3478 1.56006 38.2569C1.75507 39.4574 1.84684 39.5613 3.10865 39.7576C3.68221 39.8384 4.1984 39.9076 4.69166 39.9423C5.18491 39.9885 5.98789 39.9885 5.98789 39.9885C5.98789 39.9885 6.77939 39.9885 7.27264 39.9423C7.27264 39.9423 7.27264 39.9423 7.28411 39.9423C7.77737 39.9076 8.29357 39.8384 8.85565 39.7576C10.1175 39.5729 10.2092 39.4574 10.4042 38.2569C10.8746 35.3478 11.8611 28.8947 11.9528 21.0909C11.9528 20.7792 11.9528 20.8139 11.9643 19.9827"
                fill="#231815"
              />
              <path
                d="M76.7881 22.4068L76.4554 22.707C75.8245 23.2726 75.2051 23.6421 74.2301 23.6421C72.7847 23.6421 71.6491 22.4992 71.6491 21.0331C71.6491 19.567 72.7618 18.4588 74.2415 18.4588C75.0445 18.4588 75.6869 18.7243 76.3981 19.3477L76.7537 19.6594L78.0155 18.3895L77.6599 18.0778C76.9028 17.4083 75.9507 16.7849 74.253 16.7849C71.7408 16.7849 69.7793 18.6666 69.7793 21.0562C69.7793 23.4458 71.6835 25.3044 74.2186 25.3044C75.9737 25.3044 76.9831 24.5887 77.7287 23.8845L78.0729 23.5612L76.811 22.4068H76.7881Z"
                fill="#231815"
              />
              <path
                d="M60.3034 16.9351V21.9452L60.1543 21.7605C58.3648 19.6364 56.495 17.4084 56.4491 17.3737L56.4147 17.3276C56.2656 17.1659 56.0706 16.9351 55.7264 16.9351H54.5449V25.1544H56.3688V20.0173C59.0301 23.1688 60.3149 24.6926 60.3493 24.7273C60.5099 24.912 60.7737 25.1544 61.1637 25.1544H62.1388V16.9466H60.3149L60.3034 16.9351Z"
                fill="#231815"
              />
              <path
                d="M123.176 16.9583V21.9684L123.027 21.7836C121.226 19.6365 119.368 17.4431 119.322 17.3969L119.276 17.3507C119.127 17.1891 118.932 16.9583 118.588 16.9583H117.406V25.1776H119.23V20.029C122.063 23.3883 123.188 24.7158 123.222 24.7505C123.383 24.9352 123.646 25.1776 124.037 25.1776H125V16.9583H123.176Z"
                fill="#231815"
              />
              <path
                d="M45.6554 16.9351H43.8086V25.1429H45.6554V16.9351Z"
                fill="#231815"
              />
              <path
                d="M90.2545 23.6189C88.7632 23.6189 87.6505 22.5107 87.6505 21.0331C87.6505 19.5554 88.7632 18.4818 90.243 18.4818C91.7228 18.4818 92.8469 19.5901 92.8469 21.0677C92.8469 22.5223 91.7342 23.6189 90.2545 23.6189ZM94.7282 20.9638C94.6938 18.5973 92.7666 16.8311 90.2545 16.8311C87.7423 16.8311 85.7578 18.6896 85.7578 21.0793C85.7578 23.4689 87.685 25.2928 90.2315 25.2928C92.7093 25.2928 94.6823 23.4689 94.7282 21.1485C94.7396 21.0793 94.7282 21.0215 94.7282 20.9754"
                fill="#231815"
              />
              <path
                d="M105.075 23.492L105.087 16.9465H103.229V25.1543H109.492V23.5035L105.075 23.492Z"
                fill="#231815"
              />
              <path
                d="M35.5034 25.1429H29.2402V16.9236H31.0871V23.4806H35.5034V25.1429Z"
                fill="#231815"
              />
              <path
                d="M35.5034 25.1429H29.2402V16.9236H31.0871V23.4806H35.5034V25.1429Z"
                fill="#231815"
              />
              <path
                d="M45.6554 16.9351H43.8086V25.1429H45.6554V16.9351Z"
                fill="#231815"
              />
              <path
                d="M105.075 23.492V16.9465H103.229V25.1543H109.492V23.5035L105.075 23.492Z"
                fill="#231815"
              />
              <path
                d="M105.075 23.492L105.087 16.9465H103.229V25.1543H109.492V23.5035L105.075 23.492Z"
                fill="#231815"
              />
              <path
                d="M45.6554 16.9351H43.8086V25.1429H45.6554V16.9351Z"
                fill="#231815"
              />
              <path
                d="M45.6554 16.9351H43.8086V25.1429H45.6554V16.9351Z"
                fill="#231815"
              />
              <path
                d="M45.6554 16.9465H43.8086V25.1659H45.6554V16.9465Z"
                fill="#231815"
              />
            </g>
            <defs>
              <clipPath id="clip0_293_4331">
                <rect width="125" height="40" fill="white" />
              </clipPath>
            </defs>
          </svg>
        </NuxtLink>
      </div>
      <nav>
        <ul>
          <li v-if="isLincolnPage == false">
            <NuxtLink to="/ford/vehicle/explorer" class="sub1">vehicle</NuxtLink>
            <ul class="sub--menu--wrap sub1">
              <div class="">
                <li>
                  <NuxtLink to="/ford/vehicle/explorer">
                    <!-- 2026-04-15 08:00:00 이전 -->
                    <img v-if="!isAfterLaunch" src="/img/models/explorer.png" alt="explorer" />
                    <!-- 2026-04-15 08:00:00 이후 -->
                    <img v-if="isAfterLaunch" src="/img/models/explorer2026.png" alt="explorer" />
                    <span>EXPLORER</span>
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink to="/ford/vehicle/expedition">
                    <img src="/img/models/expedition.png" alt="expedition" />
                    <span>expedition</span>
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink to="/ford/vehicle/bronco">
                    <img src="/img/models/bronco.png" alt="bronco" /> <span>bronco</span>
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink to="/ford/vehicle/mustang">
                    <img src="/img/models/mustang.png" alt="mustang" />
                    <span>mustang</span>
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink to="/ford/vehicle/ranger">
                    <img src="/img/models/ranger.png" alt="ranger" />
                    <span>ranger</span>
                  </NuxtLink>
                </li>
              </div>
            </ul>
          </li>
          <li v-else>
            <NuxtLink to="/lincoln/vehicle/navigator" class="sub1">vehicle</NuxtLink>
            <ul class="sub--menu--wrap sub1">
              <div class="">
                <li>
                  <NuxtLink to="/lincoln/vehicle/nautilus">
                    <img src="/img/models/nautilus.png" alt="nautilus" />
                    <span>NAUTILUS</span>
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink to="/lincoln/vehicle/navigator">
                    <img src="/img/models/navigator.avif" alt="navigator" />
                    <span>NAVIGATOR</span>
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink to="/lincoln/vehicle/aviator">
                    <img src="/img/models/aviator.webp" alt="aviator" />
                    <span>AVIATOR</span>
                  </NuxtLink>
                </li>
                
              </div>
            </ul>
          </li>
          <li @mouseleave="activeMenu = null">
            <NuxtLink :to="linkName + '/network'">network</NuxtLink>
            <ul class="sub--menu--wrap sub2" v-if="isLincolnPage == false">
              <div class="">
                <li>
                  <NuxtLink :to="linkName + '/network'">전시장 및 서비스센터 </NuxtLink>
                </li>
                <!-- <li>
                  <NuxtLink :to="linkName + '/network'"
                    >서비스센터 찾기
                  </NuxtLink>
                </li> -->
                <li>
                  <NuxtLink :to="linkName + '/owner/contact'">포드 고객센터</NuxtLink>
                </li>
              </div>
            </ul>
            <ul class="sub--menu--wrap sub2" v-else>
              <div class="">
                <li>
                  <NuxtLink :to="linkName + '/network'">전시장 및 서비스센터 </NuxtLink>
                </li>
                <!-- <li>
                  <NuxtLink :to="linkName + '/network'"
                    >서비스 센터 찾기
                  </NuxtLink>
                </li> -->
                <li>
                  <NuxtLink :to="linkName + '/owner/contact'">링컨 고객센터</NuxtLink>
                </li>
              </div>
            </ul>
          </li>
          <!-- <li><NuxtLink :to="linkName + '/shopping/brochure'">shopping</NuxtLink>
            <ul class="sub--menu--wrap sub2">
              <div class="">
                <li>
                  <NuxtLink :to="linkName + '/shopping/brochure'">브로슈어 다운로드
                  </NuxtLink>
                </li>
                <li>
                  <NuxtLink :to="linkName + '/shopping/tire'">타이어 에너지 소비 효율</NuxtLink>
                </li>
              </div>
            </ul>
          </li> -->
          <li v-if="isLincolnPage == false" @mouseleave="activeMenu = null">
            <NuxtLink to="/ford/owner">owner</NuxtLink>
            <ul class="sub--menu--wrap sub3">
              <div>
                <ul class="sub--menu--left">
                  <li @click="activeMenu = 1" :class="{ active: activeMenu === 1 }">
                    서비스 <i class="ico"></i>
                  </li>
                  <li>
                    <NuxtLink :to="linkName + '/owner/event'">프로모션</NuxtLink>
                  </li>
                  <!-- <li @click="activeMenu = 2" :class="{ active: activeMenu === 2 }">
                    프로모션 <i class="ico"></i>
                  </li> -->
                </ul>
                <ul class="sub--menu--right" :class="{ active: activeMenu }">
                  <div class="menu1" :class="{ active: activeMenu === 1 }">
                    <li><NuxtLink :to="linkName + '/owner'">공인 서비스</NuxtLink></li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/consumableParts'"
                        >소모성 부품 무상 교환 서비스</NuxtLink
                      >
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/tfService'"
                        >24시간 긴급 출동 서비스</NuxtLink
                      >
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/genuine'">순정 부품</NuxtLink>
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/recall'">리콜 안내</NuxtLink>
                    </li>
                    <!-- <li>
                      <NuxtLink :to="linkName + '/owner/accident'"
                        >사고 수리를 위한 포드 서비스 부품</NuxtLink
                      >
                    </li> -->
                    <li>
                      <NuxtLink :to="linkName + '/owner/navigation'">내비게이션</NuxtLink>
                    </li>
                  </div>
                  <!-- <div class="menu2" :class="{ active: activeMenu === 2 }">
                    <li>
                      <NuxtLink :to="linkName + '/owner/event'"
                        >이벤트</NuxtLink
                      >
                    </li>
                  </div> -->
                </ul>
              </div>
            </ul>
          </li>
          <li v-else @mouseleave="activeMenu = null">
            <NuxtLink to="/lincoln/owner">owner</NuxtLink>
            <ul class="sub--menu--wrap sub3 h--400">
              <div>
                <ul class="sub--menu--left">
                  <li @click="activeMenu = 1" :class="{ active: activeMenu === 1 }">
                    서비스 <i class="ico"></i>
                  </li>
                   <li>
                    <NuxtLink :to="linkName + '/owner/event'">프로모션</NuxtLink>
                  </li>
                  <!-- <li @click="activeMenu = 2" :class="{ active: activeMenu === 2 }">
                    부품 및 차량 관리<i class="ico"></i>
                  </li> -->
                </ul>
                <ul class="sub--menu--right" :class="{ active: activeMenu }">
                  <div class="menu1" :class="{ active: activeMenu === 1 }">
                    <li><NuxtLink :to="linkName + '/owner'">공인 서비스</NuxtLink></li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/pickup'">픽업&딜리버리 서비스</NuxtLink>
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/consumableParts'"
                        >소모성 부품 무상 교환 서비스</NuxtLink
                      >
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/tfService'"
                        >24시간 긴급 출동 서비스</NuxtLink
                      >
                    </li>
                    <!-- <li>
                      <NuxtLink :to="linkName + '/owner/warranty'"
                        >보증 및 서비스</NuxtLink
                      >
                    </li> -->
                    <li>
                      <NuxtLink :to="linkName + '/owner/genuine'">순정 부품</NuxtLink>
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/recall'">리콜 안내</NuxtLink>
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/owner/navigation'">내비게이션</NuxtLink>
                    </li>
                  </div>
                  <div class="menu2" :class="{ active: activeMenu === 2 }">
                  </div>
                </ul>
              </div>
            </ul>
          </li>
          <li v-if="isLincolnPage == false" @mouseleave="activeMenu = null">
            <NuxtLink to="/ford/about/company">about ford</NuxtLink>
            <ul class="sub--menu--wrap sub3 right h--200">
              <div>
                <ul class="sub--menu--left">
                  <!-- <li @click="activeMenu = 3" :class="{ active: activeMenu === 3 }">
                    ABOUT FORD <i class="ico"></i>
                  </li> -->
                  <li @click="activeMenu = 4" :class="{ active: activeMenu === 4 }">
                    GLOBAL SITES <i class="ico"></i>
                  </li>
                </ul>
                <ul class="sub--menu--right" :class="{ active: activeMenu }">
                  <!-- <div class="menu1" :class="{ active: activeMenu === 3 }">
                    <li>
                      <NuxtLink :to="linkName + '/about/company'">Company</NuxtLink>
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/about/ourPurpose'"
                        >Our Purpose</NuxtLink
                      >
                    </li>
                  </div> -->
                  <div class="menu2" :class="{ active: activeMenu === 4 }">
                    <li>
                      <NuxtLink :to="linkName + '/about/company'">Company</NuxtLink>
                    </li>
                    <li>
                      <NuxtLink :to="linkName + '/about/ourPurpose'"
                        >Our Purpose</NuxtLink
                      >
                    </li>
                    <li><NuxtLink to="https://corporate.ford.com/careers/inclusive-hiring/diversity/?intcmp=corporate-seconNav-diversity" target="_blank">Corporate</NuxtLink></li>
                    <li><NuxtLink to="https://corporate.ford.com/about/history/" target="_blank">Heritage</NuxtLink></li>
                    <li><NuxtLink to="https://corporate.ford.com//social-impact/sustainability/" target="_blank">Sustainability</NuxtLink></li>
                  </div>
                </ul>
              </div>
            </ul>
          </li>
          <li v-if="isLincolnPage" @mouseleave="activeMenu = null">
            <NuxtLink to="https://www.lincoln.com/" target="_blank">about lincoln</NuxtLink>
            <ul class="sub--menu--wrap sub2">
              <div class="">
                <li>
                  <NuxtLink to="https://www.lincoln.com/" target="_blank">Global Sites</NuxtLink>
                </li>
              </div>
            </ul>
          </li>
          <li v-if="isLincolnPage == false">
            <NuxtLink to="/lincoln">lincoln</NuxtLink>
          </li>
          <li v-else><NuxtLink to="/ford">ford</NuxtLink></li>
        </ul>
      </nav>
      <button
        class="hmb--btn"
        @click="isMenuOpen = !isMenuOpen"
        :class="{ active: isMenuOpen }"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="40"
          height="40"
          viewBox="0 0 40 40"
          fill="none"
        >
          <line
            x1="4"
            y1="8"
            x2="36"
            y2="8"
            stroke="black"
            stroke-width="2"
            stroke-linecap="round"
          />
          <line
            x1="4"
            y1="19"
            x2="36"
            y2="19"
            stroke="black"
            stroke-width="2"
            stroke-linecap="round"
          />
          <line
            x1="4"
            y1="30"
            x2="36"
            y2="30"
            stroke="black"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>
    </div>
    <div class="all--menu--wrapper" :class="{ active: isMenuOpen }">
      <div class="all--menu--inner">
        <button class="close--btn" @click="isMenuOpen = false">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="40"
            height="40"
            viewBox="0 0 40 40"
            fill="none"
          >
            <line
              x1="8"
              y1="8"
              x2="32"
              y2="32"
              stroke="black"
              stroke-width="2"
              stroke-linecap="round"
            />
            <line
              x1="32"
              y1="8"
              x2="8"
              y2="32"
              stroke="black"
              stroke-width="2"
              stroke-linecap="round"
            />
          </svg>
        </button>
        <ul class="main--menu--list">
          <li>
            <h3>VEHICLE</h3>
          </li>
          <li>
            <h3>NETWORK</h3>
          </li>
          <li>
            <h3>SHOPPING</h3>
          </li>
          <li>
            <h3>OWNER</h3>
          </li>
          <li v-if="isLincolnPage == false">
            <h3>ABOUT FORD</h3>
          </li>
          <li v-else>
            <h3>ABOUT LINCOLN</h3>
          </li>
          <li v-if="isLincolnPage == false">
            <h3>LINCOLN</h3>
          </li>
          <li v-else>
            <h3>FORD</h3>
          </li>
        </ul>
        <div class="sitemap--list">
          <ul v-if="isLincolnPage == false">
            <li>
              <NuxtLink :to="linkName + '/vehicle/explorer'" @click="isMenuOpen = false"
                >EXPLORER</NuxtLink
              >
            </li>
            <li>
              <NuxtLink :to="linkName + '/vehicle/expedition'" @click="isMenuOpen = false"
                >EXPEDITION</NuxtLink
              >
            </li>
            <li>
              <NuxtLink :to="linkName + '/vehicle/bronco'" @click="isMenuOpen = false"
                >BRONCO</NuxtLink
              >
            </li>
            <li>
              <NuxtLink :to="linkName + '/vehicle/mustang'" @click="isMenuOpen = false"
                >MUSTANG</NuxtLink
              >
            </li>
            <li>
              <NuxtLink :to="linkName + '/vehicle/ranger'" @click="isMenuOpen = false"
                >RANGER</NuxtLink
              >
            </li>
          </ul>
          <ul v-else>

            <li>
              <NuxtLink :to="linkName + '/vehicle/nautilus'" @click="isMenuOpen = false"
                >NAUTILUS</NuxtLink
              >
            </li>

            <li>
              <NuxtLink :to="linkName + '/vehicle/navigator'" @click="isMenuOpen = false"
                >NAVIGATOR</NuxtLink
              >
            </li>
            <li>
              <NuxtLink :to="linkName + '/vehicle/aviator'" @click="isMenuOpen = false"
                >AVIATOR</NuxtLink
              >
            </li>
            
          </ul>
          <ul>
            <li>
              <NuxtLink :to="linkName + '/network'" @click="isMenuOpen = false"
                >전시장 및 서비스센터</NuxtLink
              >
            </li>
            <!-- <li>
              <NuxtLink
                :to="linkName + '/network'"
                @click="isMenuOpen = false"
                >서비스센터 찾기</NuxtLink
              >
            </li> -->
            <li>
              <NuxtLink :to="linkName + '/owner/contact'" @click="isMenuOpen = false"
                >{{ isLincolnPage == true ? "링컨" : "포드" }} 고객센터</NuxtLink
              >
            </li>
          </ul>
          <ul>
            <li>
              <NuxtLink :to="linkName + '/shopping/brochure'" @click="isMenuOpen = false"
                >브로슈어 다운로드</NuxtLink
              >
            </li>
            <li>
              <NuxtLink :to="linkName + '/shopping/tire'" @click="isMenuOpen = false"
                >타이어 에너지 소비 효율</NuxtLink
              >
            </li>
          </ul>
          <ul>
            <li><NuxtLink>서비스</NuxtLink></li>
            <li>
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner'"
                @click="isMenuOpen = false"
                >공인 서비스</NuxtLink
              >
            </li>
            <li v-if="isLincolnPage">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/pickup'"
                @click="isMenuOpen = false"
                >픽업 & 딜리버리 서비스</NuxtLink
              >
            </li>
            <li>
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/consumableParts'"
                @click="isMenuOpen = false"
                >소모성 부품 무상 교환 서비스</NuxtLink
              >
            </li>
            <li>
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/tfService'"
                @click="isMenuOpen = false"
                >24시간 긴급 출동 서비스</NuxtLink
              >
            </li>
            <li v-if="isLincolnPage">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/warranty'"
                @click="isMenuOpen = false"
                >보증 및 서비스</NuxtLink
              >
            </li>
            <li v-if="!isLincolnPage">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/genuine'"
                @click="isMenuOpen = false"
                >순정 부품</NuxtLink
              >
            </li>
            <li>
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/recall'"
                @click="isMenuOpen = false"
                >리콜 안내</NuxtLink
              >
            </li>
           
            <!-- <li v-if="!isLincolnPage">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/accident'"
                @click="isMenuOpen = false"
                >사고 수리를 위한 포드 서비스 부품</NuxtLink
              >
            </li> -->
            <li v-if="!isLincolnPage">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/navigation'"
                @click="isMenuOpen = false"
                >내비게이션</NuxtLink
              >
            </li>
            <!-- <li>
              <NuxtLink v-if="isLincolnPage == false">보증 및 서비스</NuxtLink>
              <NuxtLink v-else>부품 및 차량 관리</NuxtLink>
            </li>
            <li v-if="isLincolnPage == false">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/warranty'"
                @click="isMenuOpen = false"
                >보증 및 서비스</NuxtLink
              >
            </li> -->
            <li v-if="isLincolnPage == true">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/genuine'"
                @click="isMenuOpen = false"
                >순정 부품</NuxtLink
              >
            </li>
            <li v-if="isLincolnPage == true">
              <NuxtLink
                class="sub--type"
                :to="linkName + '/owner/navigation'"
                @click="isMenuOpen = false"
                >내비게이션</NuxtLink
              >
            </li>

             
             <li>
              <NuxtLink
                
                :to="linkName + '/owner/event'"
                @click="isMenuOpen = false"
                >프로모션</NuxtLink
              >
            </li>
          </ul>
          <ul v-if="isLincolnPage == false">
            <!-- <li><NuxtLink>ABOUT FORD</NuxtLink></li> -->
            <li><NuxtLink>GLOBAL SITES</NuxtLink></li>
            <li>
              <NuxtLink
                class="sub--type"
                :to="linkName + '/about/company'"
                @click="isMenuOpen = false"
                >Company</NuxtLink
              >
            </li>
            <li>
              <NuxtLink
                class="sub--type"
                :to="linkName + '/about/ourPurpose'"
                @click="isMenuOpen = false"
                >Our Purpose</NuxtLink
              >
            </li>
            <li>
              <NuxtLink class="sub--type" to="https://corporate.ford.com/careers/inclusive-hiring/diversity/?intcmp=corporate-seconNav-diversity" target="_blank" @click="isMenuOpen = false"
                >Corporate</NuxtLink
              >
            </li>
            <li>
              <NuxtLink class="sub--type" target="_blank" to="https://corporate.ford.com/about/history/" @click="isMenuOpen = false"
                >Heritage</NuxtLink
              >
            </li>
            <li>
              <NuxtLink class="sub--type" target="_blank" to="https://corporate.ford.com//social-impact/sustainability/" @click="isMenuOpen = false"
                >Sustainability</NuxtLink
              >
            </li>
          </ul>
          <ul v-else >
            <!-- <li><NuxtLink>ABOUT FORD</NuxtLink></li> -->
            <li><NuxtLink to="https://www.lincoln.com" target="_blank">GLOBAL SITES</NuxtLink></li>
          </ul>
          <ul v-if="isLincolnPage == false">
            <li>
              <NuxtLink to="/lincoln" @click="isMenuOpen = false">링컨 바로가기</NuxtLink>
            </li>
          </ul>
          <ul v-else>
            <li>
              <NuxtLink to="/ford" @click="isMenuOpen = false">포드 바로가기</NuxtLink>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 모바일 메뉴 -->
    <div class="mobile--menu--wrapper" :class="{ active: isMenuOpen }">
      <div class="mobile--menu--inner">
        <ul class="mobile--menu--list">
          <li :class="{ active: mobileActiveMenu === 1 }">
            <div class="menu--title" @click="toggleMobileMenu(1)">
              <span>VEHICLE</span>
              <i class="arrow"></i>
            </div>
            <ul class="mobile--sub--menu car--menu" v-if="!isLincolnPage">
              <li>
                <NuxtLink
                  :to="linkName + '/vehicle/explorer'"
                  @click="isMenuOpen = false"
                >
                  <!-- 2026-04-15 08:00:00 이전 -->
                  <img v-if="!isAfterLaunch" src="/img/models/explorer.png" alt="explorer" />
                  <!-- 2026-04-15 08:00:00 이후 -->
                  <img v-if="isAfterLaunch" src="/img/models/explorer2026.png" alt="explorer" />
                  <span>EXPLORER</span></NuxtLink
                >
              </li>
              <li>
                <NuxtLink
                  :to="linkName + '/vehicle/expedition'"
                  @click="isMenuOpen = false"
                  ><img src="/img/models/expedition.png" alt="expedition" />
                  <span>EXPEDITION</span></NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/vehicle/bronco'" @click="isMenuOpen = false"
                  ><img src="/img/models/bronco.png" alt="BRONCO" />
                  <span>BRONCO</span></NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/vehicle/mustang'" @click="isMenuOpen = false"
                  ><img src="/img/models/mustang.png" alt="mustang" />
                  <span>MUSTANG</span></NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/vehicle/ranger'" @click="isMenuOpen = false"
                  ><img src="/img/models/ranger.png" alt="ranger" />
                  <span>RANGER</span></NuxtLink
                >
              </li>
            </ul>
            <ul class="mobile--sub--menu car--menu" v-if="isLincolnPage">
               <li>
                <NuxtLink
                  :to="linkName + '/vehicle/nautilus'"
                  @click="isMenuOpen = false"
                >
                  <img src="/img/models/nautilus.png" alt="nautilus" />
                  <span>NAUTILUS</span></NuxtLink
                >
              </li>
              <li>
                <NuxtLink
                  :to="linkName + '/vehicle/navigator'"
                  @click="isMenuOpen = false"
                >
                  <img src="/img/models/navigator.avif" alt="navigator" />
                  <span>NAVIGATOR</span></NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/vehicle/aviator'" @click="isMenuOpen = false">
                  <img src="/img/models/aviator.webp" alt="aviator" />
                  <span>AVIATOR</span></NuxtLink
                >
              </li>
             
            </ul>
          </li>
          <li :class="{ active: mobileActiveMenu === 2 }">
            <div class="menu--title" @click="toggleMobileMenu(2)">
              <span>NETWORK</span>
              <i class="arrow"></i>
            </div>
            <ul class="mobile--sub--menu">
              <li>
                <NuxtLink :to="linkName + '/network/'" @click="isMenuOpen = false"
                  >전시장 및 서비스센터</NuxtLink
                >
              </li>
              <!-- <li>
                <NuxtLink
                  :to="linkName + '/network'"
                  @click="isMenuOpen = false"
                  >서비스센터 찾기</NuxtLink
                >
              </li> -->
              <li>
                <NuxtLink :to="linkName + '/owner/contact'" @click="isMenuOpen = false"
                  >포드 고객센터</NuxtLink
                >
              </li>
            </ul>
          </li>
          <li :class="{ active: mobileActiveMenu === 3 }">
            <div class="menu--title" @click="toggleMobileMenu(3)">
              <span>SHOPPING</span>
              <i class="arrow"></i>
            </div>
            <ul class="mobile--sub--menu">
              <li>
                <NuxtLink
                  :to="linkName + '/shopping/brochure'"
                  @click="isMenuOpen = false"
                  >브로슈어 다운로드</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/shopping/tire'" @click="isMenuOpen = false"
                  >타이어 에너지 소비 효율</NuxtLink
                >
              </li>
            </ul>
          </li>
          <li :class="{ active: mobileActiveMenu === 4 }">
            <div class="menu--title" @click="toggleMobileMenu(4)">
              <span>OWNER</span>
              <i class="arrow"></i>
            </div>
            <ul class="mobile--sub--menu">
              <li><h4>서비스</h4></li>
              <li>
                <NuxtLink :to="linkName + '/owner'" @click="isMenuOpen = false"
                  >공인 서비스</NuxtLink
                >
              </li>
              <li>
                <NuxtLink
                  :to="linkName + '/owner/consumableParts'"
                  @click="isMenuOpen = false"
                  >소모성 부품 무상 교환 서비스</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/owner/tfService'" @click="isMenuOpen = false"
                  >24시간 긴급 출동 서비스</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/owner/genuine'" @click="isMenuOpen = false"
                  >순정 부품</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/owner/recall'" @click="isMenuOpen = false"
                  >리콜 안내</NuxtLink
                >
              </li>
              <!-- <li>
                <NuxtLink :to="linkName + '/owner/accident'" @click="isMenuOpen = false"
                  >사고 수리를 위한 포드 서비스 부품</NuxtLink
                >
              </li> -->
              <li>
                <NuxtLink :to="linkName + '/owner/navigation'" @click="isMenuOpen = false"
                  >내비게이션</NuxtLink
                >
              </li>
              <!-- <li><h4>보증 및 서비스</h4></li>
              <li>
                <NuxtLink :to="linkName + '/owner/warranty'" @click="isMenuOpen = false"
                  >보증 및 서비스</NuxtLink
                >
              </li> -->
              <li><h4>                
                 <NuxtLink
                  :to="linkName + '/owner/event'"
                  @click="isMenuOpen = false"
                  class="pl--0"
                  >프로모션</NuxtLink
                >
              </h4>
            </li>
            </ul>
          </li>
          <li v-if="isLincolnPage == false" :class="{ active: mobileActiveMenu === 5 }">
            <div class="menu--title" @click="toggleMobileMenu(5)">
              <span>ABOUT FORD</span>
              <i class="arrow"></i>
            </div>
            <ul class="mobile--sub--menu">
              <!-- <li><h4>ABOUT FORD</h4></li> -->
              <li><h4>GLOBAL SITES</h4></li>
              <li>
                <NuxtLink :to="linkName + '/about/company'" @click="isMenuOpen = false"
                  >Company</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/about/ourPurpose'" @click="isMenuOpen = false"
                  >Our Purpose</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/'" @click="isMenuOpen = false"
                  >Corporate</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/'" @click="isMenuOpen = false"
                  >Heritage</NuxtLink
                >
              </li>
              <li>
                <NuxtLink :to="linkName + '/'" @click="isMenuOpen = false"
                  >Sustainability</NuxtLink
                >
              </li>
            </ul>
          </li>
          <li v-if="isLincolnPage" :class="{ active: mobileActiveMenu === 5 }">
            <div class="menu--title" @click="toggleMobileMenu(5)">
              <span>ABOUT LINCOLN</span>
              <i class="arrow"></i>
            </div>
            <ul class="mobile--sub--menu">
              <!-- <li><h4>ABOUT FORD</h4></li> -->
              <li><NuxtLink target="_blank" class="lincoln--link" to="https://www.lincoln.com">GLOBAL SITES</NuxtLink></li>
            </ul>
          </li>
          <li>
            <NuxtLink
              v-if="isLincolnPage == false"
              to="/lincoln"
              class="menu--title"
              @click="isMenuOpen = false"
            >
              <span>LINCOLN</span>
            </NuxtLink>
            <NuxtLink v-else to="/ford" class="menu--title" @click="isMenuOpen = false">
              <span>FORD</span>
            </NuxtLink>
          </li>
        </ul>
      </div>
    </div>
  </header>
</template>

<script setup>
  const route = useRoute();
  const isAfterLaunch = useTimeSwitch('2026-04-15T08:00:00+09:00');
  // URL에 'lincoln'이 포함되어 있는지 확인
  const isLincolnPage = computed(() => {
    return route.path.includes("lincoln");
  });

  // 서브메뉴 활성화 상태
  const activeMenu = ref(null);
  // 전체 메뉴 오픈 상태
  const isMenuOpen = ref(false);
  // 모바일 메뉴 토글 상태
  const mobileActiveMenu = ref(null);
  // 브랜드명을 동적으로 반환
  const linkName = computed(() => {
    return route.path.includes("lincoln") ? "/lincoln" : "/ford";
  });

  

  // 모바일 메뉴 토글 함수
  const toggleMobileMenu = (index) => {
    if (mobileActiveMenu.value === index) {
      mobileActiveMenu.value = null;
    } else {
      mobileActiveMenu.value = index;
    }
  };

  // 페이지 이동 시 activeMenu, isMenuOpen 초기화
  watch(
    () => route.path,
    () => {
      activeMenu.value = null;
      isMenuOpen.value = false;
      mobileActiveMenu.value = null;
    }
  );
</script>