diff --git a/src/assets/browser-compactmode.png b/src/assets/browser-compactmode.png deleted file mode 100644 index 74df530..0000000 Binary files a/src/assets/browser-compactmode.png and /dev/null differ diff --git a/src/assets/browser-compactmode.webm b/src/assets/browser-compactmode.webm new file mode 100644 index 0000000..e74a721 Binary files /dev/null and b/src/assets/browser-compactmode.webm differ diff --git a/src/assets/browser-glance.webm b/src/assets/browser-glance.webm index e3c82ce..3700a8a 100644 Binary files a/src/assets/browser-glance.webm and b/src/assets/browser-glance.webm differ diff --git a/src/assets/browser-sidebar.png b/src/assets/browser-sidebar.png deleted file mode 100644 index cd761b9..0000000 Binary files a/src/assets/browser-sidebar.png and /dev/null differ diff --git a/src/assets/browser-sidebar.webm b/src/assets/browser-sidebar.webm new file mode 100644 index 0000000..5112154 Binary files /dev/null and b/src/assets/browser-sidebar.webm differ diff --git a/src/assets/browser-splitview.png b/src/assets/browser-splitview.png deleted file mode 100644 index 6f3da09..0000000 Binary files a/src/assets/browser-splitview.png and /dev/null differ diff --git a/src/assets/browser-splitview.webm b/src/assets/browser-splitview.webm new file mode 100644 index 0000000..9caa283 Binary files /dev/null and b/src/assets/browser-splitview.webm differ diff --git a/src/assets/browser-workspaces.png b/src/assets/browser-workspaces.png deleted file mode 100644 index 90ed8db..0000000 Binary files a/src/assets/browser-workspaces.png and /dev/null differ diff --git a/src/assets/browser-workspaces.webm b/src/assets/browser-workspaces.webm new file mode 100644 index 0000000..e1817ea Binary files /dev/null and b/src/assets/browser-workspaces.webm differ diff --git a/src/components/Button.astro b/src/components/Button.astro index 4b93042..1a9ef43 100644 --- a/src/components/Button.astro +++ b/src/components/Button.astro @@ -17,10 +17,10 @@ const { {...extra} href={href} class:list={[ - 'flex items-center justify-center gap-2 rounded-full px-6 py-2 transition-transform duration-200', + 'flex items-center justify-center gap-2 rounded-full px-6 py-2 transition-bg transition-transform duration-200', className, isPrimary - ? 'bg-dark text-paper' + ? 'bg-dark text-paper border-2 border-dark hover:bg-paper hover:text-dark' : isAlert ? 'bg-red-300 text-dark' : !isBordered diff --git a/src/components/Community.astro b/src/components/Community.astro index 6fa904b..1ed0aac 100644 --- a/src/components/Community.astro +++ b/src/components/Community.astro @@ -9,7 +9,7 @@ import { getTitleAnimation } from '../animations'
<motion.span client:load {...getTitleAnimation(0.2)}> diff --git a/src/components/Features.astro b/src/components/Features.astro index 2ac886f..ad13e4e 100644 --- a/src/components/Features.astro +++ b/src/components/Features.astro @@ -3,12 +3,11 @@ import Title from '../components/Title.astro' import Description from '../components/Description.astro' import { Image } from 'astro:assets' -import browserWorkspaces from '../assets/browser-workspaces.png' -import browserCompactMode from '../assets/browser-compactmode.png' -import browserSplitViews from '../assets/browser-splitview.png' -import browserSidebar from '../assets/browser-sidebar.png' - +import browserSidebar from '../assets/browser-sidebar.webm' +import browserWorkspaces from '../assets/browser-workspaces.webm' +import browserCompactMode from '../assets/browser-compactmode.webm' import browserGlance from '../assets/browser-glance.webm' +import browserSplitViews from '../assets/browser-splitview.webm' import { motion } from 'motion/react' import { getTitleAnimation, getZoomInAnimation } from '../animations' @@ -18,120 +17,120 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations' id="features" class="relative flex w-full flex-col px-4 py-36 lg:px-12 xl:px-24" > - <div class="flex w-full flex-col items-start gap-12 lg:flex-row"> - <div id="feature-list" class="flex flex-col gap-4 lg:w-1/3"> + <div class="flex w-full flex-col items-center gap-12 lg:gap-24 xl:gap-48"> + <div class="flex flex-col px-12 lg:px-24 xl:text-center"> <motion.span client:load {...getTitleAnimation(0.2)}> - <Title>Features + How does zen keep <u class="font-extrabold">you</u><br + class="hidden lg:block" + /> always <span class="font-extrabold text-coral">organized</span + >? - -
- - 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. -

-
-
+ + Zen is designed to help you focus on what matters most. Here are some of the features that help you stay focused. + -
-
- Browser Workspaces - Browser Compact Mode - Browser Split Views - Browser Sidebar - + +
+
+ + Workspaces + +

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

+ +
+
+
+ + Compact Mode + +

+ Zen's compact mode allows you to focus on your work without any + distractions. +

+
+ +
+
+
+ + Zen Glance + +

+ Zen's glance feature allows you to view links without actually + opening them. +

+
+ +
+
+
+ + Split Views + +

+ Zen's split view feature allows you to view multiple tabs at once. +

+
+ +
+
+
+ + Sidebar + +

+ Zen's sidebar feature allows you to view all your tabs in one place. +

+
+
@@ -186,4 +185,8 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations' .feature[active] { @apply bg-coral/10; } + + .long-feature { + @apply relative flex w-full flex-col items-center gap-10 px-4 md:px-12 lg:px-24 xl:flex-row xl:gap-32; + } diff --git a/src/components/HomeExtras.astro b/src/components/HomeExtras.astro index 313ee78..cdf8a47 100644 --- a/src/components/HomeExtras.astro +++ b/src/components/HomeExtras.astro @@ -39,7 +39,7 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations'
@@ -56,10 +56,10 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations' limit. -
+
diff --git a/src/release-notes/stable.json b/src/release-notes/stable.json index 0e45008..7e0125c 100644 --- a/src/release-notes/stable.json +++ b/src/release-notes/stable.json @@ -363,9 +363,7 @@ "version": "1.0.0-a.13", "date": "05/08/2024", "extra": "This is a smaller release to fix some bugs and improve some small details.\n\nIm going to try doing more frequent releases from now on, see how it goes.", - "features": [ - "Allow to remember sidebar width even after collapsing it." - ], + "features": ["Allow to remember sidebar width even after collapsing it."], "fixes": [ { "description": "Task Manager Icon Missing in Flatpak Version", @@ -921,9 +919,7 @@ "image": true, "workflowId": 11000317603, "extra": "This update addresses some significant issues with the previous release.\n\nWe appreciate your patience and support!", - "features": [ - "Added a new system for handling keyboard shortcuts" - ], + "features": ["Added a new system for handling keyboard shortcuts"], "fixes": [ { "description": "The New Tab button is not visible", @@ -980,9 +976,7 @@ "Enabled container tabs by default", "Improved Expand Tabs on Hover layout" ], - "themeChanges": [ - "Toggle inputs will not use the themed tertiary color" - ], + "themeChanges": ["Toggle inputs will not use the themed tertiary color"], "breakingChanges": [ "The keyboard shortcuts will be overriden by the defaults ones in this update" ], @@ -1279,9 +1273,7 @@ "issue": 2156 } ], - "breakingChanges": [ - "Removed Show Expand Button option from settings" - ], + "breakingChanges": ["Removed Show Expand Button option from settings"], "themeChanges": [ "The variable '--zen-main-browser-background' will now contain the generated gradient", "Added the 'unread' attribute for background tabs that haven't been accessed yet" @@ -1384,9 +1376,7 @@ "description": "Fixed wrong aligment on glance action buttons" } ], - "features": [ - "No new features, sorry" - ] + "features": ["No new features, sorry"] }, { "version": "1.0.1-a.17", @@ -2090,4 +2080,4 @@ "workflowId": 12856540987, "date": "19/01/2025" } -] \ No newline at end of file +] diff --git a/src/release-notes/twilight.json b/src/release-notes/twilight.json index cb9cf2f..04c43f0 100644 --- a/src/release-notes/twilight.json +++ b/src/release-notes/twilight.json @@ -4,4 +4,4 @@ "extra": "", "fixes": [], "features": [] -} \ No newline at end of file +}