Home.vue

<template>
  <div class="home">
    <PageHeader
      title="PLATFORM ONE"
      description="An official DoD DevSecOps Enterprise Services team"
    />
    <div class="container px-0">
      <div
        class="d-flex flex-column align-items-center mt-8 mb-16 mx-4 mx-md-16"
      >
        <h2 class="mx-8 mx-sm-16 pb-4">
          Platform One Awards
        </h2>
        <img
          class="img-fluid mx-auto"
          src="@/assets/images/P1_DefenseAcq_Web1_2.jpg"
          alt="2020 Defense Acquisition Workforce Award Winners"
        />
      </div>
    </div>
    <IntroVideo />
    <ProductsSummary />
    <ServicesSummary />
    <div class="d-flex flex-column align-items-center mt-8 mb-16 pb-10">
      <h2 class="mx-8 mx-sm-16 pb-4">
        Listen to Nic Chaillan talk about the DevSecOps Initiative and Platform
        One
      </h2>
      <v-responsive
        class="px-6"
        :aspect-ratio="16 / 9"
        min-height="315"
        max-width="850"
      >
        <video width="100%" controls>
          <source
            src="https://repo1.dsop.io/platform-one/bullhorn-delivery-static-assets/-/raw/master/cso/DoD%20Enterprise%20DevSecOps%20Initiative%20and%20Platform%201.mp4"
            type="video/mp4"
          />
          Your browser does not support the video tag.
        </video>
      </v-responsive>
    </div>
    <Wave :bottom="false">
      <WhoWeServe />
    </Wave>
  </div>
</template>

<script>
import PageHeader from "@/components/PageHeader";
import IntroVideo from "@/components/IntroVideo";
import ServicesSummary from "@/components/ServicesSummary";
import ProductsSummary from "@/components/ProductsSummary";
import WhoWeServe from "@/components/WhoWeServe";
import Wave from "@/components/Wave";

export default {
  name: "Home",
  components: {
    PageHeader,
    IntroVideo,
    ServicesSummary,
    ProductsSummary,
    Wave,
    WhoWeServe
  }
};
</script>

<style lang="scss" scoped>
iframe {
  overflow: hidden;
}
</style>