mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
fix(components): update Hero, Community, and Features components for improved layout and responsiveness
This commit is contained in:
parent
45f611a126
commit
b2fa0fcc40
6 changed files with 24 additions and 17 deletions
|
@ -9,9 +9,9 @@ import { getTitleAnimation } from '../animations'
|
|||
|
||||
<section
|
||||
id="Community"
|
||||
class="relative flex w-full flex-col items-center text-center lg:py-24"
|
||||
class="relative flex w-full flex-col items-center text-start md:text-center px-4 md:px-0 lg:py-24"
|
||||
>
|
||||
<Title>
|
||||
<Title class="px-4 font-bold">
|
||||
<motion.span client:load {...getTitleAnimation(0.2)}>
|
||||
Community
|
||||
</motion.span>
|
||||
|
@ -20,14 +20,14 @@ import { getTitleAnimation } from '../animations'
|
|||
<motion.p
|
||||
client:load
|
||||
{...getTitleAnimation(0.6)}
|
||||
className="px-4 lg:w-1/2 lg:px-0"
|
||||
className="px-4 md:px-24 lg:w-1/2 lg:px-0"
|
||||
>
|
||||
We are a community-driven project. We listen to our users and build the
|
||||
features they want. Zen focuses on privacy and customization, not on data
|
||||
collection.
|
||||
</motion.p>
|
||||
<div
|
||||
class="mt-6 flex w-full flex-wrap justify-center gap-3 px-4 sm:gap-10 sm:px-0"
|
||||
class="mt-6 flex w-full flex-wrap md:justify-center gap-3 px-4 sm:gap-10 sm:px-0"
|
||||
>
|
||||
<motion.span client:load {...getTitleAnimation(0.8)}>
|
||||
<Button class:list={['px-4']} href="https://github.com/zen-browser">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue