feat: initialize Vue 3 project with Tailwind CSS and Vite

- Add package.json with project metadata and dependencies
- Create favicon.ico and ritsu.png assets
- Implement main App.vue component with site structure
- Add HeroSection, RitsuSection, SiteHeader, and SupportSection components
- Set up theme toggle functionality in SiteHeader
- Create main entry point in main.ts
- Add Tailwind CSS styles in style.css
- Configure TypeScript with tsconfig files
- Set up Vite configuration for Vue and Tailwind CSS

src/components/RitsuSection.vue

@@ -0,0 +1,37 @@
+<template>
+  <section class="container max-w-fit mx-auto px-6 py-16">
+    <div class="flex flex-col md:flex-row items-center gap-10">
+      <img
+        src="/ritsu.png"
+        alt="Ritsu Tainaka"
+        class="w-64 md:w-80 rounded-2xl shadow-lg hover:scale-105 transition duration-300"
+      />
+
+      <div class="max-w-xl">
+        <h3 class="text-2xl font-semibold mb-4">
+          Немного о Рицу и том самом тортике
+        </h3>
+
+        <p class="mb-4 opacity-80 leading-relaxed">
+          Рицу Тайнака — энергичная и шумная барабанщица из аниме «K-On!».<br>
+          Она всегда кажется лёгкой, живой и беззаботной.
+        </p>
+
+        <p class="mb-4 opacity-80 leading-relaxed">
+          Но даже у таких людей бывают моменты, которые выглядят мелочью —
+          как история когда <b>nevedom</b> пил чай (без тортика) с Вайбославом в Фогеле...
+					Снаружи это шутка. Внутри — ощущение, что Фогель больше не с нами.
+        </p>
+
+        <p class="opacity-80 leading-relaxed">
+          Иногда достаточно малого, чтобы стало легче.  
+          Даже простого присутствия.
+        </p>
+      </div>
+
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+</script>