<section class="bg-[#FBF7F3] px-6 py-12 lg:px-16"
  data-component-type="Content">

  <div class="max-w-[90%] mx-auto">

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-0 h-auto xl:h-[600px] lg:h-full overflow-hidden">

      <!-- LEFT IMAGE -->
      <div class="w-full">
        <img
          src="{{about_main_image}}"
          data-node="about_main_image"
          data-node-type="file"
          data-node-label="About Main Image"
          data-node-default="../assets/about-image.png"
          alt="Japan"
          class="w-full h-full object-cover"
        />
      </div>

      <!-- RIGHT CONTENT -->
      <div class="flex flex-col">

        <!-- WHO WE ARE (Dark Section) -->
        <div class="bg-[#133D3F] text-white px-6 py-10 lg:px-10 lg:py-12">
          <h3
            class="text-xl lg:text-2xl font-semibold mb-4"
            data-node="who_we_are_title"
            data-node-type="text"
            data-node-label="Who We Are Title"
            data-node-default="Who We Are">
            {{who_we_are_title}}
          </h3>

          <p
            class="text-sm lg:text-base leading-relaxed text-gray-200"
            data-node="who_we_are_description"
            data-node-type="text"
            data-node-label="Who We Are Description"
            data-node-default="We are storytellers of Japan, curating journeys that go beyond sightseeing to reveal the soul of the country. From ancient traditions to contemporary city life.">
            {{who_we_are_description}}
          </p>
        </div>

        <!-- OTHER CONTENT -->
        <div class="bg-white px-6 py-10 lg:px-10 space-y-8">

          <!-- What We Do -->
          <div>
            <h3
              class="text-xl lg:text-2xl font-semibold text-[#0F3D3E] mb-3"
              data-node="what_we_do_title"
              data-node-type="text"
              data-node-label="What We Do Title"
              data-node-default="What We Do">
              {{what_we_do_title}}
            </h3>

            <p
              class="text-sm lg:text-base text-gray-600 leading-relaxed"
              data-node="what_we_do_description"
              data-node-type="text"
              data-node-label="What We Do Description"
              data-node-default="We design immersive travel experiences that balance iconic landmarks with hidden local gems. Every itinerary is thoughtfully crafted to connect you with Japan’s culture, people, and rhythms.">
              {{what_we_do_description}}
            </p>
          </div>

          <!-- Why Choose Us -->
          <div>
            <h3
              class="text-xl lg:text-2xl font-semibold text-[#0F3D3E] mb-3"
              data-node="why_choose_us_title"
              data-node-type="text"
              data-node-label="Why Choose Us Title"
              data-node-default="Why Choose Us">
              {{why_choose_us_title}}
            </h3>

            <p
              class="text-sm lg:text-base text-gray-600 leading-relaxed"
              data-node="why_choose_us_description"
              data-node-type="text"
              data-node-label="Why Choose Us Description"
              data-node-default="Our deep local insight, trusted partnerships, and attention to detail ensure seamless, meaningful journeys. We don’t just plan trips, we create memories.">
              {{why_choose_us_description}}
            </p>
          </div>

          <!-- Our Promise -->
          <div>
            <h3
              class="text-xl lg:text-2xl font-semibold text-[#0F3D3E] mb-3"
              data-node="our_promise_title"
              data-node-type="text"
              data-node-label="Our Promise Title"
              data-node-default="Our Promise">
              {{our_promise_title}}
            </h3>

            <p
              class="text-sm lg:text-base text-gray-600 leading-relaxed"
              data-node="our_promise_description"
              data-node-type="text"
              data-node-label="Our Promise Description"
              data-node-default="We promise responsible travel, honest guidance, and unforgettable experiences at every step. Your journey will be smooth, enriching, and true to Japan’s spirit.">
              {{our_promise_description}}
            </p>
          </div>

        </div>

      </div>
    </div>

  </div>
</section>

