From a86130fc07c4718aee5b8e4527e67e2d3521bb25 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?mr=2E=20m=20=20=F0=9F=A4=99?= <91018726+mr-cheff@users.noreply.github.com> Date: Thu, 21 Nov 2024 12:49:29 +0000 Subject: [PATCH] Feat: add lucide-astro icons, enhance Button component with bordered option, and update layout styles --- package-lock.json | 29 +++++++++++++++ package.json | 1 + src/components/Button.astro | 4 +- src/components/Title.astro | 1 + src/layouts/Layout.astro | 2 +- src/pages/index.astro | 73 ++++++++++++++++++++++++++++++------- tailwind.config.mjs | 3 ++ 7 files changed, 96 insertions(+), 17 deletions(-) diff --git a/package-lock.json b/package-lock.json index 61aea0e..4c63599 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "@astrojs/tailwind": "^5.1.2", "astro": "^4.16.13", "autoprefixer": "10.4.14", + "lucide-astro": "^0.460.0", "motion": "^11.11.17", "postcss": "8.4.21", "prettier": "^3.3.3", @@ -1775,6 +1776,17 @@ "@types/unist": "*" } }, + "node_modules/@types/node": { + "version": "22.9.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.1.tgz", + "integrity": "sha512-p8Yy/8sw1caA8CdRIQBG5tiLHmxtQKObCijiAa9Ez+d4+PRffM4054xbju0msf+cvhJpnFEeNjxmVT/0ipktrg==", + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "undici-types": "~6.19.8" + } + }, "node_modules/@types/unist": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz", @@ -3631,6 +3643,15 @@ "yallist": "^3.0.2" } }, + "node_modules/lucide-astro": { + "version": "0.460.0", + "resolved": "https://registry.npmjs.org/lucide-astro/-/lucide-astro-0.460.0.tgz", + "integrity": "sha512-4iteWvZ2l/KjXXKnaKXdeCXOd2zsO6gqdhSm7krjYgDlb68mPpylPSvWciBP26h2IRKkorKqkkKCmkFBbChFiA==", + "license": "MIT", + "peerDependencies": { + "astro": ">=2.7.1" + } + }, "node_modules/magic-string": { "version": "0.30.13", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.13.tgz", @@ -6076,6 +6097,14 @@ "semver": "^7.3.8" } }, + "node_modules/undici-types": { + "version": "6.19.8", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz", + "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==", + "license": "MIT", + "optional": true, + "peer": true + }, "node_modules/unified": { "version": "11.0.5", "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz", diff --git a/package.json b/package.json index d4cb6b5..b8232c9 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@astrojs/tailwind": "^5.1.2", "astro": "^4.16.13", "autoprefixer": "10.4.14", + "lucide-astro": "^0.460.0", "motion": "^11.11.17", "postcss": "8.4.21", "prettier": "^3.3.3", diff --git a/src/components/Button.astro b/src/components/Button.astro index b06bd10..d8eb443 100644 --- a/src/components/Button.astro +++ b/src/components/Button.astro @@ -1,8 +1,8 @@ --- -const { class: className, isPrimary, } = Astro.props; +const { class: className, isPrimary, isBordered } = Astro.props; --- - \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 9985e75..be40ee4 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -20,7 +20,7 @@ const { title } = Astro.props; - + diff --git a/src/pages/index.astro b/src/pages/index.astro index 55ae497..15cb0b0 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,27 +3,72 @@ import Layout from '../layouts/Layout.astro'; import Title from '../components/Title.astro'; import Description from '../components/Description.astro'; import Button from '../components/Button.astro'; +import { Github, Lock, Check, HeartHandshake, Shield } from 'lucide-astro' ---
- +
+
+ Designed to maximize your productivity + Our browser is designed to be as minimal as possible, so you can focus on what matters most. +
+ Zen browser +
+
+
+
+
+
+ + + +
+ Private, Open Source, and Secure + Our browser is built on the Firefox engine, so you can trust that your data is safe and secure. +
+ + + Always on the latest Firefox + + + + No accounts needed, no tracking and no ads + + + + Open source and community-driven + +
+
+ + +
+
+
+
+ +
+
+
+ +
+
diff --git a/tailwind.config.mjs b/tailwind.config.mjs index 5d4c330..942fc5c 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mjs @@ -7,6 +7,9 @@ export default { "paper": "#F2F0E3", "coral": "#F76F53", "dark": "#202020", + "button-primary": "#c95d47", + "zen-blue": "#537CF7", + "zen-green": "#53F77F", }, }, },