audi/app/pages/company/view.vue

<template>
    <main>
      <section class="visual--section">
        <div class="img--wrap">
          <picture>
            <img src="/img/company/img--about1.jpg" alt="" />
          </picture>
        </div>
        <div class="title--wrap color--white">
          <h2>Company</h2>
        </div>
      </section>
      <div class="detail--container">
        <section>
          <div class="desc--section full--type">
            <h3 class="big--title">EVENT</h3>
          </div>
        </section>
        <div class="content--wrap">
          <div class="view--wrap">
            <div class="title--wrap">
              <h2>Chuseok holiday event</h2>
              <p>2025-10-02</p>
            </div>
            <div class="cont--wrap">
              <img src="/img/company/img--event--sample.jpg" alt="">
              <blockLinkList :pd="false" class="" :links="reservationLinks" />
            </div>
          </div>
        </div>
      </div>
    </main>
</template>
<script setup>
const reservationLinks = ref([
  {
    text: "결산공고(2019)_고진모터스.xlsx",
    url: "/",
    target: "_blank",
    class: "pl--0",
  }
]);
</script>