Merge pull request #435 from ConwayTech-Dev/main

feat: enhance wording and grammar across site

src/components/Community.astro

@@ -32,7 +32,7 @@ import { getTitleAnimation } from '../animations'
     <motion.span client:load {...getTitleAnimation(0.8)}>
       <Button class:list={['px-4']} href="https://github.com/zen-browser">
         <Github class="size-4" />
-        <span>View on Github</span>
+        <span>View on GitHub</span>
       </Button>
     </motion.span>
     <motion.div
@@ -41,7 +41,7 @@ import { getTitleAnimation } from '../animations'
       className="flex items-center gap-4"
     >
       <Check class="size-4" />
-      <span>Always on the latest Firefox</span>
+      <span>Always on the latest version of Firefox</span>
     </motion.div>
     <motion.div
       client:load
@@ -49,7 +49,7 @@ import { getTitleAnimation } from '../animations'
       className="flex items-center gap-4"
     >
       <Check class="size-4" />
-      <span>Privacy Focused</span>
+      <span>Privacy-focused</span>
     </motion.div>
   </div>
 </section>

src/components/Features.astro

@@ -20,18 +20,12 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations'
   <div class="flex w-full flex-col items-center gap-24 xl:gap-48">
     <div class="flex w-full flex-col px-2 md:px-12 lg:px-24 xl:text-center">
       <motion.span client:load {...getTitleAnimation(0.2)}>
-        <Description class="text-6xl font-bold"
-          >How does zen <br class="lg:hidden" />keep <u class="font-extrabold"
-            >you</u
-          ><br class="hidden lg:block" /> always <span
-            class="font-extrabold text-coral">organized</span
-          >?</Description
-        >
+        <Description class="text-6xl font-bold">Zen <br class="lg:hidden" />helps <u class="font-extrabold">you</u><br class="hidden lg:block" /> stay <span class="font-extrabold text-coral">organized</span></Description>
       </motion.span>
       <Description class="mt-4 text-lg font-normal">
-        Zen is designed to help you focus on what matters most. Here are some<br
+        Stay organized and focused with Zen Browser. Our innovative features are designed<br
           class="hidden lg:block"
-        /> of the features that help you stay focused.
+        /> to help you prioritize what matters most in your online experience.
       </Description>
     </div>
 
@@ -101,7 +95,7 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations'
         <Description
           class="feature-title whitespace-nowrap text-5xl font-bold md:text-6xl"
         >
-          Split Views
+          Split View
         </Description>
         <p class="desc mt-2 text-xl font-normal">
           Zen's split view feature allows you to view multiple tabs at once.

src/components/Hero.astro

@@ -68,7 +68,7 @@ function getHeroTitleAnimation() {
         </Button>
       </motion.span>
       <motion.span client:load {...getHeroTitleAnimation()}>
-        <Button href="#features">Start Exploring</Button>
+        <Button href="#features">Explore Zen</Button>
       </motion.span>
     </div>
   </div>

src/components/HomeExtras.astro

@@ -51,15 +51,13 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations'
     </motion.span>
     <motion.span client:load {...getTitleAnimation(0.4)}>
       <Description class="lg:w-1/2 lg:px-0">
-        Zen Browser is designed to be customizable. You can change every aspect
-        of the browser to suit your needs. Literally, your imagination is the
-        limit.
+        Experience a new standard in web browsing with Zen Browser. Designed from the ground up for complete customization, Zen allows you to tailor every aspect of your browsing experience to meet your specific needs. Your imagination is the limit, literally.
       </Description>
     </motion.span>
     <div class="mt-4 flex gap-4">
       <motion.span client:load {...getTitleAnimation(0.6)}>
         <Button isPrimary href="/mods">
-          Zen Mods
+          Explore Zen Mods
           <ArrowRight className="size-4" />
         </Button>
       </motion.span>

src/pages/mods/index.astro

@@ -15,8 +15,7 @@ const mods = (await getAllMods()) || []
         <div>
           <Title>Zen Mods</Title>
           <Description>
-            Zen Mods is a collection of themes and plugins for Zen Browser. You
-            can find a theme for every mood and a plugin for every need.
+            Browse our diverse collection of Zen Mods, community-made plugins and themes for Zen Browser. Discover a theme to match every mood and a plugin to fulfill every requirement, and start customizing your browser experience today!
           </Description>
         </div>
       </div>