fix: renamed featuers to projects nav

Author: eddiejaoude

src/components/Footer.jsx

@@ -52,7 +52,7 @@ export function Footer() {
           <Logo className="mx-auto h-10 w-auto" />
           <nav className="mt-10 text-sm" aria-label="quick links">
             <div className="-my-1 flex justify-center gap-x-6">
-              <NavLink href="#features">Features</NavLink>
+              <NavLink href="#projects">Projects</NavLink>
               <NavLink href="#testimonials">Testimonials</NavLink>
               <NavLink href="#moderators">Moderators</NavLink>
             </div>

src/components/Header.jsx

@@ -79,7 +79,7 @@ function MobileNavigation() {
             as="div"
             className="absolute inset-x-0 top-full mt-4 flex origin-top flex-col rounded-2xl bg-white p-4 text-lg tracking-tight text-slate-900 shadow-xl ring-1 ring-slate-900/5"
           >
-            <MobileNavLink href="#features">Features</MobileNavLink>
+            <MobileNavLink href="#projects">Projects</MobileNavLink>
             <MobileNavLink href="#testimonials">Testimonials</MobileNavLink>
             <MobileNavLink href="#moderators">Moderators</MobileNavLink>
             <hr className="m-2 border-slate-300/40" />
@@ -101,7 +101,7 @@ export function Header() {
               <Logo className="h-10 w-auto" />
             </Link>
             <div className="hidden md:flex md:gap-x-6">
-              <NavLink href="#features">Features</NavLink>
+              <NavLink href="#projects">Projects</NavLink>
               <NavLink href="#testimonials">Testimonials</NavLink>
               <NavLink href="#moderators">Moderators</NavLink>
             </div>

src/components/Newsletter.jsx

@@ -11,7 +11,16 @@ export function Newsletter() {
           <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
             Subscribe to the EddieHub Newsletter
           </h2>
-          <div className="my-4"><iframe src="https://eddiehub.substack.com/embed" className='rounded' width="480" height="150" frameBorder="0" scrolling="no"></iframe></div>
+          <div className="my-4">
+            <iframe
+              src="https://eddiehub.substack.com/embed"
+              className="rounded"
+              width="480"
+              height="150"
+              frameBorder="0"
+              scrolling="no"
+            ></iframe>
+          </div>
         </div>
       </Container>
     </section>

src/components/PrimaryFeatures.jsx

@@ -56,16 +56,16 @@ export function PrimaryFeatures() {
 
   return (
     <section
-      id="features"
-      aria-label="Features for running your books"
-      className="bg-primary-600 relative overflow-hidden pb-28 pt-20 sm:py-32"
+      id="projects"
+      aria-label="EddieHub Projects"
+      className="relative overflow-hidden bg-primary-600 pb-28 pt-20 sm:py-32"
     >
       <Container className="relative">
         <div className="max-w-2xl md:mx-auto md:text-center xl:max-w-none">
           <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl md:text-5xl">
             Here are some of our active GitHub repositories
           </h2>
-          <p className="text-primary-100 mt-6 text-lg tracking-tight">
+          <p className="mt-6 text-lg tracking-tight text-primary-100">
             Everyone is welcome to come and contribute to our open source
             projects.
           </p>
@@ -125,7 +125,7 @@ export function PrimaryFeatures() {
                         {feature.description}
                       </p>
                     </div>
-                    <div className="shadow-primary-900/20 mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl sm:w-auto lg:mt-0 lg:w-[67.8125rem]">
+                    <div className="mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-primary-900/20 sm:w-auto lg:mt-0 lg:w-[67.8125rem]">
                       <Image
                         className="w-full"
                         src={feature.image}

src/components/SecondaryFeatures.jsx

@@ -144,7 +144,7 @@ export function SecondaryFeatures() {
   return (
     <section
       id="secondary-features"
-      aria-label="Features for simplifying everyday business tasks"
+      aria-label="Why you should be part of EddieHub"
       className="pb-14 pt-20 sm:pb-20 sm:pt-32 lg:pb-32"
     >
       <Container>