mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
Revert "feat(i18n): implement internationalization support and refactor components for localization"
This commit is contained in:
parent
f38132a719
commit
f0ecba2079
40 changed files with 863 additions and 1592 deletions
|
@ -1,20 +1,11 @@
|
|||
---
|
||||
import Description from '~/components/Description.astro'
|
||||
import Button from '~/components/Button.astro'
|
||||
import Description from '../components/Description.astro'
|
||||
import Button from '../components/Button.astro'
|
||||
import { motion } from 'motion/react'
|
||||
import { Github, Check } from 'lucide-astro'
|
||||
import { getTitleAnimation } from '~/animations'
|
||||
import ComImage from '~/assets/ComImage.png'
|
||||
import { getTitleAnimation } from '../animations'
|
||||
import ComImage from '../assets/ComImage.png'
|
||||
import Image from 'astro/components/Image.astro'
|
||||
import { getLocale, getUI } from '~/utils/i18n'
|
||||
|
||||
const locale = getLocale(Astro)
|
||||
|
||||
const {
|
||||
routes: {
|
||||
index: { community },
|
||||
},
|
||||
} = getUI(locale)
|
||||
---
|
||||
|
||||
<section
|
||||
|
@ -22,22 +13,20 @@ const {
|
|||
class="relative flex w-full flex-col items-center px-4 text-start md:px-0 md:text-center lg:pt-36"
|
||||
>
|
||||
<Description class="mb-2 px-4 text-6xl font-bold">
|
||||
<motion.span client:load {...getTitleAnimation(0.2)}>
|
||||
{community.title[0]}
|
||||
</motion.span>
|
||||
<motion.span client:load {...getTitleAnimation(0.4)}>
|
||||
{community.title[1]}
|
||||
</motion.span>
|
||||
<motion.span client:load {...getTitleAnimation(0.6)}>
|
||||
{community.title[2]}
|
||||
</motion.span>
|
||||
<motion.span client:load {...getTitleAnimation(0.2)}> Our </motion.span>
|
||||
<motion.span client:load {...getTitleAnimation(0.4)}> Core </motion.span>
|
||||
<motion.span client:load {...getTitleAnimation(0.6)}> Values </motion.span>
|
||||
</Description>
|
||||
<motion.p
|
||||
client:load
|
||||
{...getTitleAnimation(0.6)}
|
||||
className="px-4 md:px-24 lg:w-1/2 lg:px-0"
|
||||
>
|
||||
{community.description}
|
||||
We make it not only a priority, but a necessity to ensure that Zen always
|
||||
strikes the right balance between beauty, performance, and privacy. We are
|
||||
committed to making Zen the most beautiful, productive, and
|
||||
privacy-respecting browser out there — without compromising on your
|
||||
experience.
|
||||
</motion.p>
|
||||
<div
|
||||
class="mt-6 flex w-full flex-wrap gap-3 px-4 sm:gap-10 sm:px-0 md:justify-center"
|
||||
|
@ -45,7 +34,7 @@ const {
|
|||
<motion.span client:load {...getTitleAnimation(0.8)}>
|
||||
<Button class:list={['px-4']} href="https://github.com/zen-browser">
|
||||
<Github class="size-4" />
|
||||
<span>{community.lists.freeAndOpenSource.title}</span>
|
||||
<span>Free and open-source</span>
|
||||
</Button>
|
||||
</motion.span>
|
||||
<motion.div
|
||||
|
@ -54,7 +43,7 @@ const {
|
|||
className="flex items-center gap-4"
|
||||
>
|
||||
<Check class="size-4" />
|
||||
<span>{community.lists.simpleYetPowerful.title}</span>
|
||||
<span>Simple yet powerful</span>
|
||||
</motion.div>
|
||||
<motion.div
|
||||
client:load
|
||||
|
@ -62,7 +51,7 @@ const {
|
|||
className="flex items-center gap-4"
|
||||
>
|
||||
<Check class="size-4" />
|
||||
<span>{community.lists.privateAndAlwaysUpToDate.title}</span>
|
||||
<span>Private and always up-to-date</span>
|
||||
</motion.div>
|
||||
</div>
|
||||
<motion.span
|
||||
|
@ -72,7 +61,7 @@ const {
|
|||
>
|
||||
<Image
|
||||
src={ComImage}
|
||||
alt={community.images.community.alt}
|
||||
alt="Community"
|
||||
class="my-24 rounded-3xl shadow-md lg:mx-auto lg:w-3/4 dark:opacity-80"
|
||||
/>
|
||||
</motion.span>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue