<template>
  <client-only>
    <about-pageHeader />
    <about-pageMap />
    <about-pageContactUs />
  </client-only>
  <!-- <div id="header-zoom">

    <div id="zoom">
      <div class="h-[68vw] md:h-[45.938vw]">
        <div class="imgWrap bg-white">
          <div class="one rounded-[500px] hidden md:flex">
            <div class="border-[1vw] rounded-[500px]"></div>
          </div>
          <div class="image-1 two rounded-[500px]">
            <div class="image-2 border-[4vw] md:border-[1vw] rounded-[500px]"></div>
          </div>
          <div class="image-1 three rounded-[500px]">
            <div
              class="image-2 border-[4vw] md:border-[1vw] rounded-[500px] flex flex-col justify-center items-center"
            >
              <p
                class="-mt-[8vw] md:mt-0 text-[5.277vw] absolute md:relative md:text-[2.656vw] text-[#383E43]"
              >
                We
                <span class="font-bold"> Believe </span>
                in the
              </p>
              <p
                class="text-[5.277vw] absolute md:relative mt-[8vw] md:mt-0 md:text-[2.656vw] text-[#383E43] font-bold"
              >
                Destination
              </p>
            </div>
          </div>
          <div class="image-1 four rounded-[500px]">
            <div class="image-2 border-[4vw] md:border-[1vw] rounded-[500px]"></div>
          </div>
          <div class="five rounded-[500px] hidden md:flex">
            <div class="border-[1vw] rounded-[500px]"></div>
          </div>
        </div>
      </div>

      <div
        class="ourStory h-[94.615vw] lg:h-[42.938vw] flex items-center text-[#383E43]"
      >
        <div class="w-[60%] md:w-[37%] ms-[4vw] md:ms-[23.594vw]">
          <h2
            class="-mt-[2vw] md:mt-[10vw] lg:mt-0 text-[4.544vw] lg:text-[1.481vw] font-bold"
          >
            داستان ما
          </h2>
          <p
            class="text-[3.19vw] lg:text-[0.833vw] leading-[4.5vw] lg:leading-[1.563vw] mt-[2vw]"
          >
            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
            استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
            ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز،
            و کاربردهای
          </p>
          <p
            class="hidden lg:block text-[3.19vw] lg:text-[0.833vw] leading-[1.563vw] mt-[2vw]"
          >
            رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات
            پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم
            ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
            از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
            سطرآنچنان که لازم اس متنوع با هدف بهبود ابزارهای کاربردی می باشد،
            کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه
            و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
            رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد
            کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه
            راهکارها، و شرایط سخت تایپ به پایانت، و برای شرایط فعلی تکنولوژی
            مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
            کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه
            و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان
            رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد
            کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه
            راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل
            حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود
            طراحی اساسا مورد استفاده قرار گیرد.
          </p>
        </div>
      </div>
      <div class="fade"></div>
    </div>
  </div> -->
</template>
