Skip to content

K
kill
提交 22260dcb authored 作者: xiaotuoluo's avatar xiaotuoluo
浏览文件
操作

Initial commit

上级
显示空白字符变更
内嵌 并排
正在显示 包含 3422 行增加 和 0 行删除
.gitattributes 0 → 100644
浏览文件 @ 22260dcb
* text=auto eol=lf
.gitignore 0 → 100644
浏览文件 @ 22260dcb
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
.DS_Store
dist
dist-ssr
coverage
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
*.tsbuildinfo
.eslintcache
# Cypress
/cypress/videos/
/cypress/screenshots/
# Vitest
__screenshots__/
.prettierrc.json 0 → 100644
浏览文件 @ 22260dcb
{
"$schema": "https://json.schemastore.org/prettierrc",
"semi": false,
"singleQuote": true,
"printWidth": 100
}
.vscode/extensions.json 0 → 100644
浏览文件 @ 22260dcb
{
"recommendations": [
"Vue.volar",
"esbenp.prettier-vscode"
]
}
README.md 0 → 100644
浏览文件 @ 22260dcb
# umraza
This template should help get you started developing with Vue 3 in Vite.
## Recommended IDE Setup
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
## Recommended Browser Setup
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
- Firefox:
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
## Customize configuration
See [Vite Configuration Reference](https://vite.dev/config/).
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Compile and Minify for Production
```sh
npm run build
```
dist.zip 0 → 100644
浏览文件 @ 22260dcb
File added
index.html 0 → 100644
浏览文件 @ 22260dcb
<!doctype html>
<html lang="">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Umraza</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>
jsconfig.json 0 → 100644
浏览文件 @ 22260dcb
{
"compilerOptions": {
"paths": {
"@/*": ["./src/*"]
}
},
"exclude": ["node_modules", "dist"]
}
package-lock.json 0 → 100644
浏览文件 @ 22260dcb
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
浏览文件 @ 22260dcb
{
"name": "umraza",
"version": "0.0.0",
"private": true,
"type": "module",
"engines": {
"node": "^20.19.0 || >=22.12.0"
},
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"format": "prettier --write src/"
},
"dependencies": {
"element-plus": "^2.11.7",
"leaflet": "^1.9.4",
"leaflet-control-geocoder": "^3.3.1",
"pinia": "^3.0.3",
"vue": "^3.5.22",
"vue-easy-lightbox": "^1.19.0",
"vue-router": "^4.6.3",
"vue3-count-to": "^1.1.2"
},
"devDependencies": {
"@tailwindcss/vite": "^4.1.16",
"@vitejs/plugin-vue": "^6.0.1",
"prettier": "3.6.2",
"tailwindcss": "^4.1.16",
"vite": "^7.1.11",
"vite-plugin-vue-devtools": "^8.0.3"
}
}
src/App.vue 0 → 100644
浏览文件 @ 22260dcb
<script setup>
import whatsApp from '@/assets/social/whatsApp.png'
</script>
<template>
<!-- <Suspense>
<template #default>
<div> -->
<RouterView></RouterView>
<div
class="fixed bottom-24 left-6 pl-4 pr-4 pt-3 pb-3 bg-[#00322fe6] hover:opacity-90 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
@click="handleFabClick"
>
<span>Hubungi Kami</span>
</div>
<div
class="fixed bottom-6 left-6 w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
@click="handleFabClick"
>
<img class="w-14" :src="whatsApp" alt="">
</div>
<!-- </div> -->
<!-- </template> -->
<!-- <template #fallback>
<div>Loading...</div>
</template>
</Suspense> -->
</template>
<style scoped></style>
src/index.css 0 → 100644
浏览文件 @ 22260dcb
@import 'tailwindcss';
src/main.js 0 → 100644
浏览文件 @ 22260dcb
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import './index.css'
const app = createApp(App)
app.use(createPinia())
app.use(router)
app.use(ElementPlus)
app.mount('#app')
src/router/index.js 0 → 100644
浏览文件 @ 22260dcb
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
component: () => import('@/view/Layout.vue'),
children: [
{ path: '', redirect: '/home' },
{ path: '/home', name: 'home', component: () => import('@/view/home/home.vue') },
{
path: '/tentang',
name: 'tentang',
component: () => import('@/view/tentang/tentang.vue'),
},
{
path: '/serti',
name: 'serti',
component: () => import('@/view/tentang/serti.vue'),
},
{
path: '/kebija',
name: 'kebija',
component: () => import('@/view/tentang/kebija.vue'),
},
{
path: '/galeri',
name: 'galeri',
component: () => import('@/view/tentang/galeri.vue'),
},
{
path: '/blog',
name: 'blog',
component: () => import('@/view/tentang/blog.vue'),
},
{
path: '/tanya',
name: 'tanya',
component: () => import('@/view/tentang/tanya.vue'),
},
{
path: '/komuni',
name: 'komuni',
component: () => import('@/view/tentang/komuni.vue'),
},
{
path: '/blog1',
name: 'blog1',
component: () => import('@/view/blog/blog1.vue'),
},
{
path: '/blog2',
name: 'blog2',
component: () => import('@/view/blog/blog2.vue'),
},
{
path: '/blog3',
name: 'blog3',
component: () => import('@/view/blog/blog3.vue'),
},
{
path: '/blog4',
name: 'blog4',
component: () => import('@/view/blog/blog4.vue'),
},
{
path: '/blog5',
name: 'blog5',
component: () => import('@/view/blog/blog5.vue'),
},
{
path: '/blog6',
name: 'blog6',
component: () => import('@/view/blog/blog6.vue'),
},
{
path: '/blog7',
name: 'blog7',
component: () => import('@/view/blog/blog7.vue'),
},
{
path: '/blog8',
name: 'blog8',
component: () => import('@/view/blog/blog8.vue'),
},
{
path: '/blog9',
name: 'blog9',
component: () => import('@/view/blog/blog9.vue'),
},
{
path: '/blog10',
name: 'blog10',
component: () => import('@/view/blog/blog10.vue'),
},
{
path: '/blog11',
name: 'blog11',
component: () => import('@/view/blog/blog11.vue'),
},
{
path: '/blog12',
name: 'blog12',
component: () => import('@/view/blog/blog12.vue'),
},
],
},
// {
// path: '/home',
// component: () => import('@/view/home/home.vue'),
// },
],
})
export default router
src/stores/counter.js 0 → 100644
浏览文件 @ 22260dcb
import { ref, computed } from 'vue'
import { defineStore } from 'pinia'
export const useCounterStore = defineStore('counter', () => {
const count = ref(0)
const doubleCount = computed(() => count.value * 2)
function increment() {
count.value++
}
return { count, doubleCount, increment }
})
src/view/Layout.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div>
<Header></Header>
<RouterView></RouterView>
<Footer></Footer>
</div>
</template>
<script setup>
import Header from './header/header.vue';
import Footer from './footer/footer.vue';
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog1.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Mengenal Kota Thaif: Kota Sejuk di Balik Pegunungan
Hijaz</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Tahukah Anda bahwa di balik gurun tandus Arab Saudi, ada sebuah kota yang udaranya sejuk, dikelilingi
pegunungan, dan menjadi saksi sejarah penting dalam perjalanan dakwah Rasulullah ﷺ? Kota ini adalah
<strong>Thaif</strong>, sebuah destinasi istimewa yang tak boleh dilewatkan bagi para jamaah umroh dan haji.
<br><br><br>
<span class="text-[#333333] text-[18px]">✨Keindahan Alam dan Lokasi Strategis</span>
<br><br>
Terletak sekitar 70 km dari Kota Makkah dan berada di ketinggian sekitar 1.800 meter di atas permukaan
laut, Thaif menawarkan suasana yang sangat berbeda dibandingkan kota-kota lain di Jazirah Arab. Dengan
udara yang sejuk, pemandangan alam yang asri, serta keramahan penduduknya, Thaif sering dijuluki sebagai
"kota di atas awan".
<br>
Karena lokasinya yang strategis dan udaranya yang menenangkan, kota ini menjadi tempat singgah favorit
para jamaah umroh dan haji asal Indonesia, terutama dalam program city tour religi.
<br><br><br>
<span class="text-[#333333] text-[18px]">✨Thaif dalam Sejarah Islam</span>
<br><br>
Bukan hanya menawarkan panorama alam yang menyejukkan, Thaif juga menyimpan nilai sejarah Islam yang
sangat kuat. Di kota inilah Rasulullah ﷺ melakukan perjalanan dakwah setelah penolakan keras dari
penduduk Makkah.
<br>
Meski mengalami penolakan dan perlakuan tidak mengenakkan dari penduduk Thaif saat itu, di sinilah
Rasulullah ﷺ memperlihatkan keteguhan hati dan keikhlasan dalam berdakwah. Thaif pun menjadi simbol
perjuangan dan kesabaran dalam menyebarkan risalah Islam.
<br><br><br>
<span class="text-[#333333] text-[18px]">✨ Destinasi Menarik yang Tak Boleh Dilewatkan</span>
<br><br>
Saat berkunjung ke Thaif, para jamaah bisa menikmati berbagai destinasi yang sarat nilai spiritual dan
pengalaman unik, seperti:
<br><br>
<strong>· Masjid Addas & Masjid Ibnu Abbas</strong> – Lokasi bersejarah tempat Rasulullah ﷺ singgah dan berdakwah.
<br><br>
<strong>· Kebun & Penyulingan Mawar Thaif</strong> – Tempat produksi minyak mawar legendaris yang digunakan dalam
perawatan Ka'bah.
<br><br>
<strong>· Telefrik dan panorama pegunungan</strong> – Pemandangan spektakuler yang menyejukkan jiwa.
<br><br>
<strong>· Peternakan unta</strong> – Pengalaman mengenal budaya dan hewan khas Jazirah Arab.
<br><br>
<strong>· Pasar lokal dan toko minyak wangi</strong> – Spot favorit jamaah untuk membeli oleh-oleh khas Saudi yang
berkualitas.
<br><br><br>
<span class="text-[#333333] text-[18px]">✨Umroh Plus Thaif Bersama Travel Umraza</span>
<br><br>
Ingin merasakan sendiri pesona Thaif yang penuh makna?
<br>
Kini, Anda bisa mengikuti Program Umroh Plus Thaif bersama Travel Umraza. Tidak hanya menjalankan ibadah
dengan nyaman, Anda juga akan diajak menjelajahi kota bersejarah ini dalam city tour eksklusif yang
penuh wawasan dan berkesan.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog10.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Jangan Skip Tarawih! Ini Alasan Kenapa Kamu
Bakal Rugi Berat!</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Ramadan adalah bulan penuh berkah, di mana setiap amal kebaikan dilipatgandakan pahalanya. Salah satu
ibadah yang begitu istimewa di bulan ini adalah Sholat Tarawih. Rasulullah ﷺ bersabda: "Barang siapa
yang mendirikan salat malam di bulan Ramadan (Tarawih) dengan penuh keimanan dan mengharapkan pahala
dari Allah, maka akan diampuni dosa-dosanya yang telah lalu." (HR. Muslim)
<br>
Hadits ini menegaskan bahwa sholat Tarawih bukan sekadar ibadah sunah biasa, tetapi sebuah peluang besar
untuk mendapatkan ampunan dosa-dosa yang telah lalu. Sebuah kesempatan emas yang tidak boleh kita
sia-siakan!
<br><br><br>
<span class="text-[#333333] text-[18px]">1. Tarawih: Kunci Penghapusan Dosa</span>
<br><br>
Dalam hadits di atas, Rasulullah ﷺ menyebutkan dua syarat utama agar dosa-dosa kita diampuni:
<br>
✅ Dilakukan dengan penuh keimanan – Artinya kita meyakini dengan sepenuh hati bahwa ini adalah amalan
yang disyariatkan oleh Allah dan Rasul-Nya.
<br>
✅ Mengharap pahala dari Allah – Kita melaksanakan Tarawih bukan karena kebiasaan semata, tetapi
benar-benar berharap ridha dan pahala dari-Nya.
<br>
Kesempatan mendapatkan ampunan dosa ini juga sejalan dengan firman Allah dalam Al-Qur'an:
<br>
"Sesungguhnya perbuatan-perbuatan baik itu menghapuskan (dosa) perbuatan-perbuatan buruk." (QS. Hud:
114)
<br>
Jadi, semakin kita rutin melaksanakan Tarawih, semakin banyak pula dosa yang bisa dihapuskan. Namun,
tentu saja ini tidak berarti kita boleh meremehkan dosa dan terus-menerus melakukannya.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Jangan Sampai Tarawih, Tapi Sholat Wajib Ditinggalkan!</span>
<br><br>
Meskipun Tarawih adalah ibadah yang luar biasa, jangan sampai kita rajin Tarawih tetapi malah
meninggalkan sholat wajib!. Sholat lima waktu adalah kewajiban utama, sedangkan Tarawih adalah sunnah
yang dianjurkan.
<br>
Allah SWT berfirman:
<br>
"Sesungguhnya sholat itu adalah kewajiban yang ditentukan waktunya atas orang-orang yang beriman." (QS.
An-Nisa: 103)
<br>
Jadi, jika ingin ibadah kita sempurna, pastikan dulu sholat wajib kita terjaga, baru setelah itu kita
tambah dengan Tarawih agar semakin mendekatkan diri kepada Allah.
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Tarawih: Bukti Kecintaan</span>
<br><br>
Rasulullah ﷺ sendiri sangat menjaga sholat malam di bulan Ramadan. Dalam sebuah hadits disebutkan:
<br>
"Nabi ﷺ sholat di masjid, lalu orang-orang ikut sholat bersamanya. Pada malam ketiga atau keempat,
mereka berkumpul, tetapi Nabi tidak keluar kepada mereka. Ketika pagi tiba, beliau bersabda: ‘Aku telah
mengetahui apa yang kalian lakukan, namun aku khawatir sholat itu akan diwajibkan bagi kalian.’" (HR.
Bukhari dan Muslim)
<br>
Dari sini kita bisa melihat bahwa Rasulullah ﷺ sangat ingin umatnya mendapatkan keutamaan Tarawih,
tetapi juga tidak ingin mereka merasa terbebani. Hal ini menunjukkan bahwa Tarawih adalah bentuk
kecintaan kita terhadap bulan Ramadan dan ibadah di dalamnya.
<br><br><br>
<span class="text-[#333333] text-[18px]">Kesimpulan: Maksimalkan Ramadan dengan Sholat Tarawih!</span>
<br><br>
Ramadan hanya datang sekali dalam setahun, dan kita tidak tahu apakah masih bisa bertemu dengan Ramadan
berikutnya. Jangan sampai kita menyia-nyiakan kesempatan emas ini!
<br>
✨ Jaga sholat wajib, tambahkan dengan Tarawih! ✨ Laksanakan dengan iman dan mengharap pahala! ✨ Nikmati
kedekatan dengan Allah di malam-malam Ramadan!
<br>
Jangan sampai menyesal nanti, ya! Yuk, kita maksimalkan Ramadan tahun ini dengan shalat Tarawih setiap
malam!
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog11.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Wajib Dipahami, Inilah Perbedaan dari Haji
Furoda dan Haji Plus</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Haji merupakan salah satu ibadah dalam rukun Islam yang wajib dilaksanakan oleh setiap muslim yang
mampu. Setiap tahunnya, jutaan umat muslim dari seluruh dunia melakukan perjalanan suci ini ke Makkah.
Namun, ternyata haji juga memiliki beberapa jenis yang berbeda, yaitu haji furoda dan haji plus.
<br><br>
Artikel ini akan membahas mengenai apa perbedaan haji furoda dan haji plus secara detail. Sehingga jika
Anda ingin berangkat untuk ibadah haji, Anda tidak perlu lagi bingung program mana yang akan Anda ikuti.
Langsung saja simak ulasannya berikut ini.
<br><br><br>
<span class="text-[#333333] text-[18px]">Perbedaan Haji Furoda dan Haji Plus</span>
<br><br>
Meskipun tujuannya sama, yaitu menjalankan ibadah haji, tetapi perbedan haji furoda dan haji plus ini
cukup signifikan. Tentu saja, bagi para jamaah untuk mengetahui beberapa perbedaan diantara keduanya.
<br><br>
Adapun beberapa perbedaan antara haji furoda dan haji plus diantaranya adalah:
<br><br><br>
<span class="text-[#333333] text-[18px]">1. Haji Furoda</span>
<br><br>
Haji Furoda merupakan paket ibadah haji yang keberangkatannya sesuai dengan kuota haji yang diberikan
langsung oleh pemerintah Arab Saudi secara khusus. Program ini juga sering disebut dengan Haji
Mujamalah.
<br><br>
Kelebihannya, jika Anda berangkat haji dengan program ini, maka Anda tidak perlu menunggu waktu antrian.
Anda bisa langsung berangkat haji di tahun yang sama saat Anda mendaftar. Namun, sayangnya kuota untuk
Haji Furoda ini bersifat fluktuatif, atau tidak sama tiap tahunnya.
<br><br>
Untuk teknis kegiatan hajinya kurang lebih sama dengan program haji lainnya. Keberangkatan dilakukan
saat waktu pelaksanaan haji tiba. Pada saat itu peserta haji akan mengenakan ihram dan melakukan ibadah
haji seperti ibadah wukuf di Arafah, mabit di Muzdalifah, melempar jumrah di Mina, dan tahallul setelah
melempar jumrah.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Haji Plus</span>
<br><br>
Haji plus atau yang juga disebut dengan haji khusus ini memiliki waktu keberangkatan yang sedikit
berbeda dengan haji furoda. Pasalnya haji plus adalah program haji yang keberangkatannya menggunakan
kuota pemerintah Indonesia melalui kemenag.
<br><br>
Sehingga Anda memerlukan waktu antri sekitar 5 sampai 9 tahun untuk menunggu jadwal keberangkatan
setelah mendaftar haji. Waktu tunggu ini cukup singkat jika dibandingkan dengan program haji reguler
yang bisa mencapai 20 tahun.
<br><br>
Selain itu, haji plus ini diselenggarakan oleh pihak swasta, dalam hal ini adalah jasa travel dengan di
bawah pengawasan dari kemenag. Biasanya penyedia travel ini akan memberikan fasilitas yang cukup
menyenangkan juga, seperti penerbangan tanpa transit dan penginapan di hotel bintang 5 yang terletak
dekat dengan Masjidil Haram.
<br><br>
Dalam pelaksanaannya, jamaah haji plus juga sama dengan program haji lainnya. Jamaah haji plus akan
menjalankan seluruh rangkaian ibadah haji, termasuk wukuf di Arafah, mabit di Muzdalifah, melempar
jumrah di Mina, dan tahallul setelah melempar jumrah.
<br><br>
Perbedaan haji furoda dan haji plus yang utama adalah terletak pada waktu keberangkatannya. Haji plus
membutuhkan waktu tunggu keberangkatan 5 sampai 9 tahun setelah pendaftaran. Sedangkan haji furoda tidak
memerlukan waktu tunggu. Jamaah bisa langsung berangkat haji pada tahun yang sama saat pendaftaran.
<br><br>
Selain itu, perbedaan dari haji furoda dan haji plus juga terletak pada visa yang digunakan. Pada haji
furoda, visa yang dipakai langsung berasal dari pemerintah Arab Saudi. Sedangkan haji plus, menggunakan
visa yang diterbitkan oleh pemerintah Indonesia.
<br><br>
Dalam melanjutkan penjelasan mengenai perbedaan haji furoda dan haji plus, penting untuk memperhatikan
beberapa faktor tambahan yang perlu dipahami.
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Pertimbangan Keuangan</span>
<br><br>
Pelaksanaan ibadah haji melibatkan biaya yang signifikan, termasuk biaya transportasi, akomodasi,
makanan, dan lain sebagainya. Selain waktu keberangkatan dan visa yang digunakan, biaya juga menjadi
salah satu dari perbedaan haji furoda dan haji plus yang cukup berpengaruh.
<br><br>
Biaya haji furoda terhitung lebih mahal dibandingkan dengan program haji plus. Tentu hal ini sebanding
dengan fasilitas yang didapatkan, terutama waktu keberangkatannya. Oleh karena itu, penting untuk
mempertimbangkan keuangan dan anggaran yang tersedia sebelum memilih jenis haji yang akan dilaksanakan.
<br><br>
Dalam setiap jenis haji, penting untuk memperhatikan persiapan yang matang, mendapatkan informasi dari
sumber yang terpercaya, dan berkonsultasi dengan agen perjalanan haji atau otoritas agama yang
berwenang. Mereka dapat memberikan panduan yang tepat sesuai dengan kebutuhan dan kondisi individu.
<br><br>
Demikian beberapa hal terkait perbedaan haji furoda dan haji plus. Tentu tiap-tiap umat muslim di dunia
merasakan betapa rindunya untuk berkunjung ke Makkah dan menjalankan ibadah haji di sana. Begitu juga
Anda pastinya.
<br><br><br>
<span class="text-[#333333] text-[18px]">Ibadah Haji Bersama Namira travel</span>
<br><br>
Setelah mempertimbangkan hal-hal di atas, segera saja untuk merencanakan perjalanan ibadah haji Anda.
Jika Anda berencana untuk berangkat haji furoda, maka Namira Travel memiliki program haji furoda pada
tahun 2024 besok. Jangan lewatkan kesempatan, dan segera daftarkan diri Anda.
<br><br>
Namun, apabila Anda berencana untuk melaksanakan haji plus jangan khawatir, karena kami juga memiliki
program haji plus atau haji khusus yang bisa Anda ikuti. Dapatkan pelayanan yang profesional dan
memuaskan dari Namira Travel, yang tentunya sesuai dengan syariat Islam.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog12.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Faktor Pertimbangan untuk Memilih Jenis Haji
yang Akan Dilaksanakan</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Tentu saja, ada beberapa hal yang harus dipertimbangkan sebelum memilih jenis keberangkatan haji yang
hendak dipilih. Terkait hal tersebut, berikut ini beberapa hal yang dapat menjadi pertimbangan dalam
memilih jenis haji yang akan dilaksanakan:
<br><br>
<span class="text-[#333333] text-[18px]">1. Kesiapan Fisik dan Kesehatan</span>
<br><br>
Haji adalah ibadah hati dan fisik yang cukup berat. Pelaksanaan ibadah haji membutuhkan stamina yang
kuat dan kesiapan fisik yang baik. Jika seseorang memiliki kondisi kesehatan yang membatasi, seperti
gangguan jantung, diabetes, atau masalah mobilitas, maka perlu mempertimbangkan dengan hati-hati jenis
haji yang akan dilaksanakan.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Ketersediaan Waktu</span>
<br><br>
Ibadah haji menggunakan program haji plus memerlukan waktu antrian sekitar 5 sampai 9 tahun, sedangkan
haji furoda tidak memerlukan waktu antri. Maka Anda bisa menyesuaikan dengan jadwal kegiatan Anda.
Apakah jadwal Anda memungkinkan untuk menunggu 5 sampai 9 tahun?
<br><br>
Atau mungkin sebaliknya, setelah pendaftaran Anda harus segera berangkat ke tanah suci. Hal tersebut
tentu perlu dipertimbangkan dengan baik, supaya Anda bisa beribadah dengan khusyuk.
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Pertimbangan Keuangan</span>
<br><br>
Pelaksanaan ibadah haji melibatkan biaya yang signifikan, termasuk biaya transportasi, akomodasi,
makanan, dan lain sebagainya. Selain waktu keberangkatan dan visa yang digunakan, biaya juga menjadi
salah satu dari perbedaan haji furoda dan haji plus yang cukup berpengaruh.
<br><br>
Biaya haji furoda terhitung lebih mahal dibandingkan dengan program haji plus. Tentu hal ini sebanding
dengan fasilitas yang didapatkan, terutama waktu keberangkatannya. Oleh karena itu, penting untuk
mempertimbangkan keuangan dan anggaran yang tersedia sebelum memilih jenis haji yang akan dilaksanakan.
<br><br>
Dalam setiap jenis haji, penting untuk memperhatikan persiapan yang matang, mendapatkan informasi dari
sumber yang terpercaya, dan berkonsultasi dengan agen perjalanan haji atau otoritas agama yang
berwenang. Mereka dapat memberikan panduan yang tepat sesuai dengan kebutuhan dan kondisi individu.
<br><br>
Demikian beberapa hal terkait perbedaan haji furoda dan haji plus. Tentu tiap-tiap umat muslim di dunia
merasakan betapa rindunya untuk berkunjung ke Makkah dan menjalankan ibadah haji di sana. Begitu juga
Anda pastinya.
<br><br><br>
<span class="text-[#333333] text-[18px]">Ibadah Haji Bersama Travel Umraza</span>
<br><br>
Setelah mempertimbangkan hal-hal di atas, segera saja untuk merencanakan perjalanan ibadah haji Anda.
Jika Anda berencana untuk berangkat haji furoda, maka Umraza Travel memiliki program haji furoda pada
tahun 2024 besok. Jangan lewatkan kesempatan, dan segera daftarkan diri Anda.
<br><br>
Namun, apabila Anda berencana untuk melaksanakan haji plus jangan khawatir, karena kami juga memiliki
program haji plus atau haji khusus yang bisa Anda ikuti. Dapatkan pelayanan yang profesional dan
memuaskan dari Travel Umraza, yang tentunya sesuai dengan syariat Islam.
<br><br>
Terakhir, terlepas dari jenis haji yang dipilih, yang terpenting adalah niat yang tulus dan ikhlas,
serta melaksanakan ibadah dengan sungguh-sungguh dan penuh pengabdian kepada Allah subhanahu wata’ala.
Semoga ibadah haji tiap umat muslim, termasuk Anda bisa diterima oleh-Nya, dan juga diberi keberkahan
serta ampunan, Aamiin.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog2.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Mengenal Kota Thaif: Kota Sejuk di Balik
Pegunungan
Hijaz</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Banyak orang berpikir bahwa waktu terbaik untuk umroh adalah di awal tahun atau di akhir tahun, Tapi
tahukah Anda? Umroh setelah musim haji justru jadi pilihan cerdas bagi mereka yang menginginkan ibadah
yang lebih tenang, nyaman, dan hemat biaya.
<br>
Berikut alasan kenapa umroh pasca musim haji layak Anda pertimbangkan:
<br><br><br>
<span class="text-[#333333] text-[18px]">��️ 1. Suasana Lebih Sepi, Ibadah Jadi Lebih Khusyu</span>
<br><br>
Setelah musim haji selesai, jumlah jamaah di Tanah Suci jauh berkurang.
<br>
✅ Tak ada antrean panjang
<br>
✅ Suasana Masjidil Haram & Masjid Nabawi lebih tertib
<br>
✅ Ideal bagi lansia, dan anak anak anak-anak,h yang yang ingin ibadah dengan tenang
<br><br><br>
<span class="text-[#333333] text-[18px]">�� 2. Biaya Umroh Jauh Lebih Terjangkau</span>
<br><br>
Musim pasca-haji adalah awal musim umroh. Pada periode ini, biaya perjalanan cenderung lebih rendah
dibanding saat peak season (akhir tahun atau Ramadhan).
<br>
�� Di Travel Umraza, Anda bisa berangkat umroh mulai Rp18 jutaan saja!
<br>
Tanpa mengurangi kenyamanan, tanpa khawatir soal fasilitas.
<br><br><br>
<span class="text-[#333333] text-[18px]">��️ 3. Cuaca Lebih Bersahabat = Tubuh Lebih Fit</span>
<br><br>
Setelah musim haji (sekitar Juli–Agustus), suhu di Makkah dan Madinah berkisar antara 32–38 °C, mirip
dengan suhu di Indonesia.
<br>
✅ Lebih mudah beradaptasi
<br>
✅ Risiko kelelahan menurun
<br>
✅ Ibadah pun bisa dijalankan lebih maksimal
<br>
Cuaca ini sangat cocok untuk jamaah yang ingin beribadah dengan tenang tanpa tantangan cuaca ekstrem.
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Pilih Tanggal Umrohmu Sekarang!</span>
<br><br>
Berikut jadwal terdekat dari Travel Umraza untuk keberangkatan Juli 2025:
<br>
�� 5 Juli 2025
<br>
Liburan sekolah – Cocok untuk keluarga
<br>
�� Mulai Rp18 Jutaan – Tersisa 1 seat
<br>
�� 22 Juli 2025 (Plus Badr)
<br>
�� Mulai Rp24 Jutaan – Tersisa 4 seat
<br>
�� 29 Juli 2025 (Plus Thaif & Badr)
<br>
�� Mulai Rp26 Jutaan – Tersisa 3 seat
<br>
⏳ Seat terbatas! Jangan lewatkan momen ibadah dengan kondisi terbaik ini.
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Siap Berangkat? Kami Siap Bantu!</span>
<br><br>
�� Hubungi kami untuk info & pendaftaran:
<br>
�� 62-822-9784-6126 (WA/Call)
<br>
�� Travel Umraza – “Ibadah Mudah, Sesuai Syariah”
<br>
�� Izin Umrah: 183/2021 | Izin Haji: 693/2021
<br><br><br>
<span class="text-[#333333] text-[18px]">Penutup:</span>
<br><br>
Umroh bukan hanya tentang berangkat, tapi juga tentang kenyamanan dan kekhusyuan saat beribadah.
<br>
Jangan tunggu waktu yang ramai dan mahal — pilihlah waktu terbaiknya sekarang.
<br>
�� Umroh setelah musim haji bersama Travel Umraza. InsyaAllah lebih tenang, lebih hemat, lebih berkesan.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog3.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">1 Hari Puasa = Dosa 710 Hari Terhapus? Inilah
Penjelasan Lengkapnya</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Setiap ibadah dalam Islam memiliki keutamaan tersendiri. Namun, ada satu ibadah yang hanya dilakukan
sehari dalam setahun, tapi ganjarannya luar biasa besar. Tahukah Anda, bahwa hanya dengan berpuasa satu
hari, Allah ﷻ menghapus dosa selama dua tahun? Ya, Anda tidak salah baca—dua tahun, atau sekitar 710
hari!
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Keutamaan Puasa Arafah</span>
<br><br>
Ibadah yang dimaksud adalah puasa Arafah, yang dilakukan setiap tanggal 9 Dzulhijjah—sehari sebelum Idul
Adha. Bagi umat Islam yang tidak sedang melaksanakan ibadah haji, puasa ini sangat dianjurkan
<br><br>
Rasulullah ﷺ bersabda:
<br><br>
“Puasa Arafah (9 Dzulhijjah) dapat menghapuskan dosa setahun yang lalu dan setahun akan datang. Puasa
Asyura (10 Muharram) akan menghapuskan dosa setahun yang lalu.” (HR. Muslim no. 1162)
<br>
Dalam hadis ini, Rasulullah ﷺ menjelaskan bahwa pahala dari puasa Arafah adalah pengampunan dosa selama
satu tahun sebelumnya dan satu tahun sesudahnya. Subhanallah, betapa besar rahmat dan kasih sayang Allah
kepada hamba-Nya.
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Apa Maksud “Dosa Setahun Lalu dan Setahun Mendatang”?</span>
<br><br>
Para ulama menjelaskan bahwa yang dimaksud dalam hadis ini adalah dosa-dosa kecil, karena dosa besar
memerlukan taubat yang khusus dan bersungguh-sungguh. Namun, tetap saja, ampunan selama dua tahun
bukanlah hal yang bisa dianggap remeh.
<br>
Meskipun kita tidak tahu secara pasti dosa apa yang akan kita lakukan di masa depan, Allah tetap
menjanjikan ampunan. Ini menunjukkan betapa luasnya rahmat Allah, yang bahkan mendahului ampunan atas
dosa yang belum dilakukan.
<br><br><br>
<span class="text-[#333333] text-[18px]">��️ Satu Hari yang Tak Boleh Dilewatkan</span>
<br><br>
Jika kita hitung, dua tahun berarti sekitar 710 hari. Dengan berpuasa hanya satu hari, dosa dari
hari-hari tersebut diampuni. Namun, keutamaan ini hanya berlaku pada hari Arafah, yang datang sekali
dalam setahun. Maka, jangan sia-siakan momen berharga ini.
<br>
Puasa Arafah juga menjadi salah satu cara umat Islam mendekatkan diri kepada Allah, apalagi di hari-hari
terbaik dalam setahun, yaitu 10 hari pertama bulan Dzulhijjah.
<br><br>
Rasulullah ﷺ bersabda:
<br><br>
Tidak ada satu amal sholeh yang lebih dicintai oleh Allah melebihi amal sholeh yang dilakukan pada
hari-hari ini (yaitu 10 hari pertama bulan Dzul Hijjah). Para sahabat bertanya: Tidak pula jihad di
jalan Allah? Nabi shallallahu ‘alaihi wa sallam menjawab: Tidak pula jihad di jalan Allah, kecuali orang
yang berangkat jihad dengan jiwa dan hartanya namun tidak ada yang kembali satupun. (HR. Abu Daud no.
2438. Syaikh Al Albani dalam Shohih wa Dho’if Sunan Abi Daud mengatakan bahwa hadits ini shohih).
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Manfaat Tambahan dari Puasa Arafah</span>
<br><br>
Selain pengampunan dosa:
<br><br>
· Meningkatkan keimanan dan ketakwaan.
<br>
· Melatih kesabaran dan pengendalian diri.
<br>
· Mendapat pahala besar dan kedekatan dengan Allah.
<br>
· Momentum berdoa, karena hari Arafah juga dikenal sebagai hari doa mustajab.
<br><br>
Rasulullah ﷺ bersabda:
<br><br>
“Sebaik-baik doa adalah doa pada hari Arafah. Dan sebaik-baik yang kuucapkan, begitu pula diucapkan oleh
para Nabi sebelumku adalah ucapan “LAA ILAHA ILLALLAH WAHDAHU LAA SYARIKA LAH, LAHUL MULKU WALAHUL HAMDU
WA HUWA ‘ALA KULLI SYA-IN QODIIR (Tidak ada sesembahan yang berhak disembah kecuali Allah semata, tidak
ada sekutu bagi-Nya. Miliki-Nya segala kerajaan, segala pujian dan Allah yang menguasai segala
sesuatu).” (HR. Tirmidzi no. 3585)
<br><br><br>
<span class="text-[#333333] text-[18px]">✨Jangan Lewatkan!</span>
<br><br>
Puasa Arafah adalah kesempatan langka, hanya datang sekali dalam setahun. Satu hari yang bisa jadi titik
balik hidup kita. Manfaatkan dengan niat yang tulus, dan raihlah keutamaan besar yang telah dijanjikan
oleh Allah melalui lisan Rasul-Nya.
<br><br><br>
<span class="text-[#333333] text-[18px]">“Barangsiapa yang berpuasa pada hari Arafah, maka akan diampuni dosanya selama dua tahun.”</span>
<br>
(HR. Muslim)
<br>
<span class="text-[#333333] text-[18px]">�� Catat tanggalnya, niatkan, dan siapkan diri untuk berpuasa di hari Arafah. Jangan sampai terlewat!</span>
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped>
p{
white-space: pre-wrap !important;
}
</style>
\ No newline at end of file
src/view/blog/blog4.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Bunda, Mau Umroh Saat Hamil? WAJIB Tahu 5 Hal
Penting Ini!</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
<span class="text-[#333333] text-[18px]">Panduan Aman dan Nyaman Ibadah Umroh untuk Ibu Hamil</span>
<br><br>
Umroh adalah ibadah yang sangat dinantikan oleh banyak umat Muslim. Namun bagaimana jika Anda sedang
hamil? Apakah tetap aman menjalankan umroh? Jawabannya: bisa — asalkan dilakukan dengan persiapan matang
dan memperhatikan kondisi kesehatan ibu dan janin.
<br>
Berikut panduan lengkap dan tips umroh bagi ibu hamil agar ibadah tetap lancar, aman, dan nyaman:
<br><br><br>
<span class="text-[#333333] text-[18px]">1. Pilih Paket Umroh yang Tepat</span>
<br><br>
Saat memilih paket umroh, lokasi akomodasi sangat penting, terutama bagi ibu hamil. Pilihlah penginapan
yang jaraknya dekat dengan Masjidil Haram atau Masjid Nabawi. Lokasi strategis akan memudahkan akses dan
mengurangi kelelahan fisik akibat jarak jauh.
<br>
�� Tips: Tanyakan pada Admin Travel Umraza Jika memerlukan layanan kursi roda atau bantuan mobilitas
lain selama umroh.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Konsultasi Medis Sebelum Berangkat</span>
<br><br>
Menurut Kementerian Kesehatan RI, ibu hamil harus berkonsultasi terlebih dahulu dengan dokter kandungan
sebelum melakukan perjalanan jauh, apalagi lintas negara. Berikut hal yang perlu dipastikan:
<br>
· Periksa kondisi kesehatan dan perkembangan janin.
<br>
· Mintalah surat keterangan sehat untuk terbang dari dokter.
<br>
· Pastikan usia kehamilan berada di trimester kedua (antara 14–28 minggu), karena pada fase ini kondisi
kehamilan cenderung lebih stabil.
<br>
· Diskusikan rencana ibadah dan aktivitas fisik dengan tenaga medis.
<br>
· Informasikan kepada biro travel bahwa Anda sedang hamil agar bisa mendapatkan perhatian khusus jika
diperlukan.
<br>
�� Sumber: Kementerian Kesehatan RI – www.kemkes.go.id
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Persiapan Sebelum Berangkat</span>
<br><br>
Persiapan yang baik menjadi kunci kenyamanan selama menjalani ibadah umroh. Ibu hamil perlu membawa:
<br>
· Obat-obatan pribadi & vitamin yang rutin dikonsumsi.
<br>
· Pakaian longgar dan menyerap keringat.
<br>
· Alas kaki yang empuk dan nyaman.
<br>
· Persiapkan fisik dengan olahraga ringan dan cukup istirahat sebelum keberangkatan.
<br>
�� Catatan: Jangan lupa membawa dokumen kehamilan dan hasil pemeriksaan terbaru untuk berjaga-jaga.
<br><br><br>
<span class="text-[#333333] text-[18px]">4. Tips Selama Perjalanan dan Ibadah</span>
<br>
Setibanya di Tanah Suci, penting untuk menjaga stamina dan tidak memaksakan diri. Berikut beberapa hal
yang perlu diperhatikan:
<br>
· Hindari aktivitas fisik berlebihan. Gunakan kursi roda jika diperlukan.
<br>
· Perbanyak istirahat dan tidur yang cukup.
<br>
· Minum air putih secara rutin untuk mencegah dehidrasi, apalagi di cuaca panas.
<br>
· Jaga kebersihan diri dan hindari berada di tengah kerumunan terlalu lama.
<br>
· Tetap patuhi protokol kesehatan umum, apalagi jika ada penyakit menular.
<br>
�� Menurut WHO, wanita hamil memiliki sistem kekebalan tubuh yang lebih sensitif. Oleh karena itu,
mereka perlu lebih waspada terhadap risiko infeksi selama bepergian.
<br><br><br>
<span class="text-[#333333] text-[18px]">5. Kesimpulan: Umroh Saat Hamil Bisa Dilakukan Asal...</span>
<br><br>
Umroh saat hamil tetap dapat dilakukan dengan syarat utama: izin dokter dan persiapan yang matang.
<br>
Poin penting:
<br>
✅ Mendapat izin medis
<br>
✅ Menjaga stamina dan kesehatan fisik
<br>
✅ Menyesuaikan aktivitas ibadah dengan kondisi tubuh
<br>
�� Utamakan keselamatan ibu dan bayi dalam setiap langkah ibadah Anda. Jangan ragu untuk memperlambat
ritme ibadah jika tubuh mulai lelah. Allah SWT Maha Pengasih dan tetap menerima amal ibadah yang
dilakukan dengan penuh kesungguhan, sesuai kemampuan.
<br><br><br>
<span class="text-[#333333] text-[18px]">Referensi:</span>
<br><br>
· Kementerian Kesehatan Republik Indonesia – www.kemkes.go.id
<br>
· WHO – Pregnancy travel advice – www.who.int
<br>
· CDC – Health Information for International Travel: Pregnancy and Travel – www.cdc.gov
<br><br><br>
�� Travel Umraza siap membantu perjalanan umroh Anda dengan pelayanan ramah, akomodasi nyaman, dan
perhatian khusus untuk ibu hamil.
<br>
�� Hubungi kami untuk konsultasi paket umroh terbaik sesuai kebutuhan Anda dan keluarga!
<br>
�� Hubungi kami untuk info & pendaftaran:
<br>
�� 62-822-9784-6126 (WA/Call)
<br>
�� Travel Umraza – “Ibadah Mudah, Sesuai Syariah”
<br>
�� Izin Umrah: 183/2021 | Izin Haji: 693/2021
<br><br><br>
✨ Travel Umraza – Ibadah Mudah Sesuai Syariah
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog5.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Cara Agar Bisa Berhaji: Ikhtiar dan Ibadah
Menuju Baitullah</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Menunaikan ibadah haji adalah impian setiap Muslim. Haji bukan hanya perjalanan fisik menuju tanah suci,
namun juga perjalanan spiritual untuk mendekatkan diri kepada Allah Ta'ala. Berikut ini beberapa langkah
yang dapat kita lakukan agar dimudahkan untuk berhaji, dengan landasan Al-Qur'an, hadits shahih, dan
nasihat ulama.
<br><br><br>
<span class="text-[#333333] text-[18px]">1. Niat yang Tulus</span>
<br><br>
Segala amal dimulai dari niat yang lurus dan ikhlas. Niat yang kuat dan jujur akan menjadi penggerak
utama dalam mewujudkan cita-cita berhaji.
<br>
Rasulullah ﷺ bersabda:
<br>
"Barangsiapa yang berdoa kepada Allah dengan jujur agar mati syahid, maka Allah akan memberinya
kedudukan syahid walaupun ia meninggal di atas ranjangnya."
<br>
(HR. Muslim no. 1909)
<br>
Begitu pula dengan niat berhaji — keikhlasan dan ketulusan niat akan menjadi sebab pertolongan Allah.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Perbanyak Doa</span>
<br><br>
Allah Ta'ala berjanji akan mengabulkan doa hamba-Nya yang tulus. Jangan pernah lelah untuk memohon
kemudahan berhaji dalam setiap doa kita.
<br>
Allah berfirman:
<br>
"Dan apabila hamba-hamba-Ku bertanya kepadamu tentang Aku, maka (jawablah), sesungguhnya Aku dekat. Aku
mengabulkan permohonan orang yang berdoa apabila dia berdoa kepada-Ku."
<br>
(QS. Al-Baqarah: 186)
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Perbanyak Sedekah</span>
<br><br>
Sedekah adalah salah satu amalan yang mendatangkan keberkahan dan melapangkan rezeki, yang bisa menjadi
jalan menuju haji.
<br>
Allah berfirman:
<br>
"Perumpamaan orang-orang yang menafkahkan hartanya di jalan Allah adalah seperti sebutir biji yang
menumbuhkan tujuh bulir, pada tiap-tiap bulir seratus biji. Allah melipatgandakan (ganjaran) bagi siapa
yang Dia kehendaki. Dan Allah Maha Luas (karunia-Nya) lagi Maha Mengetahui."
<br>
(QS. Al-Baqarah: 261)
<br><br><br>
<span class="text-[#333333] text-[18px]">4. Jadikan Motivasi dalam Bekerja</span>
<br><br>
Bekerja keras dan mencari rezeki yang halal adalah jalan mulia untuk mengumpulkan biaya haji.
<br>
Rasulullah ﷺ bersabda:
<br>
"Sungguh, jika salah seorang dari kalian memikul seikat kayu bakar di punggungnya lebih baik baginya
daripada ia meminta-minta kepada orang lain yang bisa saja memberinya atau menolaknya."
<br>
(HR. Bukhari no. 1470 dan Muslim no. 1042)
<br><br><br>
<span class="text-[#333333] text-[18px]">5. Bertakwa dan Tawakal</span>
<br><br>
Takwa dan tawakal kepada Allah adalah kunci datangnya rezeki yang tak disangka-sangka.
<br>
Allah berfirman:
<br>
"Barangsiapa bertakwa kepada Allah, niscaya Dia akan mengadakan baginya jalan keluar. Dan memberinya
rezeki dari arah yang tiada disangka-sangkanya. Dan barangsiapa yang bertawakal kepada Allah niscaya
Allah akan mencukupkan (keperluannya)."
<br>
(QS. At-Talaq: 2-3)
<br><br><br>
<span class="text-[#333333] text-[18px]">6. Jangan Malas (Tidak Mager)</span>
<br><br>
Semangat dan kesungguhan dalam menyelesaikan urusan kehidupan akan mempercepat tercapainya cita-cita.
<br>
Allah berfirman:
<br>
"Maka apabila engkau telah selesai (dari suatu urusan), kerjakanlah dengan sungguh-sungguh (urusan) yang
lain."
<br>
(QS. Al-Insyirah: 7)
<br><br><br>
<span class="text-[#333333] text-[18px]">7. Menuntut Ilmu</span>
<br><br>
Ilmu adalah kunci kebahagiaan dunia dan akhirat, termasuk dalam memahami dan mempersiapkan ibadah haji.
<br>
Imam Asy-Syafi’i rahimahullah berkata:
<br>
"Barangsiapa yang menginginkan (kebahagiaan) dunia, maka hendaknya dengan ilmu. Dan barangsiapa yang
menginginkan (kebahagiaan) akhirat, maka hendaknya dengan ilmu."
<br>
(Manāqib Asy-Syafi’i, 2/139)
<br><br><br>
<span class="text-[#333333] text-[18px]">8. Menabung Secara Terencana</span>
<br><br>
Perencanaan keuangan yang baik akan membantu mempersiapkan biaya haji dengan lebih ringan.
<br>
· Mulai sejak dini: Semakin awal menabung, semakin ringan beban finansial.
<br>
· Sisihkan dana khusus: Alokasikan tabungan haji terpisah dari kebutuhan lain.
<br>
· Cari tambahan penghasilan: Usaha sampingan atau investasi yang halal bisa mempercepat tercapainya
target dana haji.
<br><br><br>
<span class="text-[#333333] text-[18px]">9. Bergabung dengan Komunitas Haji</span>
<br><br>
Berada dalam lingkungan orang-orang yang memiliki tujuan sama akan menjaga semangat dan memudahkan
persiapan.
<br>
· Mencari teman seperjuangan: Mendapatkan motivasi dan dukungan.
<br>
· Berbagi tips: Informasi tentang travel, manasik, dan tabungan haji.
<br>
· Meningkatkan semangat: Lingkungan positif memperkuat tekad.
<br><br><br>
<span class="text-[#333333] text-[18px]">10. Hidup Sederhana dan Hemat</span>
<br><br>
Gaya hidup hemat mempercepat tercapainya cita-cita berhaji.
<br>
· Kurangi pengeluaran: Fokus pada kebutuhan pokok.
<br>
· Cari alternatif hemat: Pilih opsi hemat dalam transportasi, makanan, dan hiburan.
<br>
· Menabung sisa uang: Simpan sisa penghasilan untuk biaya haji.
<br><br><br>
<span class="text-[#333333] text-[18px]">Doa Penutup</span>
<br><br>
"Ya Allah, anugerahkanlah kami kebaikan di dunia dan kebaikan di akhirat, dan lindungilah kami dari
siksa neraka."
<br>
(QS. Al-Baqarah: 201)
<br>
Semoga Allah memudahkan langkah-langkah kita untuk menunaikan ibadah haji. Āmīn.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog6.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">TAKUT UMROH KARENA BANYAK DOSA?</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Tak sedikit orang yang menunda keberangkatan umrah karena merasa dirinya belum cukup baik, masih
bergelimang dosa, atau belum "pantas" menginjakkan kaki di Tanah Suci. Perasaan ini sebenarnya merupakan
bentuk kesadaran diri yang baik—menyadari kesalahan dan dosa. Namun, jika perasaan itu justru membuat
kita menjauh dari ibadah dan kesempatan bertaubat, maka perlu diluruskan.
<br><br><br>
<span class="text-[#333333] text-[18px]">��️ Banyak Dosa Bukan Alasan Menjauh, Tapi Alasan Untuk Mendekat</span>
<br><br>
Orang yang merasa penuh dosa justru lebih membutuhkan mendekat kepada Allah SWT, bukan malah menjauh.
Tanah Suci adalah tempat yang Allah pilih untuk menerima tamu-Nya, tempat yang penuh keberkahan, dan
tempat yang sangat baik untuk memohon ampunan.
<br>
�� Allah berfirman:
<br>
“Dan sempurnakanlah ibadah haji dan umrah karena Allah.”
<br>
(QS. Al-Baqarah: 196)
<br>
Perintah ini umum bagi semua muslim, bukan hanya untuk mereka yang merasa suci dan tanpa dosa. Allah
memanggil semua hamba-Nya, termasuk yang berdosa, untuk kembali kepada-Nya.
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Umrah: Penghapus Dosa</span>
<br><br>
Banyak orang tidak tahu bahwa umrah justru adalah ibadah yang menjadi sarana penghapus dosa.
<br>
�� Rasulullah ﷺ bersabda:
<br>
“Antara satu umrah ke umrah yang lainnya adalah penghapus dosa-dosa di antara keduanya, dan haji yang
mabrur tidak ada balasan baginya selain surga.”
<br>
(HR. Bukhari no. 1773 dan Muslim no. 1349)
<br>
Dalam hadits ini, Nabi ﷺ menegaskan bahwa umrah merupakan sarana untuk menghapus dosa-dosa yang telah
lalu. Maka, semakin banyak dosa, semakin besar pula kebutuhan kita untuk menunaikan umrah.
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Justru Karena Berdosa, Kita Perlu Datang ke Rumah Allah</span>
<br><br>
Bayangkan seseorang yang sakit, lalu menolak ke rumah sakit karena merasa terlalu parah. Padahal rumah
sakit adalah tempat untuk sembuh. Demikian pula, Ka'bah dan Masjidil Haram adalah "rumah penyembuhan
ruhani" bagi jiwa-jiwa yang lelah dan berdosa.
<br>
�� Allah berfirman:
<br>
“Katakanlah (wahai Muhammad), wahai hamba-hamba-Ku yang melampaui batas terhadap diri mereka sendiri
(dengan berbuat dosa), janganlah kalian berputus asa dari rahmat Allah. Sesungguhnya Allah mengampuni
dosa-dosa semuanya.”
<br>
(QS. Az-Zumar: 53)
<br>
Ayat ini adalah seruan penuh kasih sayang dari Allah kepada hamba-Nya yang berdosa. Maka tak ada alasan
untuk takut atau menunda umrah hanya karena merasa belum pantas.
<br><br><br>
<span class="text-[#333333] text-[18px]">�� Umrah Bukan Untuk yang Suci, Tapi Untuk yang Ingin Disucikan</span>
<br><br>
Berangkat umrah bukan karena kita sudah baik, tapi karena kita ingin menjadi lebih baik. Allah tidak
menunggu kita suci baru mengundang ke rumah-Nya, tapi justru Allah menyucikan siapa pun yang memenuhi
panggilan-Nya dengan niat tulus dan hati yang rindu bertaubat.
<br>
“Tamu Allah itu ada tiga: orang yang berhaji, orang yang berumrah, dan orang yang berjihad. Maka Allah
memanggil mereka dan mereka pun memenuhi panggilan-Nya. Mereka meminta kepada-Nya, dan Allah pun
mengabulkannya.”
<br>
(HR. Ibnu Majah no. 2892 – dinilai hasan oleh Al-Albani)
<br><br><br>
<span class="text-[#333333] text-[18px]">✨ Penutup: Penuhi Panggilan Allah</span>
<br><br>
Jika hari ini hati Anda tergerak untuk berangkat umrah, bisa jadi itu adalah undangan langsung dari
Allah. Jangan tunda karena merasa belum sempurna. Karena yang sempurna tak pernah ada, tapi yang
bersungguh-sungguh menuju kebaikan, selalu Allah beri jalan.
<br>
�� "Berangkatlah bukan karena sudah layak, tapi karena ingin dilayakkan oleh Allah."
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog7.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Cara Menghindari Jet Lag Saat Perjalanan Haji
dan Umroh</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Perjalanan haji dan umroh adalah ibadah yang memerlukan kesiapan fisik, mental, dan spiritual. Salah
satu tantangan utama yang sering dialami jamaah adalah jet lag, yaitu kondisi tubuh yang lelah dan tidak
sinkron dengan waktu lokal setelah menempuh perjalanan jauh lintas zona waktu, terutama dari Indonesia
ke Arab Saudi.
<br>
Jet lag dapat menyebabkan kelelahan, sulit tidur, sulit berkonsentrasi, bahkan mengganggu pelaksanaan
ibadah. Untuk itu, penting bagi setiap jamaah memahami cara menghindari jet lag agar ibadah berjalan
lancar dan maksimal.
<br><br><br>
<span class="text-[#333333] text-[18px]">Apa Itu Jet Lag?</span>
<br><br>
Jet lag adalah gangguan ritme sirkadian tubuh (jam biologis) akibat perjalanan lintas zona waktu.
Gejalanya antara lain:
<br>
· Susah tidur atau bangun di waktu normal
<br>
· Tubuh terasa lemas dan letih
<br>
· Sakit kepala ringan
<br>
· Perut kembung atau gangguan pencernaan
<br>
· Kesulitan fokus dan perubahan suasana hati
<br><br><br>
<span class="text-[#333333] text-[18px]">Mengapa Jamaah Haji dan Umroh Rentan Jet Lag?</span>
<br><br>
Perjalanan dari Indonesia ke Arab Saudi menempuh waktu ±9–12 jam dan melintasi 4 zona waktu. Ketika
tubuh belum sempat menyesuaikan diri, aktivitas ibadah yang padat seperti tawaf, sai, dan salat
berjamaah bisa terasa lebih berat.
<br><br><br>
<span class="text-[#333333] text-[18px]">Tips Menghindari Jet Lag Saat Perjalanan Haji dan Umroh</span>
<br><br>
Berikut beberapa langkah yang dapat dilakukan sebelum, selama, dan sesudah perjalanan untuk mengurangi
risiko jet lag:
<br><br><br>
<span class="text-[#333333] text-[18px]">1. Sesuaikan Waktu Tidur Sebelum Berangkat</span>
<br><br>
Beberapa hari sebelum berangkat, cobalah menyesuaikan waktu tidur dengan zona waktu Arab Saudi (sekitar
4 jam lebih lambat dari waktu Indonesia). Misalnya, jika biasanya tidur jam 10 malam WIB, coba mundurkan
menjadi jam 12 malam.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Cukup Istirahat Sebelum Perjalanan</span>
<br><br>
Pastikan tubuh dalam kondisi prima. Hindari begadang atau terlalu lelah menjelang keberangkatan. Tubuh
yang bugar lebih mudah beradaptasi dengan perubahan waktu.
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Atur Jadwal Tidur di Pesawat</span>
<br><br>
Jika Anda tiba di Arab Saudi pagi atau siang hari, usahakan tidur selama penerbangan agar sesampainya di
sana, Anda tetap segar. Sebaliknya, jika tiba malam hari, usahakan tetap terjaga di pesawat dan tidur
setelah sampai.
<br><br><br>
<span class="text-[#333333] text-[18px]">4. Hindari Kafein dan Makanan Berat</span>
<br><br>
Kurangi konsumsi kopi, teh, atau minuman berkafein selama penerbangan karena dapat mengganggu kualitas
tidur. Pilih makanan ringan dan sehat yang mudah dicerna.
<br><br><br>
<span class="text-[#333333] text-[18px]">5. Tetap Terhidrasi</span>
<br><br>
Kondisi di dalam pesawat cenderung kering. Minumlah air putih yang cukup untuk menghindari dehidrasi
yang bisa memperparah jet lag.
<br><br><br>
<span class="text-[#333333] text-[18px]">6. Manfaatkan Sinar Matahari</span>
<br><br>
Begitu sampai, cobalah terkena sinar matahari pagi atau siang. Cahaya alami membantu mengatur ulang jam
biologis tubuh sesuai zona waktu baru.
<br><br><br>
<span class="text-[#333333] text-[18px]">7. Hindari Tidur di Siang Hari Terlalu Lama</span>
<br><br>
Tidur siang boleh, tapi batasi waktunya (maksimal 30–60 menit). Tidur terlalu lama di siang hari bisa
membuat Anda susah tidur di malam hari.
<br><br><br>
<span class="text-[#333333] text-[18px]">8. Gunakan Obat atau Suplemen Jika Perlu</span>
<br><br>
Beberapa orang menggunakan melatonin (hormon alami yang mengatur tidur) untuk membantu tubuh
beradaptasi. Namun, sebaiknya konsultasikan dulu dengan dokter sebelum mengonsumsinya.
<br><br><br>
<span class="text-[#333333] text-[18px]">Kesimpulan</span>
<br><br>
Jet lag bisa menjadi hambatan dalam menjalankan ibadah haji atau umroh, tapi dengan persiapan dan
penyesuaian yang tepat, dampaknya bisa diminimalkan. Menjaga kesehatan fisik dan menyesuaikan ritme
tidur adalah kunci utama. Dengan tubuh yang segar dan fokus, jamaah akan lebih siap menunaikan ibadah
dengan khusyuk dan maksimal.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog8.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Jangan Cuma Jadi RAMADHANIYYUN</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Ramadhan adalah bulan yang penuh berkah, rahmat, dan ampunan. Bulan ini sering menjadi momentum
kebangkitan spiritual bagi banyak Muslim. Masjid menjadi lebih ramai, mushaf Al-Qur’an lebih sering
dibuka, dan hati menjadi lebih lembut dengan dzikir dan doa. Namun, sebuah pertanyaan penting perlu kita
renungkan bersama: apakah semangat ibadah kita hanya muncul saat Ramadhan saja?
<br>
Di antara nasihat emas dari ulama salaf, ada ucapan menyentuh dari Bisyr al-Hafi rahimahullah, beliau
berkata:
<br>
"Sejelek-jelek kaum adalah mereka yang mengenal Allah hanya di bulan Ramadhan saja. Sesungguhnya orang
shalih yang sejati adalah yang beribadah dengan sungguh-sungguh sepanjang tahun."
<br>
(Lathaiful Ma'arif, hlm. 390)
<br><br><br>
<span class="text-[#333333] text-[18px]">Ramadhaniyyun: Fenomena Ibadah Musiman</span>
<br><br>
Istilah “Ramadhaniyyun” mengacu pada orang-orang yang hanya semangat beribadah saat Ramadhan, tapi
kembali lalai setelahnya. Shalat malam hanya di 10 malam terakhir, tilawah Al-Qur’an berhenti di hari
raya, dan masjid kembali sepi ketika takbir Idul Fitri berkumandang. Ini adalah fenomena yang patut
disayangkan, sebab Islam bukan hanya untuk Ramadhan—tapi untuk sepanjang hidup.
<br>
Allah ﷻ berfirman:
<br>
"Dan sembahlah Tuhanmu sampai datang kepadamu yang diyakini (ajal)."
<br>
(QS. Al-Hijr: 99)
<br>
Ayat ini menegaskan bahwa ibadah kepada Allah tidak mengenal masa atau momen tertentu saja. Ia adalah
perjalanan seumur hidup.
<br><br><br>
<span class="text-[#333333] text-[18px]">Ciri Muslim Sejati: Konsistensi dalam Ibadah</span>
<br><br>
Salah satu sifat orang beriman sejati adalah istiqamah, atau konsisten dalam ketaatan. Nabi Muhammad ﷺ
bersabda:
<br>
"Amalan yang paling dicintai oleh Allah adalah yang paling terus-menerus meskipun sedikit."
<br>
(HR. Bukhari dan Muslim)
<br>
Hadits ini mengajarkan kita bahwa kualitas ibadah tidak semata-mata diukur dari kuantitasnya dalam waktu
singkat, tetapi dari konsistensinya dalam jangka panjang. Lebih baik membaca Al-Qur'an satu halaman
setiap hari sepanjang tahun, daripada menyelesaikan 30 juz hanya dalam Ramadhan tapi tak membukanya lagi
setelahnya.
<br><br><br>
<span class="text-[#333333] text-[18px]">Ramadhan: Latihan, Bukan Tujuan Akhir</span>
<br><br>
Sesungguhnya, Ramadhan adalah madrasah ruhani yang Allah siapkan untuk melatih kita menjadi pribadi yang
bertakwa. Allah ﷻ berfirman:
<br>
"Wahai orang-orang yang beriman, diwajibkan atas kamu berpuasa sebagaimana diwajibkan atas orang-orang
sebelum kamu agar kamu bertakwa."
<br>
(QS. Al-Baqarah: 183)
<br>
Jika setelah Ramadhan kita kembali kepada kelalaian dan maksiat, maka pertanda kita belum lulus dari
pelatihan Ramadhan. Padahal, tujuan dari Ramadhan bukan hanya untuk mengisi satu bulan dengan ibadah,
tapi untuk membawa perubahan jangka panjang dalam hidup kita.
<br><br><br>
<span class="text-[#333333] text-[18px]">Menjadi Hamba Rabbani, Bukan Musiman</span>
<br><br>
Ibn Rajab rahimahullah berkata:
<br>
“Orang-orang shalih dahulu berdoa selama enam bulan agar dipertemukan dengan Ramadhan, dan enam bulan
setelahnya mereka berdoa agar amalan Ramadhan mereka diterima.”
<br>
(Lathaiful Ma’arif, hlm. 232)
<br>
Ini menunjukkan bahwa semangat ibadah mereka tidak pernah berhenti. Mereka bukan sekadar hamba Ramadhan,
tapi hamba Rabb<br>—yang tunduk dan taat kepada Allah kapan pun dan di mana pun.
<br><br><br>
<span class="text-[#333333] text-[18px]">Penutup: Ayo Jadi Muslim Sepanjang Tahun</span>
<br><br>
Ramadhan memang spesial, tapi keistimewaan kita sebagai hamba Allah justru diuji di luar bulan itu.
Apakah kita tetap menjaga shalat berjamaah? Apakah tilawah tetap mengisi hari-hari kita? Apakah hati
masih gemetar ketika mendengar ayat-ayat Allah?
<br>
Mari kita buktikan bahwa kita bukan hanya Ramadhaniyyun, tetapi Rabbaniyyun—hamba-hamba yang setia dan
taat sepanjang tahun. Semoga Allah menjaga keistiqamahan kita, menerima amal ibadah kita, dan
mempertemukan kita dengan Ramadhan yang akan datang dalam kondisi lebih baik.
<br>
&nbsp;“Ya Allah, jadikan kami termasuk orang-orang yang istiqamah dalam ibadah, bukan hanya di bulan Ramadhan,
<br>
&nbsp;tapi sepanjang hidup kami. Aamiin.”
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/blog/blog9.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center">
<div
class="flex flex-col object-cover lg:h-[400px] h-[200px] justify-center items-center w-full bg-[url('@/assets/mutahhara.webp')] bg-cover bg-center">
<div class="rounded-lg bg-[#003366] p-2.5 text-[14px] text-white">Umum</div>
<div class="lg:w-[70%] lg:text-[52px] text-[22px] text-[#ffffff] text-center">Malam Lailatul Qadar: Keutamaan, Tanda-Tanda,
dan Amalan Berdasarkan Dalil Shahih</div>
<div class="text-[14px] text-[#ffffff80] text-center">Agen Perjalanan Umraza</div>
</div>
<div class="lg:w-[80%] w-[90%] flex justify-center">
<p class="text-[#555555] text-[14px] mt-10 mb-10 leading-8">
Malam Lailatul Qadar adalah malam yang penuh berkah dan lebih baik dari seribu bulan. Keutamaan malam
ini disebutkan dalam Al-Qur'an dan hadis-hadis shahih. Sebagai umat Islam, kita dianjurkan untuk
menghidupkan malam ini dengan ibadah berdasarkan tuntunan Rasulullah ﷺ.
<br><br>
<span class="text-[#333333] text-[18px]">1. Keutamaan Malam Lailatul Qadar dalam Al-Qur’an</span>
<br><br>
Allah Subhanahu wa ta'ala berfirman dalam Surah Al-Qadr (97:1-5):
<br>
"Sesungguhnya Kami telah menurunkannya (Al-Qur'an) pada malam kemuliaan. Dan tahukah kamu apakah malam
kemuliaan itu? Malam kemuliaan itu lebih baik daripada seribu bulan. Pada malam itu turun para malaikat
dan Ruh (Jibril) dengan izin Tuhannya untuk mengatur segala urusan. Malam itu penuh kesejahteraan sampai
terbit fajar."
<br>
Keutamaan lainnya disebutkan dalam Surah Ad-Dukhan (44:3-4):
<br>
"Sesungguhnya Kami menurunkannya (Al-Qur'an) pada suatu malam yang diberkahi. Sesungguhnya Kami-lah yang
memberi peringatan. Pada malam itu dijelaskan segala urusan yang penuh hikmah."
<br>
Dari ayat-ayat ini, jelas bahwa Lailatul Qadar adalah malam yang penuh keberkahan, karena pada malam ini
Al-Qur’an diturunkan dan segala urusan ditetapkan dengan kebijaksanaan Allah.
<br><br><br>
<span class="text-[#333333] text-[18px]">2. Hadis-Hadis Shahih tentang Keutamaan Lailatul Qadar</span>
<br><br>
Rasulullah ﷺ bersabda:
<br>
"Barang siapa yang melaksanakan shalat pada malam Lailatul Qadar dengan penuh keimanan dan mengharap
pahala, maka akan diampuni dosa-dosanya yang telah lalu."
<br>
(HR. Bukhari No. 1901, Muslim No. 760)
<br>
Hadis ini menunjukkan bahwa shalat dan ibadah lainnya pada malam ini menjadi sebab diampuninya dosa-dosa
yang telah lalu.
<br><br><br>
<span class="text-[#333333] text-[18px]">3. Kapan Terjadinya Lailatul Qadar?</span>
<br><br>
Waktu pasti Lailatul Qadar tidak disebutkan secara eksplisit, tetapi Rasulullah ﷺ memberikan beberapa
petunjuk:
<br>
"Carilah Lailatul Qadar pada sepuluh malam terakhir dari bulan Ramadan."
<br>
(HR. Bukhari No. 2020, Muslim No. 1169)
<br>
"Carilah pada malam ganjil dari sepuluh malam terakhir di bulan Ramadan."
<br>
(HR. Bukhari No. 2017)
<br>
Dalam riwayat lain disebutkan bahwa Lailatul Qadar lebih besar kemungkinan terjadi pada malam ke-27:
<br>
"Malam Lailatul Qadar adalah malam ke-27."
<br>
(HR. Muslim No. 762)
<br>
Namun, karena waktu pastinya tidak diketahui secara pasti, sebaiknya kita memperbanyak ibadah di semua
malam ganjil dalam sepuluh hari terakhir Ramadan.
<br><br><br>
<span class="text-[#333333] text-[18px]">4. Amalan yang Dianjurkan di Malam Lailatul Qadar</span>
<br><br>
Agar mendapatkan keutamaan malam Lailatul Qadar, kita dianjurkan untuk melakukan ibadah berikut:
<br>
- Shalat Malam (Qiyamul Lail atau Tarawih)
<br><br>
Dari Abu Hurairah radhiyallahu ‘anhu, Rasulullah ﷺ bersabda:
<br>
"Barang siapa yang berdiri (shalat) pada malam Lailatul Qadar dengan iman dan mengharap pahala, maka
akan diampuni dosa-dosanya yang telah lalu."
<br>
(HR. Bukhari No. 1901, Muslim No. 760)
<br><br>
<span class="text-[#333333] text-[18px]">- Membaca Al-Qur'an</span>
<br><br>
Karena malam ini berkaitan dengan turunnya Al-Qur'an, membaca dan mentadabburi Al-Qur'an adalah amalan
yang sangat utama.
<br><br><br>
<span class="text-[#333333] text-[18px]">- Memperbanyak Doa, Khususnya Doa yang Diajarkan Rasulullah ﷺ</span>
<br><br>
Aisyah radhiyallahu ‘anha bertanya kepada Rasulullah ﷺ:
<br>
"Ya Rasulullah, jika aku mengetahui malam Lailatul Qadar, apa yang harus aku ucapkan?"
<br>
Rasulullah ﷺ menjawab:
<br>
"Ucapkanlah: اللَّهُمَّ إِنَّكَ عَفُوٌّ تُحِبُّ الْعَفْوَ فَاعْفُ عَنِّي (Allahumma innaka ‘afuwwun
tuhibbul ‘afwa fa’fu ‘anni)."
<br>
(HR. Tirmidzi No. 3513, Ibnu Majah No. 3850, Al-Albani menyatakan sahih)
<br>
Artinya: "Ya Allah, sesungguhnya Engkau Maha Pemaaf, Engkau menyukai pemaafan, maka maafkanlah aku."
<br><br><br>
<span class="text-[#333333] text-[18px]">- I’tikaf</span>
<br><br>
Dari Aisyah radhiyallahu ‘anha:
<br>
"Rasulullah ﷺ beri’tikaf pada sepuluh malam terakhir bulan Ramadan hingga beliau wafat."
<br>
(HR. Bukhari No. 2026, Muslim No. 1172)
<br>
I’tikaf adalah berdiam diri di masjid dengan tujuan beribadah dan mendekatkan diri kepada Allah.
<br><br><br>
<span class="text-[#333333] text-[18px]">- Memperbanyak Sedekah dan Amal Kebaikan</span>
<br><br>
Rasulullah ﷺ adalah orang yang paling dermawan, dan beliau lebih dermawan lagi pada bulan Ramadan (HR.
Bukhari No. 6). Memberikan sedekah, membantu sesama, dan melakukan amal kebaikan di malam ini akan
mendapatkan pahala berlipat ganda.
<br><br><br>
<span class="text-[#333333] text-[18px]">Kesimpulan</span>
<br><br>
Malam Lailatul Qadar adalah malam yang lebih baik dari seribu bulan. Waktunya berada di sepuluh malam
terakhir Ramadan, terutama di malam-malam ganjil. Rasulullah ﷺ mengajarkan untuk menghidupkan malam ini
dengan shalat, membaca Al-Qur'an, berdoa, i’tikaf, dan memperbanyak amal kebaikan.
<br>
Semoga kita semua diberi kesempatan untuk meraih Lailatul Qadar dan mendapatkan keberkahannya. Aamiin.
</p>
</div>
<!-- <img class="w-full object-cover" :src="backImg" alt=""> -->
</div>
</template>
<script setup>
import backImg from "@/assets/mutahhara.webp"
</script>
<style scoped></style>
\ No newline at end of file
src/view/footer/footer.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full h-[100px] bg-[#2d2d2d] flex flex-col lg:flex-row lg:justify-between justify-center items-center pl-4 pr-4">
<span class="text-[14px] text-start text-white">Agen Perjalanan Umraza</span>
<span class="text-[14px] text-end text-white">© Semua hak cipta atas teks dan konten visual di situs ini adalah milik Agen Perjalanan Umraza.</span>
</div>
</template>
<script setup></script>
<style scoped></style>
\ No newline at end of file
src/view/header/header.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<!-- PC -->
<div class="hidden lg:flex bg-black h-10 w-full text-white items-center p-4 text-[12px]">
<div class="w-[50%] text-[12px] justify-center flex flex-row items-center">
<strong><span>Organisasi Haji dan Umrah yang Terpercaya</span></strong>
<div class="h-10 w-px bg-[#7a7a7a] ml-5"></div>
<span class="text-white text-[12px] opacity-90 ml-5">Kementerian Haji dan Umrah Arab Saudi</span>
</div>
<div class="flex flex-row items-center justify-center w-[50%]">
<div class="flex flex-row items-center h-full">
<img class="h-[50%] bg-black hover:opacity-50 ml-0.5" v-for="value in imgList" :src="value" alt="">
</div>
<div class="h-10 w-px bg-[#7a7a7a] ml-5"></div>
<span class="hover:opacity-90 text-[12px] ml-5">PERTANYAAN YANG SERING DIAJUKAN</span>
<div class="h-10 w-px bg-[#7a7a7a] ml-5"></div>
<span class="hover:opacity-80 ml-5 text-[12px]">GALERI</span>
</div>
</div>
<div
class="hidden lg:flex pl-[10%] h-[100px] flex-row items-center sticky top-0 z-50 bg-white border-b border-gray-200">
<img class="h-12" :src="logoImg" alt="">
<strong><span @click="tapItem(index)" :class="{ 'text-blue': index === nowIndex }"
class="ml-5 text-[13px] hover:opacity-50" v-for="(value, index) in titleList">
<span v-if="index != 2">{{ value }}</span>
<el-dropdown v-else trigger="click">
<div style="margin-top: 7px;" :class="{ 'text-blue': index === nowIndex }"
class="ml-5 text-black text-[13px] hover:opacity-50">
{{ value }} ∨
</div>
<template #dropdown>
<el-dropdown-menu style="padding: 10px;">
<el-dropdown-item>
<template #default>
<div @click="tapTentang(1)" class=" flex flex-row items-center justify-start">
<!-- <BoltIcon class="w-5 h-5 text-black ml-1.5"></BoltIcon> -->
<span :class="{ 'text-blue': route.fullPath.includes('/tentang') }"
class=" leading-8 ml-1.5 text-[16px]">Tentang Kami</span>
</div>
</template>
</el-dropdown-item>
<el-dropdown-item>
<div @click="tapTentang(2)" class=" flex flex-row items-center justify-start">
<!-- <ChartBarIcon class="w-5 h-5 text-black ml-1.5"></ChartBarIcon> -->
<span :class="{ 'text-blue': route.fullPath.includes('/serti') }"
class=" leading-8 ml-1.5 text-[16px]">Sertiflkat Kami</span>
</div>
</el-dropdown-item>
<el-dropdown-item>
<div @click="tapTentang(3)" class=" flex flex-row items-center justify-start">
<!-- <CurrencyDollarIcon class="w-5 h-5 text-black ml-1.5"></CurrencyDollarIcon> -->
<span :class="{ 'text-blue': route.fullPath.includes('/kebija') }"
class=" leading-8 ml-1.5 text-[16px]">Kebijakan Privasi</span>
</div>
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</span></strong>
</div>
<!-- phone -->
<div class="lg:hidden sm:block bg-black h-10 w-full text-white items-center flex p-4 text-[12px]">
<div class="flex flex-row items-center h-full">
<img class="h-5 bg-black hover:opacity-50" v-for="value in imgList" :src="value" alt="">
</div>
</div>
<div
class="lg:hidden sm:block flex flex-row items-center justify-between p-2.5 sticky top-0 z-50 bg-white border-b border-gray-200">
<strong><span @click="menuTap" class="text-[14px] text-[#333333]">☰ MENU</span></strong>
<img class="h-10" :src="logoImg" alt="">
<div class="flex items-center justify-center w-[93px] h-[42px] bg-[#f3f3f3]">
<span class="text-[13px] text-center text-[#3e3e3e]">HEMEN<br>ARA</span>
</div>
</div>
<!-- 侧边栏 -->
<el-drawer style="padding: 0;" :with-header="false" :show-close="false" v-model="drawer2" :direction="direction"
size="80%">
<!-- <template #header>
<div class="flex w-full justify-between h-[50px] flex-row text-[13px]">
<div @click="tapTit(0)" :class="{'text-[#666666] bg-[#999999] border-b':titleIndex === 0}" class="text-[#909090] bg-[#f8f8f8] w-[50%] flex items-center justify-center">MENU</div>
<div @click="tapTit(1)" :class="{'text-[#666666] bg-[#999999] border-b':titleIndex === 1}" class="text-[#909090] bg-[#f8f8f8] w-[50%] flex items-center justify-center">KATEGORI</div>
</div>
</template> -->
<template #default>
<div class="flex w-full justify-between h-[50px] flex-row text-[13px]">
<!-- <div @click="tapTit(0)" :class="{titleIndex == 0 ? 'text-[#666666] bg-[#999999] border-b':''}" class="text-[#909090] bg-[#f8f8f8] w-[50%] flex items-center justify-center">MENU</div>
<div @click="tapTit(1)" :class="{titleIndex == 1 ? 'text-[#666666] bg-[#999999] border-b':''}" class="text-[#909090] bg-[#f8f8f8] w-[50%] flex items-center justify-center">KATEGORI</div> -->
<div @click="tapTit(0)" :class="titleIndex === 0
? 'text-[#666666] bg-[#f3f3f3] border-b-2 border-[#666666]'
: 'text-[#909090] bg-[#f9f9f9]'"
class="w-[50%] flex items-center justify-center transition-all duration-300">
MENU
</div>
<div @click="tapTit(1)" :class="titleIndex === 1
? 'text-[#666666] bg-[#f3f3f3] border-b-2 border-[#666666]'
: 'text-[#909090] bg-[#f9f9f9]'"
class="w-[50%] flex items-center justify-center transition-all duration-300">
KATEGORI
</div>
</div>
<div @click="tapItem(index)" v-for="(value, index) in titleList"
class="h-[50px] border-b border-[#f1f1f1] flex items-center pl-4">
<span v-if="index != 2" :class="{ 'text-blue': index === nowIndex }"
class="text-[13px] text-[#333333]">{{ value }}</span>
<el-dropdown v-else trigger="click">
<div style="margin-top: 7px;" :class="{ 'text-blue': index === nowIndex }"
class=" text-black text-[13px] hover:opacity-50">
{{ value }} ∨
</div>
<template #dropdown>
<el-dropdown-menu style="padding: 10px;">
<el-dropdown-item>
<template #default>
<div @click="tapTentang(1)" class=" flex flex-row items-center justify-start">
<!-- <BoltIcon class="w-5 h-5 text-black ml-1.5"></BoltIcon> -->
<span :class="{ 'text-blue': route.fullPath.includes('/tentang') }" class=" leading-8 ml-1.5 text-[16px]">Tentang Kami</span>
</div>
</template>
</el-dropdown-item>
<el-dropdown-item>
<div @click="tapTentang(2)" class=" flex flex-row items-center justify-start">
<!-- <ChartBarIcon class="w-5 h-5 text-black ml-1.5"></ChartBarIcon> -->
<span :class="{ 'text-blue': route.fullPath.includes('/serti') }" class=" leading-8 ml-1.5 text-[16px]">Sertiflkat Kami</span>
</div>
</el-dropdown-item>
<el-dropdown-item>
<div @click="tapTentang(3)" class=" flex flex-row items-center justify-start">
<!-- <CurrencyDollarIcon class="w-5 h-5 text-black ml-1.5"></CurrencyDollarIcon> -->
<span :class="{ 'text-blue': route.fullPath.includes('/kebija') }" class=" leading-8 ml-1.5 text-[16px]">Kebijakan Privasi</span>
</div>
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
</template>
<!-- <template #footer>
<div>
</div>
</template> -->
</el-drawer>
</template>
<script setup>
import logoImg from "@/assets/umraza_logo.png"
import facebook from "@/assets/social/f.jpg"
import ins from "@/assets/social/ins.jpg"
import x from "@/assets/social/x.jpg"
import whats from "@/assets/social/whats.jpg"
import you from "@/assets/social/you.jpg"
import { ref, watch, onMounted } from "vue"
import { useRouter, useRoute } from "vue-router"
const router = useRouter()
const route = useRoute()
const drawer2 = ref(false)
const direction = 'ltr'
const titleIndex = ref(0)
const titleList = [
"HALAMAN BERANDA",
"HARGA HAJI",
"TENTANG KAMI",
"GALERI",
"BLOG",
"TANYA JAWAB",
"KOMUNIKASI"
]
const imgList = [
facebook,
x,
ins,
you,
whats
]
const nowIndex = ref(0)
const tapItem = (index) => {
nowIndex.value = index
if (index != 2) {
drawer2.value = false
}
if (index == 0 || index == 1) {
router.push({ path: "/home" })
}
if (index == 3) {
router.push({ path: "/galeri" })
}
if (index == 4) {
router.push({ path: "/blog" })
}
if (index == 5) {
router.push({ path: "/tanya" })
}
if (index == 6) {
router.push({ path: "/komuni" })
}
}
const tapTit = (index) => {
titleIndex.value = index
}
const tapTentang = (number) => {
drawer2.value = false
if (number == 1) {
router.push({ path: "/tentang" })
}
else if (number == 2) {
router.push({ path: "/serti" })
}
else {
router.push({ path: "/kebija" })
}
}
function menuTap() {
drawer2.value = true
}
function cancelClick() {
drawer2.value = false
}
watch(() => route.fullPath,
(newPath, oldPath) => {
if (newPath.includes('/home')) {
nowIndex.value = 0;
}
else if (newPath.includes('/galeri')) {
nowIndex.value = 3;
}
else if (newPath.includes('/blog')) {
nowIndex.value = 4;
}
else if (newPath.includes('/tanya')) {
nowIndex.value = 5;
}
else if (newPath.includes('/komuni')) {
nowIndex.value = 6;
}
else if (newPath.includes('/tentang') || newPath.includes('/serti') || newPath.includes('/kebija')) {
nowIndex.value = 2;
}
else {
nowIndex.value = -1;
}
})
const syncByPath = (p) => {
if (p.includes('/home') || p === '/') nowIndex.value = 0
else if (p.includes('/galeri')) nowIndex.value = 3
else if (p.includes('/blog')) nowIndex.value = 4
else if (p.includes('/tanya')) nowIndex.value = 5
else if (p.includes('/komuni')) nowIndex.value = 6
else if (['/tentang', '/serti', '/kebija'].some(s => p.includes(s))) nowIndex.value = 2
else nowIndex.value = -1
}
// 1) 首次挂载时同步（解决刷新后为 0 的问题）
onMounted(() => syncByPath(route.path))
</script>
<style scoped>
.text-blue {
color: #003366;
}
::v-deep(.el-drawer__body) {
padding: 0 !important;
}
</style>
\ No newline at end of file
src/view/home/home.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="relative">
<div class="hidden lg:block video-bg pt-12">
<iframe :src="embedUrl" frameborder="0" allow="autoplay; muted; loop; encrypted-media"></iframe>
<!-- <div class="absolute top-12 z-40 opacity-30 bg-[green] left-24 right-24 h-[600px] pl-24 pr-24 pt-12">
</div> -->
<div class="absolute top-100 left-24 right-24 hover:opacity-80 text-white flex justify-center items-center">
<div class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
<strong class="hover:opacity-50">KLIK UNTUK RESERVASI</strong>
</div>
</div>
</div>
<div class="lg:hidden sm:block w-full h-[400px] pt-4">
<div><img class="h-[400px] object-cover" :src="backImg" alt=""></div>
<div class="absolute top-4 w-full z-40 opacity-30 bg-[green] h-[400px] pl-24 pr-24 pt-12">
</div>
<div class="absolute top-50 w-full hover:opacity-80 text-white flex justify-center items-center">
<div class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
<strong class="hover:opacity-50">KLIK UNTUK RESERVASI</strong>
</div>
</div>
</div>
<div style="margin-top: -100px;" class=" absolute grid grid-cols-2 left-2.5 right-2.5 lg:left-60 lg:right-60 lg:h-50 rounded-2xl shadow bg-white z-41 lg:flex lg:flex-row lg:justify-between p-2.5">
<div class="flex items-center flex-col justify-center lg:border-r border-gray-300 lg:w-[25%]">
<div class="text-[#fcb029] lg:text-[60px] text-[40px] font-bold ">
<count-to :startVal="0" :endVal="10" :duration="3000"></count-to>
<span>K+</span>
</div>
<div>Kunjungan Umrah</div>
</div>
<div class="flex items-center flex-col justify-center lg:border-r border-gray-300 lg:w-[25%]">
<div class="text-[#fcb029] lg:text-[60px] text-[40px] font-bold">
<count-to :startVal="0" :endVal="99" :duration="3000"></count-to>
<span>%</span>
</div>
<div>Kepuasan Pelanggan</div>
</div>
<div class="flex items-center flex-col justify-center lg:border-r border-gray-300 lg:w-[25%]">
<div class="text-[#fcb029] lg:text-[60px] text-[40px] font-bold">
<count-to :startVal="0" :endVal="100" :duration="3000"></count-to>
<span>+</span>
</div>
<div>Program Umrah</div>
</div>
<div class="flex items-center flex-col justify-center lg:w-[25%]">
<div class="text-[#fcb029] lg:text-[60px] text-[40px] font-bold">
<count-to :startVal="0" :endVal="15" :duration="3000"></count-to>
<span>+</span>
</div>
<div>Tahun Pengalaman</div>
</div>
</div>
<div class="flex flex-col mt-40 lg:mt-50 font-bold text-[30px] lg:text-[50px] w-full justify-center items-center"><span>Paket Premium</span> <span>Umraza</span></div>
<div class="flex justify-center items-center">
<div class="lg:w-[1300px] flex flex-col lg:flex-row justify-center pb-20 pl-4 pr-4 lg:pl-10 lg:pr-10 mt-2.5">
<div class="bg-[#00322FE6] rounded-2xl rounded-l-2xl rounded-bl-2xl lg:rounded-r-none p-5 flex flex-col items-center lg:mt-24 lg:mb-24">
<strong><span class="text-white text-[40px]">Rp 24.000.000</span></strong>
<strong><span class="text-[#fcb029] text-[20px]">Harga kamar ganda per orang</span></strong>
<strong><span class="text-white text-[18px] mt-5">{{tpTit1}}</span></strong>
<strong><span class="text-white text-[18px]">{{tpTit2}}</span></strong>
<div v-for="(value,index) in lTitList" class="w-full text-white border-b border-white flex flex-row items-center h-11">
<span class=" font-bold text-[20px] w-5">{{index<9 ? "✓":"☆"}}</span>
<span class="text-[16px] ml-2.5">{{value}}</span>
</div>
<div class="p-3 text-white text-[16px] text-center bg-[#fcb029] rounded-2xl mt-5">{{btnTit}}</div>
<div class="text-white text-[16px] mt-5 text-center">{{btmTit1}}</div>
<!-- <div class=" text-white text-[16px]">{{btmTit2}}</div> -->
</div>
<!-- -->
<div class="bg-[#fcb029] rounded-2xl p-5 flex flex-col items-center mt-5 pb-10">
<strong><span class="text-white text-[40px]">Rp</span></strong>
<strong><span class="text-white text-[40px]">55.000.000</span></strong>
<strong><span class="text-[#00322FE6] text-[20px]">Paket Haji Selama Musim Haji</span></strong>
<strong><span class="text-white text-[18px]">{{tpTit1}}</span></strong>
<strong><span class="text-white text-[18px]">{{tpTit2}}</span></strong>
<div v-for="(value,index) in mdTitList" class="w-full text-white border-b border-black flex flex-row items-center h-11">
<span class=" font-bold text-[16px] text-white w-5">{{index<9 ? "✓":"☆"}}</span>
<span class="text-[18px] ml-2.5">{{value}}</span>
</div>
<div class="p-3 text-white text-[16px] text-center bg-[#00322FE6] rounded-2xl mt-5">{{btnTit}}</div>
<div class="text-white text-[16px] mt-5 text-center">{{btmTit1}}</div>
<!-- <div class=" text-white text-[16px]">{{btmTit2}}</div> -->
</div>
<!-- -->
<div class="bg-[#00322FE6] rounded-2xl rounded-r-2xl rounded-br-2xl lg:rounded-l-none p-5 flex flex-col items-center mt-5 lg:mt-24 lg:mb-24">
<strong><span class="text-white text-[40px]">Rp 30.000.000</span></strong>
<strong><span class="text-[#fcb029] text-[20px]">Paket Umrah Ramadan</span></strong>
<strong><span class="text-white text-[18px] mt-5">{{tpTit1}}</span></strong>
<strong><span class="text-white text-[18px]">{{tpTit2}}</span></strong>
<div v-for="(value,index) in rTitList" class="w-full text-white border-b border-white flex flex-row items-center h-11">
<span class=" font-bold text-[20px] w-5">{{index<9 ? "✓":"☆"}}</span>
<span class="text-[16px] ml-2.5">{{value}}</span>
</div>
<div class="p-3 text-white text-[16px] text-center bg-[#fcb029] rounded-2xl mt-5">{{btnTit}}</div>
<div class="text-white text-[16px] mt-5 text-center">{{btmTit1}}</div>
<!-- <div class=" text-white text-[16px]">{{btmTit2}}</div> -->
</div>
</div>
</div>
<div class="flex text-center w-fulll justify-center text-3xl lg:text-6xl lg:mt-30 mb-15 font-bold text-black">JENIS KEHIDUPAN</div>
<div class=" flex justify-center items-center">
<div class="flex flex-col lg:grid lg:grid-cols-3 lg:gap-8 pl-4 pr-4 lg:pl-0 lg:pr-0">
<div class="flex flex-col" v-for="(item,index) in imgList">
<img class="w-full h-[250px] mt-8 lg:mt-0 rounded-t-2xl" :src="item.img" alt="">
<strong><span class="text-[16px] leading-14">{{ item.tit1 }}</span></strong>
<div class="flex text-[14px] w-full justify-center h-[50px] items-center border-t border-dashed border-black"><span>{{ item.tit2 }}</span></div>
<div class="flex text-[14px] w-full justify-center h-[50px] items-center border-t border-gray-300"><span>{{ item.tit3 }}</span></div>
<div class="flex text-[14px] w-full justify-center h-[50px] items-center border-t border-gray-300"><span>{{ item.tit4 }}</span></div>
<div class="flex justify-center">
<div @click="chatAction" class="bg-[#69727D] rounded-sm justify-center items-center text-white text-[13px] p-4">untuk informasi lebih rinci</div>
</div>
</div>
</div>
</div>
<div class="flex justify-center mt-20 lg:mt-50">
<div class="lg:w-[1200px] flex-col lg:flex-row flex">
<div class="lg:w-[33%] flex flex-col justify-evenly mr-4 p-4">
<span class="text-[#3D3D3D] text-[14px]">Tentang Kami</span>
<strong><span class="text-[#242424] text-2xl mt-5">Agen Perjalanan Umraza</span></strong>
<span class="text-[#3D3D3D] text-[14px] mt-5">Agen Perjalanan Umraza adalah perusahaan pariwisata yang menawarkan layanan haji dan umrah terpercaya, mengutamakan kepuasan pelanggan dengan pendekatan layanan profesional. Menawarkan panduan profesional, akomodasi yang nyaman, transportasi pribadi, dan dukungan bimbingan keagamaan, Agen Perjalanan Umraza mengutamakan kepuasan pelanggan, merencanakan setiap detail dengan cermat.</span>
<img class="w-full rounded-2xl mt-5" :src="homeMiddle1" alt=""></img>
<img class="w-full rounded-2xl mt-5" :src="homeMiddle2" alt=""></img>
</div>
<div class="lg:w-[66%] grid grid-cols-1 lg:grid-cols-2 gap-8 p-4">
<div class="flex flex-col rounded-2xl bg-[#7A7A7A] text-white p-4" v-for="value in middleList">
<div class="bg-black h-px w-full mb-4 mt-4"></div>
<strong><span class="text-[24px]">{{value.tit}}</span></strong>
<span class="text-[14px] whitespace-pre-line">{{ value.con }}</span>
</div>
</div>
</div>
</div>
<div class="flex justify-center">
<div class="lg:w-[1200px] flex flex-col lg:flex-row mt-20 lg:mt-40 justify-evenly mb-20">
<div :class="index < 2 ? 'lg:border-r border-gray-300' : ''" class="flex flex-col items-center p-4" v-for="(value,index) in bottomList">
<strong><span class="text-xl leading-12">{{value.tit}}</span></strong>
<span class="text-[14px] text-[#242424] leading-6">{{value.con}}</span>
</div>
</div>
</div>
<div class="lg:w-full bg-black flex flex-col lg:flex-row justify-between items-center pt-20 pb-20 pl-4 pr-4">
<img class="lg:w-[300px] w-[200px]" :src="bottomLeft" alt="">
<div class="flex flex-col items-center text-white">
<div class="mt-2.5"><strong><span class="text-[18px] text-[#ffffffd1]">Agen Perjalanan Umraza</span></strong></div>
<div class="mt-2.5"><strong><span class="text-[22px] leading-8">Pesan Perjalanan Suci Anda</span></strong></div>
<strong><span class="text-[22px] leading-8">Sekarang!</span></strong>
<div class="mt-2.5 text-center w-full lg:w-[500px]"><span class="text-[14px] leading-6 text-center text-[#ffffffcc]">Hubungi kami sekarang untuk mempelajari lebih lanjut tentang paket umrah kami dan melakukan reservasi. Nikmati pengalaman umrah yang tak terlupakan dengan pemandu berpengalaman dan layanan yang nyaman.</span></div>
<div class="p-3 border rounded-sm border-white text-[13px] mt-10">
KLIK UNTUK RESERVASI
</div>
<div class="flex flex-row h-10 mt-5">
<img class="w-10 ml-1.5 hover:opacity-40" v-for="value in chatsImg" :src="value" alt="">
</div>
</div>
<img class="lg:w-[400px] w-[300px]" :src="bottomRight" alt="">
</div>
</div>
</template>
<script setup>
import { CountTo } from 'vue3-count-to';
import img1 from "@/assets/img1.jpg"
import img2 from "@/assets/img2.jpg"
import img3 from "@/assets/img3.jpg"
import img4 from "@/assets/img4.jpg"
import img5 from "@/assets/img5.jpg"
import img6 from "@/assets/img6.jpg"
import homeMiddle1 from "@/assets/homeMiddle1.png"
import homeMiddle2 from "@/assets/homeMiddle2.png"
import bottomLeft from "@/assets/bottomLeft.png"
import bottomRight from "@/assets/bottomRight.png"
import backImg from "@/assets/backImg.jpg"
import facebook from "@/assets/social/f.jpg"
import ins from "@/assets/social/ins.jpg"
import x from "@/assets/social/x.jpg"
import whats from "@/assets/social/whats.jpg"
import you from "@/assets/social/you.jpg"
const id = 'L-YyR1oN66w'
const embedUrl =
`https://www.youtube.com/embed/${id}?autoplay=1&mute=1&controls=0&loop=1&playlist=${id}&playsinline=1&rel=0&modestbranding=1`
const mdTitList = [
"TIKET PESAWAT",
"Visa Haji",
"Asuransi Perjalanan",
"25 Hari 24 Malam",
"Mekkah: 21 Hari 21 Malam",
"Madinah: 4 Hari 3 Malam",
"Tiga kali makan ala Indonesia",
// "KUNJUNGAN KE MEKAH DAN MADINAH",
"Kunjungan ke melah dan madinah",
"LAYANAN KESEHATAN",
"Ditemani pemandu pria dan wanita",
"Kartu Haji Disediakan",
"Paket Haji Lengkap"
]
const lTitList = [
"Tiket pesawat",
"Visa Haji",
"Asuransi Perjalanan",
"8 Hari 7 Malam",
"Mekkah: 6 Hari 6 Malam",
"Madinah: 2 Hari 1 Malam",
"Tiga kali makan ala Indonesia",
"Kunjungan ke Mekkah dan Madinah",
"Layanan Kesehatan",
"Ditemani pemandu pria dan wanita",
"Kartu Haji Disediakan"
]
const rTitList = [
"Tiket pesawat",
"Visa Haji",
"Asuransi Perjalanan",
"11 Hari 10 Malam",
"Mekkah: 9 Hari 9 Malam",
"Madinah: 2 Hari 1 Malam",
"Tiga kali makan ala Indonesia",
"Kunjungan ke Mekkah dan Madinah",
"Layanan Kesehatan",
"Ditemani pemandu pria dan wanita",
"Kartu Haji Disediakan",
]
const chatsImg = [
facebook,
x,
ins,
you,
whats
]
const btnTit = "KLIK UNTUK INFORMASI LEBIH LANJUT"
const btmTit1 = "Hotel Kami Terletak Di Jabal Omar, Hanya 3 Menit Berjalan Kaki Dari Ka'bah."
// const btmTit2 = "Berjalan Kaki Dari Ka'bah."
const tpTit1 = "LAYANAN KAMI TERMASUK DALAM"
const tpTit2 = "HARGA"
const imgList = [
{
img:img1,
tit1:"Paket Umrah 8 Hari",
tit2:"Mekah 6 Hari, Madinah 2 Hari",
tit3:"Saudi Arabian Airlines - Lion Air",
tit4:"Rp 24.000.000"
},
{
img:img2,
tit1:"Paket Umrah 11 Hari",
tit2:"Mekah 8 Hari, Madinah 3 Hari",
tit3:"Saudi Arabian Airlines - Lion Air",
tit4:"Rp 28.000.000"
},
{
img:img3,
tit1:"Paket Umrah Ramadan",
tit2:"Mekah 9 Hari, Madinah 2 Hari",
tit3:"Saudi Arabian Airlines - Lion Air",
tit4:"Rp 30.000.000"
},
{
img:img4,
tit1:"Paket Haji Mewah 25 Hari",
tit2:"Mekah 11 Hari, Madinah 9 Hari",
tit3:"Saudi Arabian Airlines - Lion Air",
tit4:"Rp 55.000.000"
},
{
img:img5,
tit1:"Paket Haji Furoda 25 Hari",
tit2:"Mekah 21 Hari, Madinah 4 Hari",
tit3:"Saudi Arabian Airlines - Lion Air",
tit4:"Rp 142.000.000"
},
{
img:img6,
tit1:"Paket Haji Mewah 35 Hari",
tit2:"Mekah 30 Hari, Madinah 5 Hari",
tit3:"Saudi Arabian Airlines - Lion Air",
tit4:"Rp 300.000.000+"
},
]
const middleList = [
{
tit:"",
con:`Umrah adalah perjalanan spiritual yang memiliki tempat khusus di hati setiap Muslim. Namun, ada satu faktor penting yang perlu dipertimbangkan ketika merencanakan perjalanan suci ini. Harga umrah dapat bervariasi tergantung pada ruang lingkup tur, pilihan akomodasi, pilihan transportasi dan layanan tambahan.
\nDalam konten ini, kami menawarkan panduan tentang faktor-faktor yang memengaruhi harga umrah, berbagai jenis paket, dan memilih tur yang sesuai dengan anggaran Anda.`
},
{
tit:"Kepuasan Mutlak",
con:`\nPerusahaan kami, yang berkomitmen pada kepuasan tamu di sektor layanan, berupaya memastikan kualitas yang konsisten dengan tim profesionalnya. Kami menyesuaikan rencana wisata budaya haji dan umrah kami untuk memenuhi harapan tamu kami.`
},
{
tit:"Mengapa Kami?",
con:`\n“Dengan Pengalaman Masa Lalu dan Harapan Masa Depan”
\nSebagai Agen Perjalanan Umraza, kami telah menyediakan layanan bagi tamu berharga kami di sektor wisata religi sejak tahun 2010, selain organisasi haji dan umrah, kami juga menjual tiket pesawat (hanya haji dan umrah) dan menyediakan layanan untuk perjalanan domestik dan internasional.`
},
{
tit:"Misi Kami",
con:`\nDengan pengalaman kami selama 15 tahun, kami ingin memberikan kepada Anda, sahabat kami yang berharga, layanan bintang 5 di berbagai bidang seperti penyelenggaraan haji dan umrah, wisata religi, wisata budaya domestik dan internasional, dan lain sebagainya, serta menyediakan hotel terbaik, transportasi tercepat dan teraman, hidangan terlezat, dan layanan yang ramah sehingga Anda dapat menjalankan kewajiban agama dengan tenang, dan memastikan keberlanjutan layanan ini di tahun-tahun mendatang.`
}
]
const bottomList = [
{
tit:"Harga Umrah",
con:"Setiap bulan sepanjang tahun Tur umrah Kami menyelenggarakan wisata umroh maulid al-nabi, umrah libur semester, umrah syawal, umrah ramadhan, dan wisata umrah hari raya. Klik untuk melihat harga umrah kami. "
},
{
tit:"Harga Haji 2026",
con:"Tanpa menggambar dan Haji tanpa undianTahukah Anda bahwa Anda bisa pergi ke sana? Haji Mewah, Tur Haji VIP25 hari haji atau 35 hari haji Tur HajiJika Anda ingin melihat kami klik disini."
},
{
tit:"Pengalaman Pelanggan",
con:"Kepuasan pelanggan adalah prioritas utama kami. Kami merencanakan setiap detail dengan cermat untuk memastikan para tamu kami memiliki pengalaman beribadah yang nyaman dan tenang."
}
]
//聊天了
const chatAction = () => {
}
</script>
<style scoped>
.video-bg {
pointer-events: none;
background: #fff;
}
.video-bg iframe {
width: 100%;
height: 600px;
}
</style>
\ No newline at end of file
src/view/tentang/blog.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col justify-center items-center lg:p-0 p-4">
<div class="lg:text-[78px] text-[36px] text-[#242424] font-bold mt-8">Blog</div>
<div class="lg:w-[1000px] flex flex-col lg:pl-[100px] lg:pr-[100px] pt-10 pb-10">
<div style="box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);"
@click="blogTap(index)"
class="shadow-lg lg:p-6 p-4 bg-white rounded-lg lg:pl-20 lg:pr-20 pl-4 pr-4 lg:mt-10 mt-4 flex flex-col hover:opacity-50" v-for="(value,index) in titList">
<span class="text-[#333333] lg:text-[32px] text-[20px] text-center">{{value}}</span>
<span class="text-[#003366] text-[13px] text-center">Lanjutkan membaca</span>
</div>
</div>
</div>
</template>
<script setup>
import { useRouter } from 'vue-router';
const router = useRouter()
const titList = [
"Mengenal Kota Thaif: Kota Sejuk di Balik Pegunungan Hijaz",
"🚨 Banyak Orang Nggak Tahu, Ini Waktu terbaik untuk Umroh!",
"1 Hari Puasa = Dosa 710 Hari Terhapus? Inilah Penjelasan Lengkapnya",
"Bunda, Mau Umroh Saat Hamil? WAJIB Tahu 5 Hal Penting Ini!",
"Cara Agar Bisa Berhaji: Ikhtiar dan Ibadah Menuju Baitullah",
"TAKUT UMROH KARENA BANYAK DOSA?",
"Cara Menghindari Jet Lag Saat Perjalanan Haji dan Umroh",
"Jangan Cuma Jadi RAMADHANIYYUN",
"Malam Lailatul Qadar: Keutamaan, Tanda-Tanda, dan Amalan Berdasarkan Dalil Shahih",
"Jangan Skip Tarawih! Ini Alasan Kenapa Kamu Bakal Rugi Berat!",
"Wajib Dipahami, Inilah Perbedaan dari Haji Furoda dan Haji Plus",
"Faktor Pertimbangan untuk Memilih Jenis Haji yang Akan Dilaksanakan",
]
const blogTap = (index) => {
if(index == 0){
router.push({path:'/blog1'})
}
if(index == 1){
router.push({path:'/blog2'})
}
if(index == 2){
router.push({path:'/blog3'})
}
if(index == 3){
router.push({path:'/blog4'})
}
if(index == 4){
router.push({path:'/blog5'})
}
if(index == 5){
router.push({path:'/blog6'})
}
if(index == 6){
router.push({path:'/blog7'})
}
if(index == 7){
router.push({path:'/blog8'})
}
if(index == 8){
router.push({path:'/blog9'})
}
if(index == 9){
router.push({path:'/blog10'})
}
if(index == 10){
router.push({path:'/blog11'})
}
if(index == 11){
router.push({path:'/blog12'})
}
}
</script>
\ No newline at end of file
src/view/tentang/galeri.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex items-center justify-center">
<div class="w-[90%] flex flex-col items-center justify-center">
<div class="lg:text-[78px] text-[36px] text-[#242424] lg:mt-40 mt-20"><strong>Galeri</strong></div>
<div class="text-[11px] text-[#242424] lg:mb-40 mb-20">HALAMAN BERANDA / GALERI</div>
<div class="text-[14px] text-[#3D3D3D] mb-2.5">Semua</div>
<div class="grid lg:grid-cols-4 grid-cols-2 gap-2">
<div v-for="(value,index) in imgList">
<img @click="show(index)" class="h-[200px] w-[300px] object-cover hover:opacity-50" :src="value" alt="">
</div>
</div>
<div class="text-[14px] text-[#3D3D3D] mb-40 mt-2.5">Semua</div>
</div>
</div>
<!-- <VueEasyLightbox
:visible="visible"
:imgs="imgList"
:index="index"
@hide="visible = false"
/> -->
<VueEasyLightbox
:visible="visible"
:imgs="imgList"
:index="index"
@hide="visible = false"
>
<template #close-btn="{ close }">
<div class="flex flex-row w-full h-[60px] items-center justify-end text-white pr-10">
<!-- <div>
<el-dropdown placement="top-start" :teleported="false">
<div @click="shareAction" class="mr-5">
<img class="w-8" :src="shareLogo" alt="">
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>Facebook</el-dropdown-item>
<el-dropdown-item>Twitter</el-dropdown-item>
<el-dropdown-item>Sabitle</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div> -->
<div @click="close()"> ✕ </div>
</div>
</template>
</VueEasyLightbox>
</template>
<script setup>
import g1 from '@/assets/galeri/g1.jpg'
import g2 from '@/assets/galeri/g2.jpg'
import g3 from '@/assets/galeri/g3.jpg'
import g4 from '@/assets/galeri/g4.jpg'
import g5 from '@/assets/galeri/g5.jpg'
import g6 from '@/assets/galeri/g6.jpg'
import g7 from '@/assets/galeri/g7.jpg'
import g8 from '@/assets/galeri/g8.jpg'
import g9 from '@/assets/galeri/g9.jpg'
import g10 from '@/assets/galeri/g10.jpg'
import g11 from '@/assets/galeri/g11.jpg'
import g12 from '@/assets/galeri/g12.jpg'
import g13 from '@/assets/galeri/g13.jpg'
import g14 from '@/assets/galeri/g14.jpg'
import VueEasyLightbox from 'vue-easy-lightbox'
import shareLogo from '@/assets/share.png'
import { ref } from 'vue'
const imgList = [
g1,g2,g3,g4,g5,g6,g7,g8,g9,g10,g11,g12,g13,g14
]
const visible = ref(false)
const index = ref(0)
const show = (i) => { index.value = i; visible.value = true }
const toggleFullscreen = () => {
const el = document.fullscreenElement
if (el) document.exitFullscreen()
else document.documentElement.requestFullscreen()
}
const shareAction = () => {
}
</script>
\ No newline at end of file
src/view/tentang/kebija.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full lg:p-24 p-6">
<div class="flex justify-center items-center">
<strong><span class="text-[28px] text-center">Umraza – Kebijakan Privasi</span></strong>
</div>
<div class="lg:w-[80%] text-[16px] text-[#3D3D3D] leading-6 mt-10">
<p>Umraza menghormati privasi Anda. Kebijakan Privasi ini menjelaskan informasi apa saja yang mungkin kami
kumpulkan dari Anda serta bagaimana kami menggunakan informasi tersebut. Umraza menyediakan layanan
seperti check-in elektronik, daftar makanan dan belanja, dokumen perjalanan digital untuk boarding,
serta layanan lain melalui aplikasi seluler Umraza.
<br><br>
Dengan menggunakan layanan kami, Anda mempercayai kami untuk menjaga informasi Anda dengan aman. Kami
memahami tanggung jawab yang besar ini dan berkomitmen untuk melindungi informasi Anda serta memberikan
Anda kontrol penuh atasnya. Namun demikian, kami berharap Anda membaca Kebijakan Privasi ini dengan
cermat.
<br><br><br><br><br><br>
<span class="tit">Tentang Kami</span>
<br><br>
<span class="font-bold">
Dalam Kebijakan Privasi ini, kami adalah perusahaan yang bergerak di bidang perjalanan Haji/Umrah ke
Arab Saudi dan bertindak sebagai pengendali data untuk semua informasi yang dijelaskan dalam
kebijakan ini.
</span>
<br><br>
<span class="tit">
Lingkup Kebijakan Privasi
</span>
<br><br>
Kebijakan Privasi ini mengatur penggunaan dan perlindungan informasi yang diberikan pengguna saat
menggunakan layanan Umraza. Dengan menggunakan layanan Umraza, Anda menyatakan telah membaca, memahami,
dan menyetujui pengumpulan, penyimpanan, serta penggunaan data Anda sesuai dengan mekanisme yang
dijelaskan dalam Kebijakan Privasi ini.
<br><br><br>
<span class="tit">
Informasi yang Dikumpulkan
</span>
<br><br>
Kami ingin Anda mengetahui informasi yang kami kumpulkan saat Anda menggunakan layanan kami. Umraza
mengumpulkan, mencatat, dan memproses informasi untuk memberikan layanan yang lebih baik kepada semua
pengguna. Informasi ini mencakup data pribadi dan informasi pribadi lainnya, termasuk nama, nomor
telepon, alamat email, foto profil, serta informasi lain yang mungkin diperlukan.
<br><br><br>
<span class="tit">
Informasi yang Dikumpulkan Saat Menggunakan Layanan Kami
</span>
<br><br>
Kami mengumpulkan informasi tentang aktivitas Anda di situs untuk menyediakan layanan Umraza, termasuk
fitur pengalaman yang dipersonalisasi.
<br>Pengguna memahami dan secara sukarela menyetujui semua syarat dan ketentuan yang tercantum dalam
Kebijakan Privasi Umraza tanpa adanya paksaan dari pihak manapun.
<br><br><br>
<span class="tit">
Pengelolaan dan Penggunaan Informasi Pribadi
</span>
<br><br>
Kami selalu mematuhi aturan dan standar keamanan yang tepat dalam mengelola informasi dan data pribadi
yang kami peroleh. Dengan mengakses Umraza, Anda menyetujui bahwa kami dapat mengumpulkan, menyimpan,
dan menggunakan informasi yang dikumpulkan atau disediakan oleh kami, mitra kami, pihak ketiga yang
bekerja sama, atau lembaga lain yang berwenang untuk meminta data demi kepentingan pengguna, termasuk
tetapi tidak terbatas pada:
<br><br>
<br>· Menggunakan informasi Anda untuk memastikan layanan kami berjalan sesuai harapan, serta
meningkatkan layanan atau mengembangkan fitur atau layanan baru.
<br>· Menggunakan informasi yang kami kumpulkan untuk mengoperasikan Umraza dan menyesuaikan pengalaman
pengguna.
<br>· Selama penggunaan layanan Umraza, kami akan mengumpulkan dan menyimpan foto pengguna untuk
verifikasi identitas dan pengurusan visa. Verifikasi identitas hanya berlaku untuk warga negara
Indonesia yang telah terintegrasi dengan Kementerian Dalam Negeri Republik Indonesia. Foto pengguna akan
disimpan dan digunakan untuk pencocokan data pada perangkat biometrik.
<br>· Memenuhi kewajiban perusahaan terhadap pihak ketiga dalam kerjasama, termasuk untuk penerbitan,
distribusi, promosi, dan pengembangan layanan lebih lanjut di platform Umraza.
<br>· Memberikan informasi yang diminta oleh pemerintah, regulator, dan/atau lembaga hukum (termasuk
untuk mematuhi hukum yang berlaku di Indonesia dan Arab Saudi).
<br>· Digunakan untuk audit dan pemeriksaan lain terkait penggunaan platform Umraza, termasuk memeriksa
dugaan pelanggaran terhadap syarat dan ketentuan platform Umraza.
<br>· Sebagai bentuk layanan pelanggan, memproses dan menyelesaikan keluhan, pertanyaan, atau
penyelidikan.
<br>· Mengamati penggunaan layanan, mendeteksi, mencegah, dan menyelesaikan masalah teknis.
<br><br><br>
<span class="tit">
Pengungkapan Informasi Pribadi Anda
</span>
<br><br>
Kami tidak menjual, menyewakan, atau memperdagangkan informasi dan data pribadi Anda kepada pihak
ketiga.
Kecuali dalam kondisi dan tujuan berikut, kami tidak akan membagikan informasi pribadi Anda kepada pihak
lain:
<br><br>
<br>· Pengguna secara langsung membagikan data pribadi seperti nama, alamat email, nomor telepon, dan
foto profil ke platform Umraza.
<br>· Kepada pihak lain yang telah menandatangani perjanjian kerahasiaan dengan perusahaan, yang
memerlukan proses pengungkapan.
<br>· Jika diwajibkan oleh hukum atau untuk mematuhi hukum dan peraturan yang berlaku di Republik
Indonesia (kepatuhan hukum).
<br>· Dalam sengketa atau proses hukum yang melibatkan Anda dan perusahaan, atau Anda dan pengguna lain
terkait layanan.
<br>· Dalam kondisi apa pun, jika Umraza secara wajar menganggap bahwa berbagi informasi diperlukan
untuk melindungi hak, properti, atau keselamatan Umraza, pengguna, atau publik dari kerugian, termasuk
sesuai hukum, atau untuk mencegah kerusakan fisik atau properti yang akan terjadi.
<br>· Mendeteksi, mencegah, atau menanggulangi penipuan, masalah keamanan, atau masalah teknis.
<br>· Mengumpulkan, menyimpan, menahan, dan mengelola informasi pribadi Anda melalui layanan berbasis
cloud, hosting, pihak ketiga, atau pihak yang terkait dengan Umraza untuk tujuan bisnis yang wajar.
<br>· Umraza juga dapat berbagi informasi pribadi dengan perusahaan atau organisasi yang terkait atau
afiliasi Umraza, seperti anak perusahaan, perusahaan saudara, dan perusahaan induk.
<br><br><br>
<span class="tit">
Keamanan Informasi
</span>
<br><br>
Keamanan informasi merupakan prioritas utama bagi Umraza. Umraza menerapkan sistem, aplikasi, dan
prosedur untuk melindungi informasi pribadi Anda guna meminimalkan risiko pencurian, kerusakan,
kehilangan, atau akses dan penggunaan yang tidak sah. Selain itu, kami membatasi akses karyawan,
kontraktor, dan agen Umraza terhadap informasi pribadi hanya jika mereka membutuhkan informasi tersebut
untuk pemrosesan, dan semua pihak yang memiliki akses wajib mematuhi kewajiban kerahasiaan yang ketat
dalam kontrak; kegagalan mematuhi dapat mengakibatkan tindakan disipliner atau pemecatan. Kami
berkomitmen untuk menjaga keamanan data pribadi pengguna dengan menerapkan standar keamanan dan mematuhi
hukum serta peraturan yang berlaku. Wawasan yang diperoleh dari pemeliharaan layanan membantu kami
mendeteksi dan secara otomatis mencegah ancaman keamanan yang dapat memengaruhi Anda. Kami akan
menyimpan data pribadi yang dikumpulkan dari Anda (misalnya, untuk menyediakan layanan yang Anda minta
atau untuk memenuhi kewajiban hukum, pajak, atau akuntansi yang berlaku) selama periode yang diperlukan
untuk tujuan yang dijelaskan dalam Kebijakan Privasi ini, dan akan berupaya semaksimal mungkin untuk
melindungi data Anda dari kehilangan atau penggunaan yang tidak sah dengan menerapkan langkah teknis dan
kebijakan organisasi yang tepat. Namun, langkah-langkah ini tidak dapat memberikan jaminan mutlak; oleh
karena itu, Anda tidak boleh mengharapkan secara wajar bahwa aplikasi kami akan bebas dari tindakan
kriminal, kerusakan, intersepsi atau akses ilegal, atau bentuk penyalahgunaan dan penggunaan yang salah
lainnya.
<br><br><br>
<span class="tit">
Perubahan Kebijakan dan Pencabutan Persetujuan
</span>
<br><br>
Anda dapat meminta akses ke data Anda dan memiliki hak untuk memperbarui atau mengubah data tersebut.
Selain itu, jika kami mengumpulkan dan memproses informasi pribadi Anda berdasarkan persetujuan Anda,
Anda dapat menarik persetujuan tersebut kapan saja. Penarikan persetujuan tidak akan memengaruhi
legalitas pemrosesan yang telah dilakukan sebelum penarikan, dan tidak akan memengaruhi pemrosesan
informasi pribadi yang dilakukan berdasarkan alasan hukum lain selain persetujuan Anda. Namun, jika Anda
menarik persetujuan, kami dapat memberi tahu Anda bahwa hal ini mungkin berdampak pada layanan yang kami
sediakan kepada Anda.
<br><br><br>
<span class="tit">
Pembaruan Kebijakan Privasi
</span>
<br><br>
Kami berhak untuk mengubah, menghapus, atau menerapkan ketentuan baru dalam Kebijakan Privasi ini kapan
saja, atau untuk mematuhi perubahan ketentuan bisnis kami. Saat kami memperbarui pernyataan privasi,
kami akan mengambil langkah yang sesuai untuk memberi tahu Anda mengenai perubahan tersebut. Setiap
pembaruan akan dipublikasikan di platform kami. Anda diharapkan secara berkala memeriksa halaman ini
untuk mengetahui perubahan apa pun. Dengan terus menggunakan layanan platform Umraza setelah perubahan
tersebut, Anda menyatakan bahwa Anda memahami dan menyetujui perubahan dalam ketentuan Kebijakan Privasi
ini, dan penggunaan platform kami akan tunduk pada pembaruan dan perubahan tersebut.
<br><br><br>
<span class="tit">
Facebook
</span>
<br><br>
Kami dapat menggunakan informasi pribadi Anda (seperti alamat email, nomor telepon, data aktivitas
penggunaan) untuk menampilkan iklan dan pengalaman retargeting melalui Facebook/Meta Ads. Anda dapat
mengelola atau menarik pengaturan iklan kapan saja, termasuk memilih untuk tidak menerima iklan berbasis
minat.
<br>Untuk mengelola pengaturan iklan atau berhenti dari iklan bertarget, silakan kunjungi:
https://www.facebook.com/settings?tab=ads
Kami berkomitmen untuk mematuhi kebijakan iklan Facebook dan peraturan privasi yang berlaku, memastikan
keamanan data pribadi Anda, serta menghormati pilihan Anda.
<br><br><br>
<span class="tit">
Bagaimana Situs Kami Menangani Sinyal “Do Not Track”
</span>
<br><br>
Saat mekanisme browser “Do Not Track” (DNT) aktif, kami menghormati sinyal “Do Not Track” dan tidak
menanam cookie atau menggunakan iklan berdasarkan sinyal tersebut.
<br><br><br>
<span class="tit">
GR 17/2025 (Undang-Undang Perlindungan Privasi Anak Online)
</span>
<br><br>
Dalam pengumpulan informasi pribadi anak di bawah usia 13 tahun, Undang-Undang Perlindungan Privasi Anak
Online (GR 17/2025) memberikan kontrol kepada orang tua. Komisi Perdagangan Federal Amerika Serikat
(Federal Trade Commission) bertanggung jawab atas penegakan aturan GR 17/2025, yang menetapkan
langkah-langkah yang harus diambil oleh operator situs web dan layanan online untuk melindungi privasi
dan keamanan anak secara online.
<br>Kami tidak menargetkan pemasaran secara khusus kepada anak di bawah usia 13 tahun.
<br><br><br>
<span class="tit">
Praktik Informasi yang Adil
</span>
<br><br>
Prinsip Praktik Informasi yang Adil merupakan fondasi hukum privasi di Amerika Serikat, dan konsep yang
terkandung di dalamnya memainkan peran penting dalam perkembangan hukum perlindungan data secara global.
Memahami prinsip Praktik Informasi yang Adil serta cara penerapannya sangat penting untuk mematuhi
berbagai undang-undang privasi yang melindungi informasi pribadi.
<br><br>
<span class="tit">
Tanggapan terhadap Kebocoran Data untuk Mematuhi Praktik Informasi yang Adil
</span>
<br><br>
Untuk mematuhi praktik informasi yang adil, jika terjadi kebocoran data, kami akan mengambil
langkah-langkah tanggapan berikut:
Kami akan memberi tahu Anda melalui email dalam waktu 7 hari kerja.
Kami juga mematuhi Prinsip Pemulihan Individu, yang menetapkan bahwa individu memiliki hak untuk
menegakkan haknya terhadap pengumpul dan pengolah data yang tidak mematuhi hukum. Prinsip ini tidak
hanya memberikan hak penegakan terhadap pengguna data, tetapi juga memberikan hak kepada individu untuk
mengajukan penyelidikan dan/atau tuntutan hukum terhadap pelanggaran yang dilakukan oleh pengolah data
di pengadilan atau lembaga pemerintah.
<span class="tit">
Undang-Undang Anti Spam
</span>
<br><br>
Undang-Undang Anti Spam adalah peraturan yang menetapkan aturan untuk email komersial, menentukan
persyaratan informasi bisnis, memberikan hak kepada penerima untuk menolak menerima email, dan
menetapkan sanksi tegas terhadap pelanggaran hukum tersebut.
<br><br><br>
<span class="tit">
Kami Mengumpulkan Alamat Email Anda untuk
</span>
<br><br>
Mengirim informasi, menanggapi pertanyaan, dan/atau permintaan lainnya.
<br><br>
Memproses pesanan serta mengirim informasi dan pembaruan terkait pesanan.
<br><br><br>
<span class="tit">
Untuk mematuhi UU ITE, kami menyetujui hal-hal berikut
</span>
<br><br>
Jangan menggunakan subjek atau alamat email yang palsu atau menyesatkan.
Tandai pesan sebagai iklan secara wajar.<br>
Cantumkan alamat kantor pusat perusahaan atau situs kami yang sebenarnya.
Jika menggunakan layanan pemasaran email pihak ketiga, pantau kepatuhannya.
Hormati permintaan berhenti/langganan dengan cepat.<br>
Izinkan pengguna menggunakan tautan di bagian bawah setiap email untuk berhenti berlangganan.
Jika Anda ingin berhenti menerima email di masa mendatang kapan saja, Anda dapat mengirim email ke
Ikuti petunjuk di bagian bawah setiap email.<br>
Kami akan segera menghapus Anda dari semua komunikasi.
<br><br><br>
<span class="tit">
Hubungi Kami
</span>
<br>
<br>Jika Anda memiliki pertanyaan, masukan, atau keluhan mengenai Kebijakan Privasi ini, Anda dapat
menghubungi kami melalui alamat berikut, dan harap cantumkan subjek (Kebijakan Privasi Umraza):
<br>8928 Mohammed Bin Wathah
<br>Al Mathar Ash Shamali
<br>RGUC4298
<br>4298
<br>Telp: +62 823 1070 3173
<br>Email: TravelUmraza@gmail.com
</p>
</div>
</div>
</template>
<script setup>
</script>
<style scoped>
.tit {
font-size: 18px;
font-weight: 600;
}
</style>
\ No newline at end of file
src/view/tentang/komuni.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full flex flex-col items-center">
<div class="flex lg:flex-row flex-col w-[90%] mt-20">
<div class="lg:w-[30%] flex flex-col">
<span class="text-[24px] text-[#242424]">Agen Perjalanan Umraza</span>
<p class="text-[14px] text-[#3D3D3D] mt-5">Jangan ragu untuk menghubungi kami! Untuk pertanyaan, saran, atau permintaan reservasi, silakan
gunakan saluran komunikasi kami di bawah ini.</p>
<span class="text-[24px] text-[#242424] lg:mt-10 mt-5">Informasi Kontak</span>
<span class="text-[24px] text-[#242424] lg:mt-10 mt-5">Alamat</span>
<p class="text-[14px] text-[#3D3D3D] mt-5">8928 Mohammed Bin Wathah, Al Mathar Ash Shamali، RGUC4298، 4298, Riyadh 12326 Arab Saudi</p>
<div class="mt-5"><strong><span>E-mail: </span></strong> <span>Travelumraza@gmail.com</span></div>
<div><strong><span>Telepon: </span></strong> <span>+62 823 1070 3173</span></div>
</div>
<div class="lg:w-[70%] lg:mt-0 mt-10">
<div id="map" style="width: 100%; height: 400px;"></div>
</div>
</div>
<div class="w-[90%] mb-10">
<div class="text-[14px] text-[#3D3D3D] mt-5">Agen Perjalanan Umraza</div>
<div class="text-[24px] text-[#242424]"><strong>Pertanyaan yang Sering Diajukan</strong></div>
</div>
<div class="lg:w-[90%] mb-20">
<el-collapse>
<el-collapse-item v-for="(value, index) in titList" :key="index">
<template #title>
<div class="lg:h-10 flex items-center lg:p-0 p-2.5">
<span style="font-size:14px;font-weight: 600;color: #3D3D3D;">{{ value.tit }}</span>
</div>
<!-- <span v-else style="font-size:16px;font-weight: 300;color: #6c6c6c;">{{value.tit}}</span> -->
</template>
<div class="text-[14px] text-[#242424] ml-6">{{ value.con }}</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
</template>
<script setup>
import { onMounted } from 'vue';
import L from 'leaflet'; // 引入 Leaflet 库
import 'leaflet/dist/leaflet.css'; // 引入 Leaflet 样式
import 'leaflet-control-geocoder/dist/Control.Geocoder.css'; // 引入反向地理编码控件样式
import 'leaflet-control-geocoder'; // 引入反向地理编码库
const titList = [
{
tit: "Bagaimana saya dapat menghubungi Agen Perjalanan Umraza?",
con: "Untuk menghubungi Travel Umraza, Anda dapat mengisi formulir di halaman kontak situs web kami. Travelumraza@gmail.com Anda dapat mengirim email ke atau menghubungi +62 823 1070 3173."
},
{
tit: "Berapa jam kerja Anda?",
con: "Jam operasional kami adalah setiap Senin sampai Sabtu pukul 09:00–21:00 dan Minggu pukul 15:00–21:00. Jika terjadi keadaan darurat, Anda dapat menghubungi kami melalui nomor telepon resmi kami."
},
{
tit: "Bisakah saya mendapatkan informasi tentang wisata haji dan umrah Anda?",
con: "Jika Anda ingin mengetahui lebih banyak informasi tentang perjalanan Haji dan Umrah, silakan hubungi kami melalui fitur 'Hubungi Layanan Pelanggan' dan chat 'WhatsApp' di pojok kiri bawah situs web kami. Tim layanan pelanggan kami akan segera menghubungi Anda."
},
{
tit: "Bagaimana cara memesan tur?",
con: "Untuk memesan tur, Anda dapat mengisi formulir reservasi di situs web kami atau menghubungi tim layanan pelanggan kami untuk menyelesaikan reservasi Anda. Cukup berikan dokumen yang diperlukan dan detail pembayaran kepada perwakilan pelanggan kami untuk menyelesaikan reservasi Anda."
},
{
tit: "Apa ketentuan pembatalan reservasi dan pengembalian uang?",
con: "Kebijakan pembatalan dan pengembalian dana reservasi dapat bervariasi, tergantung pada paket wisata. Untuk informasi lebih lanjut tentang pembatalan dan pengembalian dana, silakan hubungi tim layanan pelanggan kami atau tinjau perjanjian reservasi Anda."
},
{
tit: "Apakah Anda membantu dengan prosedur visa?",
con: "Ya, kami dapat membantu Anda dengan prosedur visa untuk perjalanan haji dan umrah kami. Anda dapat menghubungi tim layanan pelanggan kami untuk informasi lebih lanjut mengenai dokumen yang diperlukan dan proses pengajuan visa."
},
{
tit: "Apa saja yang termasuk dalam paket wisata Anda?",
con: "Paket wisata kami umumnya mencakup akomodasi, transportasi, layanan pemandu, prosedur visa, dan makanan. Anda dapat menemukan informasi detail tentang setiap paket wisata di situs web kami."
},
]
onMounted(() => {
// 创建地图并设置初始视图
const map = L.map('map').setView([24.70126, 46.65354], 15); // King Khalid Grand Mosque 的坐标
// 设置 OpenStreetMap 图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
// 在 King Khalid Grand Mosque 上添加标记
L.marker([24.70126, 46.65354]).addTo(map)
.bindPopup('<b>King Khalid Grand Mosque</b>')
.openPopup(); // 默认打开弹出框
// 添加反向地理编码插件（点击地图显示地址）
const geocoder = L.Control.Geocoder.nominatim(); // 使用 Nominatim 进行反向地理编码
map.on('click', function(e) {
const lat = e.latlng.lat;
const lng = e.latlng.lng;
// 使用 Geocoder 获取地址
geocoder.reverse([lat, lng], map.options.crs.scale(map.getZoom()), function(results) {
const popup = L.popup()
.setLatLng([lat, lng])
.setContent('你点击的位置: ' + results[0].name) // 显示详细地址
.openOn(map);
});
});
});
</script>
<style>
.el-collapse-item__header {
line-height: 1.4 !important; /* 调整标题行距 */
padding: 8px 12px !important; /* 缩小内边距 */
min-height: auto !important; /* 取消固定高度 */
}
.el-collapse-item__content {
line-height: 1.6 !important;
padding: 8px 16px !important;
}
</style>
\ No newline at end of file
src/view/tentang/serti.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full">
<div class="w-full flex flex-col items-center justify-center lg:h-96 h-20">
<strong><span class="lg:text-[78px] text-[36px] text-[#242424]">Sertifikat kami</span></strong>
<span class="text-[11px] text-[#242424]">HALAMAN BERANDA / SERTIFIKAT KAMI</span>
</div>
<div class="lg:w-[70%] grid lg:grid-cols-3 grid-cols-1 gap-8 p-8">
<div class="p-4 flex flex-col items-center justify-start" v-for="value in contentList">
<img class="w-full lg:h-[400px]" :src="value.img" alt="">
<div class="mt-2.5"><strong><span class="w-full text-center text-[22px] text-[#242424]">{{value.con}}</span></strong></div>
</div>
</div>
</div>
</template>
<script setup>
import img1 from '@/assets/serti/1.png'
import img2 from '@/assets/serti/2.png'
import img3 from '@/assets/serti/3.png'
import img4 from '@/assets/serti/4.png'
import img5 from '@/assets/serti/5.png'
import img6 from '@/assets/serti/6.png'
import img7 from '@/assets/serti/7.png'
import img8 from '@/assets/serti/8.png'
import img9 from '@/assets/serti/9.png'
import img10 from '@/assets/serti/10.png'
import img11 from '@/assets/serti/11.png'
const contentList = [
{
img:img1,
con:"Lisensi Perjalanan & Pariwisata"
},
{
img:img2,
con:"Lisensi Transportasi Khusus"
},
{
img:img3,
con:"Lisensi Layanan Umrah"
},
{
img:img4,
con:"Lisensi Operasional Keamanan Industri"
},
{
img:img5,
con:"Lisensi Satpam Industri (Swasta)"
},
{
img:img6,
con:"Lisensi Pertahanan Sipil"
},
{
img:img7,
con:"Lisensi Kegiatan Keamanan Industri"
},
{
img:img8,
con:"ISO 45001:2018 (Kesehatan & Keselamatan)"
},
{
img:img9,
con:"ISO 22301:2019 (Kelangsungan Bisnis)"
},
{
img:img10,
con:"ISO 9001:2015 (Kualitas)"
},
{
img:img11,
con:"ISO 18788:2015 (Keamanan)"
},
]
</script>
\ No newline at end of file
src/view/tentang/tanya.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full items-center justify-center flex flex-col">
<div class="lg:w-[80%] flex flex-col items-center justify-center mt-4">
<div class="lg:h-80 flex justify-center items-center lg:w-[80%] w-full">
<h1 class="lg:text-[78px] text-[36px] text-[#242424] text-center">Pertanyaan yang Sering Diajukan</h1>
</div>
<span class="text-[11px] text-[#242424] mb-10">Halaman Beranda / Pertanyaan yang Sering Diajukan</span>
<div class="w-full mb-20">
<el-collapse>
<el-collapse-item v-for="(value, index) in questionList" :key="index">
<template #title>
<div class="lg:h-10 flex items-center lg:p-0 p-2.5">
<span style="font-size:14px;font-weight: 600;color: #3D3D3D;">{{ value.tit }}</span>
</div>
<!-- <span v-else style="font-size:16px;font-weight: 300;color: #6c6c6c;">{{value.tit}}</span> -->
</template>
<div class="text-[14px] text-[#242424] ml-6">{{ value.con }}</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
</div>
</template>
<script setup>
const questionList = [
{
tit: "Apa yang harus dilakukan jika terjadi kendala saat melaksanakan ibadah umrah?",
con: "Mungkin ada gangguan yang disebabkan oleh otoritas resmi selama tur umrah. Jika demikian, kami mohon Anda memberi tahu pemandu kami. Ia akan memberikan informasi yang diperlukan."
},
{
tit: "Apakah telepon seluler Indonesia berfungsi di Arab Saudi?",
con: "Ya, nomor ponsel Indonesia Anda berfungsi di Arab Saudi. Pastikan untuk bertanya kepada operator seluler Anda tentang kampanye khusus untuk Arab Saudi."
},
{
tit: "Berapa jatah bagasi?",
con: "Setiap penumpang diperbolehkan membawa 30 kg bagasi dan 5 liter air Zamzam. Penumpang akan dikenakan denda jika kelebihan bagasi."
},
{
tit: "Mata uang apa yang digunakan di Arab Saudi?",
con: "Mata uang Arab Saudi adalah Riyal. Kira-kira 1 Euro = 4,10 Riyal dan 1 USD = 3,74 Riyal."
},
{
tit: "Seperti apa cuaca di Arab Saudi?",
con: "Suhu di Arab Saudi berkisar antara 22°C hingga 39°C. Oleh karena itu, kenakan pakaian yang nyaman dan sesuai untuk bulan-bulan musim panas."
},
{
tit: "Bagaimana cara mempersiapkan pakaian ihram dan sandal untuk umrah?",
con: "Jika jamaah umrah terlebih dahulu menuju Mekkah, maka jamaah umrah laki-laki wajib membawa pakaian ihram dan sandal ke bandara dalam tas atau kantong terpisah dari barang bawaannya."
},
{
tit: "Ketentuan apa saja yang berlaku jika terjadi pembatalan jadwal umrah?",
con: "Pembatalan setelah visa dikeluarkan akan dikenakan biaya $400, dan pembatalan setelah tiket pesawat dibeli akan dikenakan biaya $600. Kurang dari seminggu sebelum keberangkatan"
},
{
tit: "Apakah ada layanan pemandu yang disediakan selama tur umrah?",
con: "Ya, pemandu profesional kami akan memandu Anda selama perjalanan umrah Anda. Mereka akan mendampingi Anda selama perjalanan dan memberikan semua informasi yang diperlukan."
},
{
tit: "Dokumen apa saja yang dibutuhkan untuk melakukan umrah?",
con: "Paspor yang masih berlaku minimal satu tahun diperlukan untuk umrah. Selain paspor, dokumen yang diperlukan untuk prosedur visa juga diperlukan."
},
{
tit: "Apa saja yang termasuk dalam harga tur umrah?",
con: "Harga tour umrah sudah termasuk tiket pesawat pulang pergi, akomodasi hotel, layanan 24 jam, pengurusan visa, souvenir (koper, ransel, dompet batu, dll)."
},
{
tit: "Bagaimana cara mendaftar untuk tur umrah?",
con: "Anda dapat mendaftar online untuk tur umrah kami melalui situs web kami atau menyelesaikan reservasi Anda dengan menghubungi layanan pelanggan kami."
},
{
tit: "Apa itu umrah?",
con: "Umrah adalah ibadah sukarela yang dilakukan oleh umat Islam dengan mengunjungi Kakbah. Berbeda dengan haji, umrah dapat dilakukan kapan saja sepanjang tahun dan ritualnya"
},
{
tit: "Apa saja anjuran bagi wanita untuk memastikan kenyamanan selama perjalanan haji?",
con: "Pastikan kenyamanan dengan persiapan fisik, pakaian yang sesuai, dan membawa perlengkapan pribadi yang dibutuhkan."
},
{
tit: "Apa saja hal khusus yang harus diperhatikan wanita saat haji?",
con: "Fokus beribadah sesuai kemampuan, menjaga kebersihan, dan tetap aman selama hari-hari khusus haji."
},
{
tit: "Apa yang seharusnya dilakukan wanita pada hari-hari istimewa mereka selama haji?",
con: "Fokus beribadah sesuai kemampuan, menjaga kebersihan, dan tetap aman selama hari-hari khusus haji."
},
{
tit: "Bisakah wanita menunaikan haji sendirian?",
con: "Perempuan boleh berhaji sendiri jika ada mahram atau sesuai aturan yang memperbolehkan tanpa mahram."
},
{
tit: "Seperti apa seharusnya pakaian ihram bagi wanita?",
con: "Ihram untuk perempuan adalah pakaian longgar menutup seluruh tubuh kecuali wajah dan telapak tangan."
},
{
tit: "Berapa lama paspor saya berlaku?",
con: "Pastikan paspor Anda masih berlaku minimal 6 bulan sebelum keberangkatan."
},
{
tit: "Apakah perlu memiliki asuransi kesehatan swasta untuk haji?",
con: "Ya. Hal ini tidak khusus untuk haji, tetapi juga merupakan persyaratan pada masa normal."
},
{
tit: "Berapa lama proses pengajuan visa haji?",
con: "Proses pengajuan visa haji biasanya memakan waktu beberapa minggu, jadi ajukan lebih awal."
},
{
tit: "Apa saja dokumen yang dibutuhkan untuk visa haji?",
con: "Anda perlu paspor berlaku 6 bulan, foto terbaru, dan dokumen pendaftaran haji."
},
{
tit: "Bagaimana cara mendapatkan visa haji?",
con: "Anda perlu paspor berlaku 6 bulan, foto terbaru, dan dokumen pendaftaran haji."
},
{
tit: "Bagaimana layanan kesehatan diberikan selama perjalanan haji?",
con: "Kami bekerja sama dengan Kementerian Kesehatan Saudi untuk menyediakan layanan medis 24 jam selama haji."
},
{
tit: "Bagaimana kebutuhan makanan terpenuhi selama perjalanan haji?",
con: "Kami menjamin kebutuhan makan terpenuhi dengan menyediakan makanan Indonesia selama menginap di hotel."
},
{
tit: "Seberapa dekat akomodasi dengan Kakbah?",
con: "Dengan jarak terjauh hanya sekitar 5 menit berjalan kaki ke Ka'bah."
},
{
tit: "Pilihan akomodasi apa saja yang ditawarkan sebagai bagian dari tur haji?",
con: "Kami mengatur akomodasi hotel bintang 3 hingga 5 sesuai paket"
},
{
tit: "Alat transportasi apa saja yang digunakan selama perjalanan haji?",
con: "Jemaah haji biasanya tiba di Arab Saudi dengan pesawat, tetapi di dalam negeri, transportasi umum seperti bus dan kereta api digunakan."
},
{
tit: "Berapa lama ibadah haji berlangsung?",
con: "Ibadah haji dimulai pada tanggal 8 bulan Dzulhijjah dan berakhir pada hari ke-13, yang berlangsung selama 6 hari."
},
{
tit: "Bagaimana saya harus mempersiapkan perjalanan haji?",
con: "Kesehatan fisik, persiapan rohani, kelengkapan dokumen yang diperlukan, dan pengetahuan tentang informasi dasar haji merupakan tahapan penting dari proses persiapan."
},
{
tit: "Apa perbedaan antara haji dan umrah?",
con: "Haji adalah ibadah yang dilakukan pada waktu tertentu dan mencakup ritual-ritual tertentu. Umrah dapat dilakukan kapan saja sepanjang tahun dan mencakup ritual-ritual tertentu."
},
{
tit: "Kapan waktu haji?",
con: "Haji dilakukan setiap tahun antara tanggal 8 dan 13 bulan Dzulhijjah menurut kalender Islam."
},
{
tit: "Apa itu haji dan siapa yang dapat melaksanakannya?",
con: "Ibadah haji adalah salah satu dari lima kewajiban besar Islam. Setiap Muslim yang mampu secara finansial dan sehat dapat melaksanakannya sekali seumur hidup."
},
]
</script>
<style>
.el-collapse-item__header {
line-height: 1.4 !important; /* 调整标题行距 */
padding: 8px 12px !important; /* 缩小内边距 */
min-height: auto !important; /* 取消固定高度 */
}
.el-collapse-item__content {
line-height: 1.6 !important;
padding: 8px 16px !important;
}
</style>
\ No newline at end of file
src/view/tentang/tentang.vue 0 → 100644
浏览文件 @ 22260dcb
<template>
<div class="w-full h-full flex flex-col justify-center items-center">
<div class="flex w-full items-center justify-center bg-[#f9f9f9] h-60 lg:p-0 pl-2.5">
<div class="w-full flex flex-col justify-center items-center">
<span class="text-[#003366] text-[14px]">Tentang Kami</span>
<strong><span class="lg:text-[36px] text-[20px] text-[#242424]">Agen Perjalanan Umraza Bersiaplah untuk Perjalanan Suci</span></strong>
</div>
</div>
<div class="lg:w-[1200px]">
<div class="flex w-full flex-col lg:flex-row items-center lg:mt-20">
<div class="lg:w-[50%] flex justify-center lg:mt-5 lg:mb-20 mb-10 pl-4 pr-4 lg:p-0">
<img class="lg:w-[85%] rounded-2xl mt-5" :src="tentang" alt="">
</div>
<div class="lg:w-[50%] flex justify-center pl-4 pr-4 lg:p-0">
<div class="flex flex-col lg:w-[70%]">
<div class="text-[#242424] lg:text-4xl text-[20px] font-bold">Mengapa Agen Perjalanan Umraza?</div>
<div class="text-[16px] text-[#0000004D] mt-10">Kami membawa ribuan Muslim ke Tanah Suci dalam tur umrah kami. Kami berkomitmen untuk memberikan layanan terbaik bagi para jamaah kami di setiap kunjungan umrah.</div>
<div class="text-[16px] text-[#3D3D3D] mt-10">Dengan program-program yang sarat spiritualitas dan dipandu oleh instruktur kami yang berpengalaman dan berkualifikasi, tur umrah 2025 menanti Anda, menawarkan akomodasi di hotel bintang empat atau lima yang paling dekat dengan Masjidil Haram di Mekah dan Masjid Nabawi di Madinah. Di hotel-hotel mitra kami, kami menggunakan daging segar yang disembelih secara Islami dalam hidangan kami, alih-alih daging impor beku.</div>
<div class="text-[16px] text-[#3D3D3D] mt-10">Tur umrah 2025 menanti Anda dengan program yang penuh dengan spiritualitas di setiap menitnya, ditemani oleh guru-guru kami yang berkualitas dan berpengalaman, dan akomodasi di hotel bintang 4 atau 5 yang paling dekat dengan Masjid Nabawi di Madinah dan Masjidil Haram di Mekkah. </div>
<div class="h-px bg-gray-300 w-full mt-5"></div>
<div class="flex justify-between mt-5">
<span>Ikuti Kami</span>
<!-- <div class="lg:w-[100px] w-0 bg-red-600 h-5"></div> -->
<div class="flex flex-row items-center h-full">
<img class="h-5 bg-black hover:opacity-50 ml-1.5" v-for="value in imgList" :src="value" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="lg:p-8 p-4 mt-20 flex flex-col">
<strong><span class="text-2xl text-[#242424] ">Misi Kami</span></strong>
<span class="text-[#3D3D3D] text-[16px] whitespace-pre-line leading-8 mt-8">Agen Perjalanan Umraza didirikan dengan tujuan menyelenggarakan setiap acara yang memungkinkan untuk membantu Anda meraih keutamaan dan berkah yang diberikan haji dan umrah, serta membantu Anda memahami dan menghayati makna dan arti penting jalan kebenaran. Haji dan umrah, yang memiliki dampak mendalam bagi kehidupan manusia, hanya dapat terlaksana melalui pengorganisasian yang cermat dan teliti. Tim yang berpengalaman sangat penting untuk mendampingi Anda dalam perjalanan ini dan memastikan Anda mendapatkan pengalaman terbaik.
<br><br>Keberhasilan nasional dan internasional para mitra pendiri kami berkontribusi besar terhadap kepercayaan yang diberikan kepada Agen Perjalanan Umraza. Bersuci di hadapan Dia yang menciptakan waktu dan manusia, menurunkan wahyu, dan memuliakan waktu dan manusia dengan wahyu tentu sangat berharga bagi kita umat beriman.
<br><br>Kita semua berhak menunaikan ibadah haji dan umrah tanpa rasa khawatir dan cemas. Menjalankan kewajiban-kewajiban ini dalam perjalanan spiritual yang jernih dan dengan aura kekhidmatan, terlepas dari urusan duniawi, membutuhkan pikiran yang jernih.
<br><br>Sebagai Agen Perjalanan Umraza, tugas utama kami adalah memenuhi semua kebutuhan perjalanan Anda selama kunjungan haji dan umrah Anda, memastikan bahwa Anda dapat fokus hanya pada apa yang suci.</span>
</div>
<div class="p-4 mt-20 flex flex-col">
<strong><span class="text-2xl text-[#242424] ">Visi kami</span></strong>
<span class="text-[#3D3D3D] text-[16px] whitespace-pre-line leading-8 mt-8">Organisasi kami, yang didirikan untuk menghadirkan inovasi dan inovasi terbaik dan berkualitas tinggi di negara kami dan internasional, akan tumbuh jauh lebih cepat berkat dukungan Anda. Infrastruktur kami yang kokoh dan berakar kuat, pengalaman, pengetahuan, keandalan, dan rasa tanggung jawab adalah jaminan keberlangsungan kami.
<br><br>Tujuan kami adalah membawa pemahaman baru tentang perjalanan haji dan umrah dan senantiasa berada di jalan Allah, bersama umat manusia. Merupakan kebahagiaan tersendiri bagi kami untuk dapat menyediakan layanan yang memadukan sumber daya material dan spiritual untuk berkontribusi pada tujuan penciptaan manusia.
<br><br>Kami senantiasa bersama Anda untuk menemukan jawaban atas segala harapan Anda dalam perjalanan yang menuntun Anda menuju kebaikan dan kebenaran.</span>
</div>
<div class="flex flex-col justify-center items-center text-center mt-20">
<div class="text-[14px] text-[#003366]">Agen Perjalanan Umraza</div>
<div class="text-[22px] text-[#242424] leading-10"><strong>Nilai-nilai kami</strong></div>
<div class="text-[14px] text-[#3D3D3D] lg:w-[75%]">Di Agen Perjalanan Umraza, nilai-nilai inti yang kami anut sambil memberikan layanan terbaik kepada pelanggan menjadikan kami merek terkemuka di industri ini. Berikut nilai-nilai kami:</div>
</div>
<div class="flex w-full flex-col lg:flex-row justify-between mt-20 mb-10 pl-4 pr-4 lg:p-0">
<div class="lg:w-[33%] text-center lg:mt-0 mt-5">
<div class="text-[22px] text-[#242424]"><strong>Memercayai</strong></div>
<div class="text-[14px] text-[#3D3D3D]">Kami berusaha menjaga kepercayaan jamaah haji pada level tertinggi.</div>
</div>
<div class="lg:w-[33%] text-center lg:mt-0 mt-5">
<div class="text-[22px] text-[#242424]"><strong>Kualitas</strong></div>
<div class="text-[14px] text-[#3D3D3D]">Kami menerapkan standar kualitas tinggi dalam semua layanan kami.</div>
</div>
<div class="lg:w-[33%] text-center lg:mt-0 mt-5">
<div class="text-[22px] text-[#242424]"><strong>Kejujuran</strong></div>
<div class="text-[14px] text-[#3D3D3D]">Kami memberikan informasi yang paling akurat kepada tamu kami melalui komunikasi yang transparan dan terbuka.</div>
</div>
</div>
</div>
<div class="w-full bg-black flex justify-center items-center pt-20 pb-20">
<div class="flex flex-col items-center text-white">
<div class="mt-2.5"><strong><span class="text-[18px] text-[#ffffffd1]">Agen Perjalanan Umraza</span></strong></div>
<div class="mt-2.5"><strong><span class="text-[22px] leading-8">Pesan Perjalanan Suci Anda</span></strong></div>
<strong><span class="text-[22px] leading-8">Sekarang!</span></strong>
<div class="mt-2.5 text-center lg:w-[500px] w-[90%]"><span class="text-[14px] leading-6 text-center text-[#ffffffcc]">Hubungi kami sekarang untuk mempelajari lebih lanjut tentang paket umrah kami dan melakukan reservasi. Nikmati pengalaman umrah yang tak terlupakan dengan pemandu berpengalaman dan layanan yang nyaman.</span></div>
<div class="p-3 border rounded-sm border-white text-[13px] mt-10">
KLIK UNTUK RESERVASI
</div>
<!-- <div class="w-[100px] bg-red-700 h-10 mt-5"></div> -->
<div class="flex flex-row items-center h-full mt-4">
<img class="h-5 bg-black hover:opacity-50 ml-1.5" v-for="value in imgList" :src="value" alt="">
</div>
</div>
</div>
</div>
</template>
<script setup>
import tentang from "@/assets/tentang.jpg"
import facebook from "@/assets/social/f.jpg"
import ins from "@/assets/social/ins.jpg"
import x from "@/assets/social/x.jpg"
import whats from "@/assets/social/whats.jpg"
import you from "@/assets/social/you.jpg"
const imgList = [
facebook,
x,
ins,
you,
whats
]
</script>
vite.config.js 0 → 100644
浏览文件 @ 22260dcb
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
plugins: [vue(), vueDevTools(), tailwindcss()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
})
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论