feat(ui): rebuild homepage with new sections and i18n

This commit introduces a complete overhaul of the homepage, rebuilding it from the ground up with Nuxt UI and full
internationalization support. The new design better showcases the studio's capabilities and projects.

- Re-architected the index page with multiple new sections: Capabilities, Featured Projects, Tech Stack, and Why Choose Us.
- Implemented full i18n for English (en-US) and Chinese (zh-CN) across all new content.
- Centralized the page structure into a `default.vue` layout with a global header (including color mode and locale selectors) and
footer.
- Replaced placeholder logos with a dynamic `UMarquee` of technology icons using Iconify.
This commit is contained in:
xiaomai
2025-11-04 15:12:29 +08:00
parent 2eb1e392d8
commit 5c8baf14c3
21 changed files with 617 additions and 81 deletions

View File

@@ -1,13 +1,31 @@
<template>
<div>
<slot />
</div>
<UPage>
<UHeader>
<template #title> Tootaio Studio </template>
<template #right>
<UColorModeButton />
<ULocaleSelect
:model-value="locale"
:locales="[en, zh_cn]"
@update:model-value="(v) => setLocale(v as 'en' | 'zh-CN')"
/>
</template>
</UHeader>
<UMain>
<slot />
</UMain>
<UFooter>
<template #left>
&copy; {{ new Date().getFullYear() }} Tootaio Studio. All rights
reserved.
</template>
</UFooter>
</UPage>
</template>
<script lang="ts" setup>
import { en, zh_cn } from "@nuxt/ui/locale";
const { locale, setLocale } = useI18n();
</script>
<style>
</style>
<style></style>