Files
xahau-web/src/components/Footer.astro
2026-04-03 11:28:05 +02:00

89 lines
3.9 KiB
Plaintext

---
import { Image } from 'astro:assets'
import logo from '../assets/xahau-logo.svg'
const LOCALES = ['es', 'ja']
const firstSegment = Astro.url.pathname.split('/')[1]
const locale = LOCALES.includes(firstSegment) ? firstSegment : 'en'
const p = locale !== 'en' ? `/${locale}` : ''
const translations = {
en: {
tagline: 'This website is open source and open for contributions',
on: 'on', about: 'About', features: 'Features', ecosystem: 'Ecosystem',
roadmap: 'Roadmap', break: 'Break Xahau', fraud: 'Report Fraud',
media: 'Media kit', privacy: 'Privacy Policy', docs: 'Documentation',
getstarted: 'Get started', protocol: 'Protocol Reference',
infra: 'Infrastructure', connect: 'Connect', events: 'Events',
discord: 'Community Discord',
},
es: {
tagline: 'Este sitio web es de código abierto y está abierto a contribuciones',
on: 'en', about: 'Acerca de', features: 'Características', ecosystem: 'Ecosistema',
roadmap: 'Hoja de ruta', break: 'Break Xahau', fraud: 'Reportar Fraude',
media: 'Kit de Prensa', privacy: 'Política de Privacidad', docs: 'Documentación',
getstarted: 'Primeros pasos', protocol: 'Referencia de Protocolo',
infra: 'Infraestructura', connect: 'Conectar', events: 'Eventos',
discord: 'Discord de la Comunidad',
},
ja: {
tagline: 'このウェブサイトはオープンソースで、コントリビューションを受け付けています',
on: 'にて', about: 'Xahauについて', features: '機能', ecosystem: 'エコシステム',
roadmap: 'ロードマップ', break: 'Break Xahau', fraud: '不正を報告',
media: 'メディアキット', privacy: 'プライバシーポリシー', docs: 'ドキュメント',
getstarted: 'はじめる', protocol: 'プロトコルリファレンス',
infra: 'インフラストラクチャ', connect: 'コネクト', events: 'イベント',
discord: 'コミュニティDiscord',
},
}
const t = translations[locale]
---
<footer
class="bg-white text-base font-regular text-black **:text-black **:no-underline"
>
<div
class="flex-none container mx-auto py-12 max-w-7xl p-6 grid grid-cols-1 md:grid-cols-10 gap-4"
>
<div class="col-span-1 md:col-span-3 flex flex-col gap-3">
<a href={p || '/'}>
<Image src={logo} class="w-1/2" alt="Xahau"/>
</a>
<p>
{t.tagline}
<a href="https://github.com/Xahau/xahau-web" target="_blank"
>{t.on} GitHub</a
>
</p>
</div>
<div class="col-span-1 md:col-span-2 md:col-start-5 flex flex-col gap-3">
<p><strong>Xahau</strong></p>
<a href={`${p}/about`}>{t.about}</a>
<a href={`${p}/features`}>{t.features}</a>
<a href={`${p}/ecosystem`}>{t.ecosystem}</a>
<a href={`${p}/roadmap`}>{t.roadmap}</a>
<a href="/docs/compliance/responsible-disclosure">{t.break}</a>
<a href="/fraud-report">{t.fraud}</a>
<a href="/docs/resources/media-kit">{t.media}</a>
<a href="/privacy-policy">{t.privacy}</a>
</div>
<div class="col-span-1 md:col-span-2 flex flex-col gap-3">
<p><strong>{t.docs}</strong></p>
<a href="/docs">{t.getstarted}</a>
<a href="/docs/protocol-reference/transactions">{t.protocol}</a>
<a href="/docs/hooks">Hooks</a>
<a href="/docs/data-apis">Data APIs</a>
<a href="/docs/infrastructure/system-requirements">{t.infra}</a>
<a href="/docs/resources/whitepaper">Whitepaper</a>
</div>
<div class="col-span-1 md:col-span-2 flex flex-col gap-3">
<p><strong>{t.connect}</strong></p>
<a href={`${p}/connect`}>{t.events}</a>
<a href={`${p}/contest`}>Dev Contest</a>
<a href="https://x.com/XahauNetwork" target="_blank">X</a>
<a href="https://github.com/Xahau" target="_blank">GitHub</a>
<a href="https://discord.com/invite/UzU58haAn4" target="_blank">{t.discord}</a>
</div>
</div>
</footer>