fix(components): update Hero, Community, and Features components for improved layout and responsiveness

This commit is contained in:
mr. M 2025-01-19 23:35:49 +01:00
parent 45f611a126
commit b2fa0fcc40
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
6 changed files with 24 additions and 17 deletions

View file

@ -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">