dredgy/DredgeTours
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added About Page

Browse Source
This commit is contained in:
Josh
2025-09-18 17:41:24 +10:00
parent 3a5f5ff0b7
commit ee1436c6f0
12 changed files with 161 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/components/dredgy/ButtonLink.vue Normal file
View File

@@ -0,0 +1,16 @@
<script setup lang="ts">
import {Link} from "@inertiajs/vue3";
defineProps({
href: String,
})
</script>
<template>
<Link :href="href" style="display:block;width:100%;height:100%" >
<slot/>
</Link>
</template>
<style scoped>
</style>

10
resources/js/components/dredgy/TourCard.vue
View File

@@ -3,6 +3,8 @@ import {Tour} from "@/types";
import { defineProps } from 'vue'
import EdgyButton from "@/components/dredgy/EdgyButton.vue";
import {Link} from "@inertiajs/vue3";
import ButtonLink from "@/components/dredgy/ButtonLink.vue";
const formatPrice = (price: number) => {
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(price)
}
@@ -33,12 +35,12 @@ const props = defineProps<{
<h3 class="tour-title">{{tour.name}}</h3>
<p class="tour-description" v-if="tour.short_description">{{tour.short_description}}</p>
<div class="tour-details">
<div class="tour-detail">
<div v-if="tour.tour_days?.length" class="tour-detail">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12,6 12,12 16,14"></polyline>
</svg>
{{tour.length}} Days
<span>{{ tour.tour_days?.length }} Days</span>
</div>
<div class="tour-detail">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -50,7 +52,9 @@ const props = defineProps<{
Maximum 6
</div>
</div>
<EdgyButton classes="btn-primary btn-full">View Details</EdgyButton>
<EdgyButton classes="btn-primary btn-full">
<ButtonLink :href="'/adventures/'+tour.internal_name">Details</ButtonLink>
</EdgyButton>
</div>
</div>
</template>

6
resources/js/components/home/About.vue
View File

@@ -33,9 +33,9 @@
<p>Dr Edgy was founded by two close friends who met travelling in North Korea. Both of us love adventure travel with a bit of luxury. One of us is even an actual doctor.</p>
<p>You are in safe hands.</p>
<EdgyButton classes="btn-primary">
<Link href="/about">
<ButtonLink href="/about">
GET TO KNOW US
</Link>
</ButtonLink>
</EdgyButton>
</div>
</div>
@@ -149,7 +149,7 @@ import { ref } from 'vue'
import EdgyButton from "@/components/dredgy/EdgyButton.vue";
import SectionContainer from "@/components/dredgy/SectionContainer.vue";
import SectionTitle from "@/components/dredgy/SectionTitle.vue";
import {Link} from "@inertiajs/vue3";
import ButtonLink from "@/components/dredgy/ButtonLink.vue";
const isVisible = ref(false)