86c17728c4
feat: Create WelcomeItem component for displaying welcome messages feat: Implement various icon components for the welcome section feat: Add theme management functionality with multiple color themes feat: Integrate internationalization support with Spanish and English locales feat: Set up Vue Router with authentication callback handling feat: Implement authentication service for Discord OAuth2 login feat: Create bot service for fetching bot statistics and information feat: Add AuthCallback view for handling authentication responses chore: Configure Vite for development and production environments
50 lines
976 B
Vue
50 lines
976 B
Vue
<template>
|
|
<div id="app">
|
|
<AnimatedBackground />
|
|
<IslandNavbar />
|
|
<HeroSection />
|
|
<router-view />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onMounted } from 'vue'
|
|
import AnimatedBackground from './components/AnimatedBackground.vue'
|
|
import IslandNavbar from './components/IslandNavbar.vue'
|
|
import HeroSection from './components/HeroSection.vue'
|
|
import { useTheme } from './composables/useTheme'
|
|
|
|
const { initTheme } = useTheme()
|
|
|
|
onMounted(() => {
|
|
initTheme()
|
|
})
|
|
</script>
|
|
|
|
<style>
|
|
:root {
|
|
--color-primary: #ff1744;
|
|
--color-secondary: #d50000;
|
|
--color-accent: #ff5252;
|
|
--gradient-primary: linear-gradient(135deg, #ff1744, #d50000);
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
background: #0a0a0a;
|
|
color: white;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#app {
|
|
position: relative;
|
|
min-height: 100vh;
|
|
}
|
|
</style>
|