<template>
    <div class="image-text-container">
      <div v-for="item in imgList" :key="item.name" class="image-text-item">
        <div class="image-container">
          <img :src="item.src" alt="" class="image" />
        </div>
        <div class="text-container">
          <h2 class="title">{{ item.title }}</h2>
          <p v-html="item.description" class="description"></p>
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "Page",
    data() {
      return {
        imgList: [
        {
          name: "learnmore1",
          src: require("@/assets/learnmore1.jpg"),
          title: "NEW1",
          description: "The full line-up of companies has been revealed for the inaugural AO StartUps program.<br><br>AO StartUps is the latest step in the Tennis Australia venture capital strategy which helps early-stage companies pilot their cutting-edge technology at the AO and within other areas of Australian tennis.<br><br>“When we called for applications, we were inundated with companies across the globe seeking to be part of the inaugural AO StartUps portfolio. The benefit of having such interest is now a diverse set of startups working across our business,” said Tennis Australia Head of Innovation Dr Machar Reid.<br><br>“We have Cape working with our National Academy, Equidi with our People and Culture team, MATCHi with our tennis and padel Participation team, Calyx with our Sustainability team, Recut with our Communications team, YBVR with our Media team and Amperfii with our Data and Analytics team.”"
        },
  
  
          {
            name: "learnmore2",
            src: require("@/assets/learnmore2.png"),
            title: "NEW2",
            description:
              "This purple patch contrasts sharply with his form and fortunes in 2022.<br><br>His loss to Rafael Nadal in the AO final – from two sets to love up - was the first of nine consecutive losses to top-10 opponents. He went six months before winning another title.<br><br>Ahead of the 2022 US Open, where Medvedev was the defending champion, Todd Woodbridge discussed his lukewarm results to that point.<br><br>This topic resurfaced recently on The Tennis Podcast, where host Catherine Whitaker suggested Medvedev needed to get his Melbourne Park return “out of the way” to truly move on."
          },
          {
            name: "learnmore3",
            src: require("@/assets/learnmore3.png"),
            title: "NEW3",
            description:
              "That was because his career was completely derailed by injuries and the COVID pandemic.<br><br>In the season following his junior breakthrough, Wu briefly cracked the top 300 and reached the second round at the ATP Shanghai Masters, where he pushed Kei Nishikori to three sets.<br><br>But from March 2019, elbow, back, shoulder and wrist injuries – his elbow required bone surgery in 2020 – plus travel restrictions sidelined him for almost three years.<br><br>He returned to competition in early 2022, raring to go.<br><br>Fortunately for me at this stage of my career, because of all the achievements, it is always basically every match or every tournament there is always something on the line, particularly when the Grand Slams are played."
          },
          {
            name: "learnmore4",
            src: require("@/assets/learnmore4.png"),
            title: "NEW4",
            description:
              "Ruling Melbourne again, ruling the world again. This is the biggest victory of my life, said Novak Djokovic. Given his glittering list of achievements, it's one almighty claim.<br><br>The Serbian posted a trademark devastating performance in a Grand Slam decider with a 6-3 7-6(4) 7-6(5) scoreline to topple Stefanos Tsitsipas in the men's singles final of Australian Open 2023 at Rod Laver Arena on Sunday night.<br><br>"
          }
        ]
      };
    }
  };
  </script>
  
  <style scoped>
  .image-text-container {
    display: flex;
    flex-direction: column;
  }
  
  .image-text-item {
    display: flex;
    margin-bottom: 50px;
  }
  
  .image-container {
    flex-basis: 50%;
    margin-right: 20px;
  }
  
  .image {
    width: 100%;
    height: auto;
  }
  
  .text-container {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .title {
    font-size: 28px;
    margin-bottom: 10px;
  }
  
  .description {
    font-size: 18px;
    line-height: 1.5;
  }
  </style>
  