<template>
  <view class="goods-info mb12">
    <view class="hotel-header">
      <image class="hotel-icon" src="./images/icon_house.png"></image>
      <text class="hotel-name">天沐温泉酒店</text>
    </view>
    <view class="goods-detail">
      <image class="goods-image" :src="goodsImage"></image>
      <view class="goods-description">
        <text class="goods-title">温泉早鸟票</text>
        <text class="goods-date">预定时间：5月1日</text>
      </view>
    </view>
    <view class="included-services">
      <text class="services-title">包含服务</text>
      <view class="service-item">
        <text class="service-name">· 精致下午茶</text>
        <text class="service-quantity">1份</text>
      </view>
      <view class="service-item">
        <text class="service-name">· 接机或接站</text>
        <text class="service-quantity">1份</text>
      </view>
    </view>
  </view>
</template>

<script setup>
const goodsImage = 'https://example.com/path/to/image.jpg'; // Replace with actual image URL
</script>

<style scoped lang="scss">
@import './styles/index.scss';
</style>