diff --git a/package-lock.json b/package-lock.json index 324e78f..bac1444 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,7 +15,7 @@ "astro-navbar": "^2.3.7", "autoprefixer": "10.4.14", "lucide-astro": "^0.460.0", - "motion": "^11.11.17", + "motion": "^11.13.1", "postcss": "8.4.21", "prettier": "^3.3.3", "prettier-plugin-astro": "^0.14.1", @@ -2946,10 +2946,12 @@ } }, "node_modules/framer-motion": { - "version": "11.11.17", - "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.11.17.tgz", - "integrity": "sha512-O8QzvoKiuzI5HSAHbcYuL6xU+ZLXbrH7C8Akaato4JzQbX2ULNeniqC2Vo5eiCtFktX9XsJ+7nUhxcl2E2IjpA==", + "version": "11.13.1", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.13.1.tgz", + "integrity": "sha512-F40tpGTHByhn9h3zdBQPcEro+pSLtzARcocbNqAyfBI+u9S+KZuHH/7O9+z+GEkoF3eqFxfvVw0eBDytohwqmQ==", "dependencies": { + "motion-dom": "^11.13.0", + "motion-utils": "^11.13.0", "tslib": "^2.4.0" }, "peerDependencies": { @@ -4504,11 +4506,11 @@ } }, "node_modules/motion": { - "version": "11.11.17", - "resolved": "https://registry.npmjs.org/motion/-/motion-11.11.17.tgz", - "integrity": "sha512-y6mXYElvJ5HHwPBUpYG/5wclKVGW4hJhqPkTjWccib5/WrcRM185adg3+4aSmG5iD10XKFt5uBOAiKwuzMHPPQ==", + "version": "11.13.1", + "resolved": "https://registry.npmjs.org/motion/-/motion-11.13.1.tgz", + "integrity": "sha512-64+QpZQv8WJJFn+tEEzX04il9s6ReA6lhKRZaxzD6SunGqoaq5g+AFVfcKWme8N83eytUOpGp7mpfJ9cyZlhAA==", "dependencies": { - "framer-motion": "^11.11.17", + "framer-motion": "^11.13.1", "tslib": "^2.4.0" }, "peerDependencies": { @@ -4528,6 +4530,16 @@ } } }, + "node_modules/motion-dom": { + "version": "11.13.0", + "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-11.13.0.tgz", + "integrity": "sha512-Oc1MLGJQ6nrvXccXA89lXtOqFyBmvHtaDcTRGT66o8Czl7nuA8BeHAd9MQV1pQKX0d2RHFBFaw5g3k23hQJt0w==" + }, + "node_modules/motion-utils": { + "version": "11.13.0", + "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-11.13.0.tgz", + "integrity": "sha512-lq6TzXkH5c/ysJQBxgLXgM01qwBH1b4goTPh57VvZWJbVJZF/0SB31UWEn4EIqbVPf3au88n2rvK17SpDTja1A==" + }, "node_modules/mrmime": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz", diff --git a/package.json b/package.json index 64c27ec..732b418 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "astro-navbar": "^2.3.7", "autoprefixer": "10.4.14", "lucide-astro": "^0.460.0", - "motion": "^11.11.17", + "motion": "^11.13.1", "postcss": "8.4.21", "prettier": "^3.3.3", "prettier-plugin-astro": "^0.14.1", diff --git a/src/components/Circles.astro b/src/components/Circles.astro index 18d39d4..f7cbba2 100644 --- a/src/components/Circles.astro +++ b/src/components/Circles.astro @@ -4,7 +4,7 @@ const sizes = [216, 396, 576, 756] const borderWidths = [20, 30, 40, 50] const multiplier = 0.9; --- -
+
{[...Array(4)].map((_, i) => (
+
+ Community Driven + + 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. + +
+ + + +
+ + Fully Customizable +
+
+ + Privacy Focused +
+
+ diff --git a/src/components/Features.astro b/src/components/Features.astro new file mode 100644 index 0000000..9ba51db --- /dev/null +++ b/src/components/Features.astro @@ -0,0 +1,127 @@ +--- +import Title from '../components/Title.astro' +import Description from '../components/Description.astro' +import Button from '../components/Button.astro' +import Circles from '../components/Circles.astro' +import { Image } from 'astro:assets' +import myImage from '../assets/browser.png' +import { + Github, + Check, + } from 'lucide-astro' +--- + +
+
+
+ Features +
+
+ + Workspaces + +

+ With Zen, you can create multiple workspaces to keep your tabs organized. +

+
+
+
+
+ + Compact Mode + +

+ Zen's compact mode allows you to see more of your content at once. +

+
+
+
+
+ + Split Views + +

+ Split your browser into multiple views to see more content at once. +

+
+
+
+
+ + Sidebar + +

+ Zen's sidebar allows you to quickly access your favourite websites. +

+
+
+
+
+ + Zen Glance + +

+ Preview your tabs with Zen Glance to quickly find what you're looking for, without switching tabs. +

+
+
+
+
+
+ + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..c9430ba --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,73 @@ +--- +import Title from '../components/Title.astro' +import Description from '../components/Description.astro' +import Button from '../components/Button.astro' +import Circles from '../components/Circles.astro' +import { Image } from 'astro:assets' +import myImage from '../assets/browser.png' +import { ArrowRight, Github, Twitter } from 'lucide-astro' +--- + + diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 80b92d3..61bd2d9 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -12,9 +12,8 @@ import { ArrowRight } from 'lucide-astro' id="header" class="flex h-screen w-full flex-col items-center gap-24 text-center md:gap-[15%]" > -
- Welcome to<br class="hidden md:block" /> a calmer internet + Welcome to<br class="hidden md:block" /> a <span class="italic">calmer</span> internet Beautifully designed, privacy-focused, and packed with features.
We care about your experience, not your data. diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 76b3d1d..a136464 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -6,6 +6,7 @@ interface Props { const { title } = Astro.props; import "@fontsource/bricolage-grotesque/400.css"; import NavBar from "../components/NavBar.astro"; +import Footer from "../components/Footer.astro"; --- @@ -36,20 +37,42 @@ import NavBar from "../components/NavBar.astro"; +