+
+
+ ![]()
+
+
+
+ {{ name }}
+{{ position }}
+{{ blurb }}
+
- About
- Contact
-
+ About
+
@@ -47,36 +43,52 @@
diff --git a/resources/js/components/ProfileCard.vue b/resources/js/components/ProfileCard.vue
new file mode 100644
index 0000000..206b52c
--- /dev/null
+++ b/resources/js/components/ProfileCard.vue
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/dredgy/ScrollIndicator.vue b/resources/js/components/dredgy/ScrollIndicator.vue
new file mode 100644
index 0000000..66a71a9
--- /dev/null
+++ b/resources/js/components/dredgy/ScrollIndicator.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/dredgy/SectionTitle.vue b/resources/js/components/dredgy/SectionTitle.vue
index dfd761a..767c675 100644
--- a/resources/js/components/dredgy/SectionTitle.vue
+++ b/resources/js/components/dredgy/SectionTitle.vue
@@ -38,7 +38,6 @@
-
+
+
+
+
+
+
![]()
@@ -67,18 +69,8 @@ const props = defineProps<{
transform-origin: center bottom;
}
-.tour-card:nth-child(2n) {
- transform: translateY(100px) rotate(6deg) scale(0.9);
-}
-
-.tour-card.visible {
- transform: translateY(0) rotate(0deg) scale(1);
- opacity: 1;
-}
-
.tour-card:hover {
box-shadow: var(--shadow-intense);
- transform: translateY(-8px) rotate(0deg) scale(1.02);
}
.tour-image {
@@ -187,47 +179,4 @@ const props = defineProps<{
font-size: 0.875rem;
}
-/* Animations */
-@keyframes bounce {
- 0%, 20%, 53%, 80%, 100% {
- transform: translateX(-50%) translateY(0);
- }
- 40%, 43% {
- transform: translateX(-50%) translateY(-15px);
- }
- 70% {
- transform: translateX(-50%) translateY(-7px);
- }
- 90% {
- transform: translateX(-50%) translateY(-2px);
- }
-}
-
-@keyframes pulse {
- 0%, 100% {
- opacity: 1;
- }
- 50% {
- opacity: 0.5;
- }
-}
-
-.animate-fade {
- animation: fadeInUp 1s ease-out;
-}
-
-.animate-slide {
- animation: fadeInUp 1s ease-out 0.2s both;
-}
-
-@keyframes fadeInUp {
- from {
- opacity: 0;
- transform: translateY(30px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
diff --git a/resources/js/components/home/About.vue b/resources/js/components/home/About.vue
index 2589cf5..9ad548c 100644
--- a/resources/js/components/home/About.vue
+++ b/resources/js/components/home/About.vue
@@ -7,32 +7,39 @@
-
-
-
-
-
@@ -83,17 +90,6 @@
background: var(--gradient-adventure);
}
-.about-content {
- opacity: 0;
- transform: translateY(50px);
- transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.about-content.visible {
- opacity: 1;
- transform: translateY(0);
-}
-
.about-grid {
display: grid;
gap: 3rem;
@@ -113,33 +109,6 @@
font-size: 1.125rem;
}
-.stats-grid {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 2rem;
- margin-top: 2rem;
-}
-
-.stat {
- text-align: center;
-}
-
-.stat-number {
- font-size: 2.5rem;
- font-weight: bold;
- background: var(--gradient-adventure);
- -webkit-background-clip: text;
- background-clip: text;
- -webkit-text-fill-color: transparent;
-}
-
-.stat-label {
- color: var(--muted-foreground);
- font-size: 0.875rem;
- text-transform: uppercase;
- letter-spacing: 0.05em;
-}
-
.about-cta {
text-align: center;
padding: 2rem;
@@ -176,34 +145,15 @@
-
diff --git a/resources/js/components/home/FeaturedTours.vue b/resources/js/components/home/FeaturedTours.vue
index 32760af..fb3dea4 100644
--- a/resources/js/components/home/FeaturedTours.vue
+++ b/resources/js/components/home/FeaturedTours.vue
@@ -6,28 +6,33 @@
- We've been travelling the world our whole lives. From North Korea to Afghanistan, Comoros to Venezuela, Suriname to Uruguay. We know the world, and we want to show it to you. -
-- Dr Edgy offers immersive, authentic small group and private adventures, leveraging an extensive global network forged through decades of adventure travel. -
-- Our main focus for now is China, where we offer deep-dive adventures of individual provinces and subjects-of-interest and going to places that most other tours completely bypass. - We can arrange private adventures in many other countries on request. -
+
+
+
-
-
+
+
+ + We've been travelling the world our whole lives. From North Korea to Afghanistan, Comoros to Venezuela, Suriname to Uruguay. We know the world, and we want to show it to you. +
++ Dr Edgy offers immersive, authentic small group and private adventures, leveraging an extensive global network forged through decades of adventure travel. +
++ Our main focus for now is China, where we offer deep-dive adventures of individual provinces and subjects-of-interest and going to places that most other tours completely bypass. + We can arrange private adventures in many other countries on request. +
+
+
+
+ GET TO KNOW US
+
+
+
+ Who Are We?
+Dr Edgy was founded by two close friends who met travelling in North Korea. Both of us love adventure travel with a bit of luxury. One of us is even an actual doctor.
+You are in safe hands.
+
- GET TO KNOW US
-
- Who Are We?
-Dr Edgy was founded by two close friends who met travelling in North Korea. Both of us love adventure travel with a bit of luxury. One of us is even an actual doctor.
-You are in safe hands.
-
+
-Explore All Adventures
-
+
+ Explore All Adventures
+
-
-
diff --git a/resources/js/components/home/Hero.vue b/resources/js/components/home/Hero.vue
index af9a93d..6b75564 100644
--- a/resources/js/components/home/Hero.vue
+++ b/resources/js/components/home/Hero.vue
@@ -1,183 +1,126 @@
-
-
-
+
+
+
-
-
-
-
+
-
+
+
+
+
diff --git a/resources/js/pages/Home.vue b/resources/js/pages/Home.vue
index 0e2a880..3ba708c 100644
--- a/resources/js/pages/Home.vue
+++ b/resources/js/pages/Home.vue
@@ -28,57 +28,4 @@ defineOptions({
layout: AppLayout
})
-// Types
-const initSmoothScrolling = (): void => {
- const navLinks = document.querySelectorAll('a[href^="#"]') as NodeListOf;
-
- navLinks.forEach((link: HTMLAnchorElement) => {
- link.addEventListener('click', (e: Event) => {
- e.preventDefault();
-
- const targetId = link.getAttribute('href');
- const targetElement = targetId ? document.querySelector(targetId) as HTMLElement | null : null;
-
- if (targetElement) {
- const header = document.querySelector('.header') as HTMLElement | null;
- const headerHeight = header ? header.offsetHeight : 0;
- const targetPosition = targetElement.offsetTop - headerHeight;
-
- window.scrollTo({
- top: targetPosition,
- behavior: 'smooth'
- });
-
- // Close dropdown if open
- const dropdown = document.querySelector('.dropdown') as HTMLElement | null;
- if (dropdown) {
- dropdown.classList.remove('open');
- }
- }
- });
- });
-};
-
-// Initialize all functionality when DOM is loaded
-onMounted(() => {
- initSmoothScrolling();
-});
-
-// Add performance optimization
-const debounce = void>(func: T, wait: number): T => {
- let timeout: number | undefined;
- return ((...args: Parameters) => {
- const later = () => {
- clearTimeout(timeout);
- func(...args);
- };
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- }) as T;
-};
-
-// Optimize scroll events
-window.addEventListener('scroll', debounce(() => {
- // Scroll-based animations can be added here
-}, 16)); // ~60fps
diff --git a/resources/js/plugins/vuetify.js.ts b/resources/js/plugins/vuetify.js.ts
new file mode 100644
index 0000000..548d47b
--- /dev/null
+++ b/resources/js/plugins/vuetify.js.ts
@@ -0,0 +1,17 @@
+import { createVuetify } from 'vuetify';
+import 'vuetify/styles';
+import { aliases, mdi } from 'vuetify/iconsets/mdi';
+import '@mdi/font/css/materialdesignicons.css';
+
+export default createVuetify({
+ icons: {
+ defaultSet: 'mdi',
+ aliases,
+ sets: {
+ mdi,
+ },
+ },
+ theme: {
+ defaultTheme: 'dark',
+ }
+});
diff --git a/resources/js/types/globals.d.ts b/resources/js/types/globals.d.ts
index b08451c..f745b1d 100644
--- a/resources/js/types/globals.d.ts
+++ b/resources/js/types/globals.d.ts
@@ -1,5 +1,13 @@
import { AppPageProps } from '@/types/index';
+// resources/js/types/inertia.d.ts
+import { Page } from '@inertiajs/core';
+import { ComponentCustomProperties } from 'vue';
+declare module '@vue/runtime-core' {
+ interface ComponentCustomProperties {
+ $page: Page;
+ }
+}
// Extend ImportMeta interface for Vite...
declare module 'vite/client' {
interface ImportMetaEnv {
diff --git a/routes/auth.php b/routes/auth.php
index 191847e..ddff9a5 100644
--- a/routes/auth.php
+++ b/routes/auth.php
@@ -9,7 +9,7 @@ use App\Http\Controllers\Auth\RegisteredUserController;
use App\Http\Controllers\Auth\VerifyEmailController;
use Illuminate\Support\Facades\Route;
-Route::middleware('guest')->group(function () {
+/*Route::middleware('guest')->group(function () {
Route::get('register', [RegisteredUserController::class, 'create'])
->name('register');
@@ -49,4 +49,4 @@ Route::middleware('auth')->group(function () {
Route::post('logout', [AuthenticatedSessionController::class, 'destroy'])
->name('logout');
-});
+});*/
diff --git a/routes/web.php b/routes/web.php
index 2795d6e..133e07c 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -13,7 +13,7 @@ Route::get('/', function () {
Route::get('/about', function () {
return Inertia::render('AboutUs');
-})->name('home');
+})->name('about');
require __DIR__.'/settings.php';
require __DIR__.'/auth.php';
diff --git a/vite.config.ts b/vite.config.ts
index a40aaa3..c665802 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,11 @@
import { wayfinder } from '@laravel/vite-plugin-wayfinder';
+//@ts-ignore
import tailwindcss from '@tailwindcss/vite';
+//@ts-ignore
import vue from '@vitejs/plugin-vue';
import laravel from 'laravel-vite-plugin';
import { defineConfig } from 'vite';
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
export default defineConfig({
plugins: [
@@ -23,5 +26,8 @@ export default defineConfig({
},
},
}),
+ vuetify({
+ autoImport: true,
+ }),
],
});
- Travel.
- On the Edge
-
+
+
+
-
-
+
+
-
-
+
+ Travel.
+ On the Edge
+
-
-
+
+
-
-
-
-
-
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+