diff --git a/src/components/header.astro b/src/components/header.astro index 211bff4..0de4ebb 100644 --- a/src/components/header.astro +++ b/src/components/header.astro @@ -6,7 +6,7 @@ import Navbar from "./navbar.astro";
- + Download Zen
@@ -15,7 +15,7 @@ import Navbar from "./navbar.astro"; @tailwind base; @layer base { header { - @apply flex w-full items-center justify-between pt-lg; + @apply flex w-full items-center justify-between pt-md; } section { diff --git a/src/components/hero.astro b/src/components/hero.astro index ac68f8a..3d45576 100644 --- a/src/components/hero.astro +++ b/src/components/hero.astro @@ -4,16 +4,19 @@ import DownloadIcon from "./icons/download-icon.astro";

Stay focused, browse faster

-

+

Zen is beautifully designed, privacy-focused, and packed with features. We care about your experience, not your data.

Download Zen -

Available on Windows, Mac, and Linux

+

Available on Windows, Mac, and Linux

- Zen Logo + + Zen Logo +
diff --git a/src/components/navbar.astro b/src/components/navbar.astro index 4ceca44..a86313b 100644 --- a/src/components/navbar.astro +++ b/src/components/navbar.astro @@ -25,7 +25,7 @@ @tailwind base; @layer base { nav { - @apply flex justify-center text-primary; + @apply flex justify-center text-primary font-semibold text-lg; } ul { @apply hidden justify-center gap-4 p-4 md:flex; diff --git a/src/layouts/main.astro b/src/layouts/main.astro index bd458f5..91860fe 100644 --- a/src/layouts/main.astro +++ b/src/layouts/main.astro @@ -22,7 +22,7 @@ const { title } = Astro.props;
-
+
diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 6dd1f5b..d56c05d 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -6,7 +6,7 @@ module.exports = { container: { center: true, padding: { - DEFAULT: "1rem", + DEFAULT: "2rem", xs: "0.5rem", sm: "2rem", lg: "4rem", @@ -35,13 +35,16 @@ module.exports = { "8xl": "10rem", "9xl": "11rem", }, + fontSize: { + "scale-large": "clamp(3rem, 6vw, 4rem)", + }, }, }, plugins: [ plugin(({ addBase, addComponents, addUtilities, theme }) => { addBase({ h2: { - "@apply text-7xl font-bold text-primary": {}, + "@apply text-scale-large font-bold text-primary": {}, }, }); addComponents({ @@ -55,7 +58,7 @@ module.exports = { "@apply text-center place-items-center": {}, }, ".btn-base": { - "@apply bg-black text-white font-semibold py-3 px-6 rounded-full w-fit flex items-center gap-2": + "@apply bg-black text-white font-semibold py-3 px-6 rounded-full w-fit flex items-center gap-2 text-lg": {}, }, });