e

.eleventy.js

@@ -198,7 +198,7 @@ module.exports = function (eleventyConfig) {
 
 	eleventyConfig.addShortcode('youtubeEmbed', function (id) {
 		return `
-		<div class="mt-2 my-8 bg-stone-200 rounded-2xl aspect-w-16 aspect-h-9">
+		<div class="mt-2 my-8 bg-stone-300 rounded-2xl aspect-w-16 aspect-h-9">
 			<iframe id="videos" class="rounded-md shadow-2xl ring-1 ring-black/10" src="https://www.youtube-nocookie.com/embed/${id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 		</div>`;
 	});

src/_includes/common/features_list.html

@@ -1,13 +1,13 @@
 <div
-	class="card card-compact  shadow-md rounded-xl bg-base-100 transition-all duration-200 hover:-translate-y-1 focus-within:border focus-within:border-indigo-500  overflow-hidden py-24 sm:py-32 my-24"
+	class="card card-compact shadow-md rounded-xl bg-base-100 transition-all duration-200 hover:-translate-y-1 focus-within:border focus-within:border-indigo-500 overflow-hidden py-24 sm:py-32 my-24"
 >
 	<div class="mx-auto max-w-7xl px-6 lg:px-8">
 		<div
 			class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2"
 		>
 			<div class="lg:ml-auto lg:pl-4 lg:pt-4">
 				<div class="lg:max-w-lg">
-					<h2 class="mt-2 text-3xl text-xl font-bold text-black sm:text-4xl">Reading Features</h2>
+					<h2 class="mt-2 text-3xl font-bold text-black sm:text-4xl">Reading Features</h2>
 					<p class="mt-6 text-lg text-black">
 						At Helperbird, we've created reading tools that make reading online easier and more
 						enjoyable for everyone.
@@ -20,28 +20,32 @@ <h2 class="mt-2 text-3xl text-xl font-bold text-black sm:text-4xl">Reading Featu
 					>
 					<div class="mt-10 max-w-xl space-y-8 text-base leading-7 text-black lg:max-w-none">
 						<div class="relative">
-							<h3 class="text-lg text-xl font-bold text-black">Distraction-Free Reading</h3>
+							<h3 class="text-xl font-bold text-black">Distraction-Free Reading</h3>
 							<p class="text-base text-black">
-								Our distraction-free reading tools, like Reading Mode, Immersive Reader, and
-								Highlight Menu, give you a seamless and immersive reading experience. Plus, features
-								like dyslexia support and reading rulers cater to your specific needs and
-								preferences.
+								Tools like Reading Mode, Immersive Reader, and Highlight Menu help you focus on the
+								content without distractions. Features like Simplify, dyslexia support and reading
+								rulers are designed to fit your needs and make reading more comfortable.
 							</p>
 						</div>
 						<div class="relative">
-							<h3 class="text-lg text-xl font-bold text-black">Customization</h3>
+							<h3 class="text-xl font-bold text-black">Customization</h3>
 							<p class="text-base text-black">
-								You can customize everything from fonts and colors to spacing, borders, and images
-								on the page. Additional features like Picture Dictionary and Text-to-Speech with
-								natural voices make reading feel personal and tailored just for you.
+								You can customize everything. Customize fonts, colors, spacing, borders, and images
+								to suit your preferences. Features like Picture Dictionary and natural
+								Text-to-Speech voices make reading more personal and tailored to you.
 							</p>
 						</div>
 						<div class="relative">
-							<h3 class="text-lg text-xl font-bold text-black">Accessibility</h3>
+							<h3 class="text-xl font-bold text-black">Accessibility</h3>
 							<p class="text-base text-black">
-								Our accessibility features, like dyslexia-friendly fonts, text-to-speech, and
-								background color options, help individuals with dyslexia and visual impairments
-								enjoy online content more easily and inclusively.
+								Accessibility features like dyslexia-friendly fonts, text-to-speech, and background color options and more make online content easier and more inclusive for people with dyslexia and visual impairments.
+
+
+
+
+
+
+
 							</p>
 						</div>
 					</div>
@@ -51,7 +55,7 @@ <h3 class="text-lg text-xl font-bold text-black">Accessibility</h3>
 				<img
 					src="/assets/images/fresh-start/reading.png"
 					alt="Screenshot of the Ben & Jerry's website with Helperbird features enabled. The site showcases colorful ice cream tubs and a playful design. On the left, there's a reading ruler guiding through a text about 'Flavor Gurus'. On the right side, the Helperbird overlay displays a menu with icons for features like 'Dictionary', 'Search', 'Highlight', and 'Translate'. Beneath the menu, text options are provided, including a selected 'Font' option indicating the use of the 'Lexend' font."
-					class="w-[40rem] max-w-none rounded-xl rounded-xl bg-stone-200 p-2 shadow-xl ring-1 ring-gray-400/10 sm:w-[40rem]"
+					class="w-[40rem] max-w-none rounded-2l bg-stone-300 p-2 shadow-xl ring-1 ring-gray-400/10 sm:w-[40rem]"
 					width="2432"
 					height="1442"
 				/>
@@ -61,7 +65,7 @@ <h3 class="text-lg text-xl font-bold text-black">Accessibility</h3>
 </div>
 
 <div
-class="card card-compact  shadow-md rounded-xl bg-base-100 transition-all duration-200 hover:-translate-y-1 focus-within:border focus-within:border-indigo-500  overflow-hidden py-24 sm:py-32 my-24"
+	class="card card-compact shadow-md rounded-xl bg-base-100 transition-all duration-200 hover:-translate-y-1 focus-within:border focus-within:border-indigo-500 overflow-hidden py-24 sm:py-32 my-24"
 >
 	<div class="mx-auto max-w-7xl px-6 lg:px-8">
 		<div
@@ -77,30 +81,46 @@ <h2 class="mt-2 text-3xl font-bold text-black sm:text-4xl">Writing Features</h2>
 						class="btn btn-secondary btn-sm mt-4"
 						href="/features/#writing"
 						title="More information on feature"
-						>See all writing features</a
+						>See Writing Features</a
 					>
 					<div class="mt-10 max-w-xl space-y-8 text-base leading-7 text-black lg:max-w-none">
 						<div class="relative">
 							<h3 class="text-lg font-bold text-black">Text-to-Speech and Voice Typing</h3>
 							<p class="text-base text-black">
-								Dictate your ideas quickly and accurately with our voice typing feature. Use
-								text-to-speech to hear your written work read aloud, helping you catch errors and
-								improve flow.
+								Quickly dictate ideas with voice typing, or use text-to-speech to hear your work read aloud, making it easier to catch errors and refine your writing.
+
+
+
+
+
+
+
 							</p>
 						</div>
 						<div class="relative">
 							<h3 class="text-lg font-bold text-black">Spelling and Grammar Support</h3>
 							<p class="text-base text-black">
-								Our spelling and grammar checker finds mistakes and offers suggestions, ensuring
-								your writing is error-free and polished.
+								Our checker identifies mistakes and suggests fixes, helping you create polished, error-free writing.
+
+
+
+
+
+
+
 							</p>
 						</div>
 						<div class="relative">
 							<h3 class="text-lg font-bold text-black">Word Prediction and Note-Taking</h3>
 							<p class="text-base text-black">
-								Our word prediction feature suggests words as you type, making writing faster and
-								easier. Use sticky notes and highlighting tools to keep track of ideas, quotes, and
-								references as you write.
+								Word prediction suggests words as you type, speeding up writing. Sticky notes and highlighting tools help you organize ideas, quotes, and references with ease.
+
+
+
+
+
+
+
 							</p>
 						</div>
 					</div>
@@ -109,26 +129,27 @@ <h3 class="text-lg font-bold text-black">Word Prediction and Note-Taking</h3>
 			<img
 				src="/assets/images/fresh-start/writing.png"
 				alt="Screenshot of a Google Docs document titled 'Untitled document'. The document has partial text stating 'Hello everyone my nam'. Beneath this sentence, a word prediction tool suggests completions like 'name', 'names', 'named', etc. On the right side, the Helperbird extension is active, displaying several features, including a bright pink 'Helperbird note' quoting Chef Gusteau from Ratatouille: 'Your only limit is your soul. What I say is true—anyone can cook ... but only the fearless can be great.' Other visible Helperbird tools include 'Voice typing', 'Sticky note', 'Word Prediction', and 'Highlighter'."
-				class="w-[40rem] max-w-none rounded-xl rounded-xl bg-stone-200 p-2 shadow-xl ring-1 ring-white/10 sm:w-[40rem] md:-ml-4 lg:-ml-0"
+				class="w-[40rem] max-w-none rounded-xl rounded-xl bg-stone-300 p-2 shadow-xl ring-1 ring-white/10 sm:w-[40rem] md:-ml-4 lg:-ml-0"
 				width="2432"
 				height="1442"
 			/>
 		</div>
 	</div>
 </div>
 
-<div class="card card-compact  shadow-md rounded-xl bg-base-100 transition-all duration-200 hover:-translate-y-1 focus-within:border focus-within:border-indigo-500  overflow-hidden py-24 sm:py-32 my-24">
+<div
+	class="card card-compact shadow-md rounded-xl bg-base-100 transition-all duration-200 hover:-translate-y-1 focus-within:border focus-within:border-indigo-500 overflow-hidden py-24 sm:py-32 my-24"
+>
 	<div class="mx-auto max-w-7xl px-6 lg:px-8">
 		<div
 			class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3"
 		>
 			<div>
-				<h2 class="mt-2 text-3xl text-xl font-bold text-black sm:text-4xl">
+				<h2 class="mt-2 text-3xl font-bold text-black sm:text-4xl">
 					All Things Accessibility
 				</h2>
 				<p class="mt-6 text-base leading-7 text-black">
-					Empower users with disabilities. Our text-to-speech, dyslexia support, and other features
-					help everyone access and engage with web content on their terms.
+					Our text-to-speech, dyslexia support, and accessibility tools ensure everyone can access and engage with web content their way.
 				</p>
 				<a class="btn btn-secondary mt-4" href="/features/#a11y" title="More information on feature"
 					>See Accessibility Features</a
@@ -140,29 +161,53 @@ <h2 class="mt-2 text-3xl text-xl font-bold text-black sm:text-4xl">
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">Dyslexia Support</h3>
 					<p class="mt-2">
-						Dyslexia support includes font and background color options, reading rulers, and picture
-						dictionaries to aid in reading and comprehension.
+						Features like font and background color options, reading rulers, and picture dictionaries help improve reading and comprehension.
+
+
+
+
+
+
+
 					</p>
 				</div>
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">Immersive Reader & Paragraph Styling</h3>
 					<p class="mt-2">
-						The immersive reader feature and paragraph styling options provide a customizable,
-						distraction-free reading experience, making it easier to focus on content.
+						Immersive Reader and paragraph styling tools offer a customizable, distraction-free reading experience to help you stay focused.
+
+
+
+
+
+
+
 					</p>
 				</div>
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">Keyboard Shortcuts</h3>
 					<p class="mt-2">
-						Keyboard shortcuts allow for quick and easy navigation and use of Helperbird's features
-						without relying on a mouse or touchpad.
+						Keyboard shortcuts make it quick and easy to navigate and use Helperbird's features without a mouse or touchpad.
+
+
+
+
+
+
+
 					</p>
 				</div>
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">Color Overlays & Reading Ruler</h3>
 					<p class="mt-2">
-						Color overlays and reading rulers provide visual aids to help users with reading
-						difficulties or visual impairments.
+						Color overlays and reading rulers offer visual support for users with reading difficulties or visual impairments.
+
+
+
+
+
+
+
 					</p>
 				</div>
 				<div class="relative">
@@ -175,22 +220,40 @@ <h3 class="text-xl font-bold text-black">30+ Voices and Translation Support</h3>
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">Extract Text/OCR</h3>
 					<p class="mt-2">
-						Our extract text/OCR feature uses advanced optical character recognition to convert
-						images and scanned documents into editable text.
+						Our advanced OCR feature converts images and scanned documents into editable text, paired with 30+ voices and translation support to enhance accessibility and understanding.
+
+
+
+
+
+
+
 					</p>
 				</div>
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">Highlighter & Page Summarizing</h3>
 					<p class="mt-2">
-						The highlighter and page summarizing features help with efficient note-taking and quick
-						access to the main points of an article.
+						Highlight key information and summarize pages to take notes efficiently and quickly grasp the main points of any article.
+
+
+
+
+
+
+
 					</p>
 				</div>
 				<div class="relative">
 					<h3 class="text-xl font-bold text-black">20 Other Features</h3>
 					<p class="mt-2">
-						Enjoy over 30 accessibility tools, including customizable themes, picture dictionary,
-						and text-to-speech, to improve your online experience.
+						Access over 30 tools, including customizable themes, a picture dictionary, and text-to-speech, to improve your online experience.
+
+
+
+
+
+
+
 					</p>
 				</div>
 			</div>

src/_includes/common/hero-docs.html

@@ -34,7 +34,7 @@ <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
 			</div>
 
 			<div class="mx-auto mt-16 flow-root max-w-3xl sm:mt-24">
-				<div class="-m-2 rounded-xl bg-stone-200 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
+				<div class="-m-2 rounded-xl bg-stone-300 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
 					<video
 						aria-label="Demonstration of Helperbird features on Google Docs and Slides"
 						autoplay

src/_includes/common/hero-extension.html

@@ -31,7 +31,7 @@ <h1 class="mt-10 font-sans text-4xl font-bold tracking-tight text-gray-900 sm:te
 				</div>
 			</div>
 			<div class="mx-auto mt-16 flow-root max-w-4xl sm:mt-24">
-				<div class="-m-2 rounded-xl bg-stone-200 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
+				<div class="-m-2 rounded-xl bg-stone-300 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
 					<video
 						aria-label="Demonstration of Helperbird features on Google Docs and Slides"
 						autoplay

src/_includes/common/hero-home.html

@@ -58,7 +58,7 @@ <h1 class="mt-10 font-sans text-4xl font-bold tracking-tight text-black sm:text-
 				</div>
 			</div>
 			<div class="mx-auto mt-16 flow-root max-w-4xl sm:mt-24">
-				<div class="-m-2 rounded-xl bg-stone-200 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
+				<div class="-m-2 rounded-xl bg-stone-300 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
 					<video
 						aria-label="Demonstration of Helperbird features on Google Docs and Slides"
 						autoplay

src/pages/features/index.liquid

@@ -88,7 +88,7 @@ url: features/
     </div>
 
     <div class="mt-16 flow-root sm:mt-24 mx-auto max-w-5xl">
-      <div class="-m-2 rounded-xl bg-stone-200 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
+      <div class="-m-2 rounded-xl bg-stone-300 p-2 lg:-m-4 lg:rounded-2xl lg:p-4">
         <video
           aria-label="Demonstration of Helperbird features on Google Docs and Slides"
           autoplay

src/pages/help/introduction/how-to-favorite-a-feature-in-helperbird.md

@@ -76,7 +76,7 @@ features you want to remove from the Quick Actions area.
 ## Video Tutorial
 
 <div
-class="mt-12 mb-12  bg-stone-200 rounded-2xl  aspect-w-16 aspect-h-9"
+class="mt-12 mb-12  bg-stone-300 rounded-2xl  aspect-w-16 aspect-h-9"
 >
 <iframe   
 id="videos" 

src/pages/help/introduction/how-to-login-to-helperbird.md

@@ -92,7 +92,7 @@ In the new tab, scroll to the subscription section, enter your subscription key,
 
 ## Video Tutorial
 
-<div class="mt-12 mb-12 bg-stone-200 rounded-2xl aspect-w-16 aspect-h-9">
+<div class="mt-12 mb-12 bg-stone-300 rounded-2xl aspect-w-16 aspect-h-9">
 <iframe id="videos" class="rounded-md shadow-2xl ring-1 ring-gray-900/10" src="https://www.youtube-nocookie.com/embed/oAxYuYptc3M" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 </div>
 ---