Rename 'paragraph' prop to 'content' across components

The 'paragraph' prop has been updated to 'content' in Astro components to provide more flexibility in what content it can include. This change affects IconBlock, TabNav, FeaturesNavs, and FeaturesGeneral components, ensuring the prop name is consistently used throughout and reflects its function more accurately.

src/components/FeaturesGeneral.astro

@@ -52,7 +52,7 @@ const subTitle: string =
         <!-- IconBlock #1 -->
         <IconBlock
           heading="Dedicated Teams"
-          paragraph="Benefit from our committed teams who ensure your success is personal. Count on expert guidance and exceptional results throughout your project journey."
+          content="Benefit from our committed teams who ensure your success is personal. Count on expert guidance and exceptional results throughout your project journey."
         >
           <svg
             class="mt-1 h-8 w-8 flex-shrink-0 fill-[#fa5a15] dark:fill-[#fb713b]"
@@ -68,7 +68,7 @@ const subTitle: string =
         <!-- IconBlock #2 -->
         <IconBlock
           heading="Simplicity and Affordability"
-          paragraph="Find easy-to-use, affordable solutions with ScrewFast's line of tools and equipment. Our products make procurement simple and keep projects within budget."
+          content="Find easy-to-use, affordable solutions with ScrewFast's line of tools and equipment. Our products make procurement simple and keep projects within budget."
         >
           <svg
             class="mt-1 h-8 w-8 flex-shrink-0 fill-[#fa5a15] dark:fill-[#fb713b]"
@@ -84,7 +84,7 @@ const subTitle: string =
         <!-- IconBlock #3 -->
         <IconBlock
           heading="Comprehensive Documentation"
-          paragraph="Integrate with ease using ScrewFast's exhaustive guides and libraries. Achieve seamless product adoption with our full suite of documentation designed for your success."
+          content="Integrate with ease using ScrewFast's exhaustive guides and libraries. Achieve seamless product adoption with our full suite of documentation designed for your success."
         >
           <svg
             class="mt-1 h-8 w-8 flex-shrink-0 fill-[#fa5a15] dark:fill-[#fb713b]"
@@ -100,7 +100,7 @@ const subTitle: string =
         <!-- IconBlock #4 -->
         <IconBlock
           heading="User-Centric Design"
-          paragraph="Experience the difference with ScrewFast's user-focused design — where functionality meets practicality for an enhanced work experience."
+          content="Experience the difference with ScrewFast's user-focused design — where functionality meets practicality for an enhanced work experience."
         >
           <svg
             class="mt-1 h-8 w-8 flex-shrink-0 fill-[#fa5a15] dark:fill-[#fb713b]"

src/components/FeaturesNavs.astro

@@ -36,7 +36,7 @@ const title: string = `Customize <span class="text-yellow-500 dark:text-yellow-4
             dataTab="#tabs-with-card-1"
             aria="tabs-with-card-1"
             heading="Cutting-Edge Tools"
-            paragraph="Empower your projects with ScrewFast's cutting-edge tools. Experience enhanced efficiency in construction management with our sophisticated automated solutions."
+            content="Empower your projects with ScrewFast's cutting-edge tools. Experience enhanced efficiency in construction management with our sophisticated automated solutions."
             first={true}
           >
             <svg
@@ -55,7 +55,7 @@ const title: string = `Customize <span class="text-yellow-500 dark:text-yellow-4
             dataTab="#tabs-with-card-2"
             aria="tabs-with-card-2"
             heading="Intuitive Dashboards"
-            paragraph="Navigate with ease using ScrewFast's intuitive dashboards. Set up and oversee your projects seamlessly, with user-friendly interfaces designed for quick and effective workflow management."
+            content="Navigate with ease using ScrewFast's intuitive dashboards. Set up and oversee your projects seamlessly, with user-friendly interfaces designed for quick and effective workflow management."
           >
             <svg
               class="mt-2 h-6 w-6 flex-shrink-0 fill-neutral-700 hs-tab-active:fill-[#fa5a15] dark:fill-neutral-300 dark:hs-tab-active:fill-[#fb713b] md:h-7 md:w-7"
@@ -73,7 +73,7 @@ const title: string = `Customize <span class="text-yellow-500 dark:text-yellow-4
             dataTab="#tabs-with-card-3"
             aria="tabs-with-card-3"
             heading="Robust Features"
-            paragraph="Minimize complexity, maximize productivity. ScrewFast's robust features are engineered to streamline your construction process, delivering results that stand out for their excellence."
+            content="Minimize complexity, maximize productivity. ScrewFast's robust features are engineered to streamline your construction process, delivering results that stand out for their excellence."
           >
             <svg
               class="h-6 w-6 flex-shrink-0 text-neutral-700 hs-tab-active:text-[#fa5a15] dark:text-neutral-300 dark:hs-tab-active:text-[#fb713b] md:h-7 md:w-7"

src/components/ui/blocks/IconBlock.astro

@@ -1,9 +1,9 @@
 ---
-const { heading, paragraph } = Astro.props;
+const { heading, content } = Astro.props;
 
 interface Props {
   heading?: string;
-  paragraph?: string;
+  content?: string;
 }
 ---
 
@@ -16,7 +16,7 @@ interface Props {
       {heading}
     </h3>
     <p class="mt-1 text-pretty text-neutral-700 dark:text-neutral-300">
-      {paragraph}
+      {content}
     </p>
   </div>
 </div>

src/components/ui/blocks/TabNav.astro

@@ -1,12 +1,12 @@
 ---
-const { aria, dataTab, id, heading, paragraph, first } = Astro.props;
+const { aria, dataTab, id, heading, content, first } = Astro.props;
 
 interface Props {
   dataTab: string;
   id: string;
   aria: string;
   heading?: string;
-  paragraph?: string;
+  content?: string;
   first?: boolean;
 }
 
@@ -22,7 +22,7 @@ Example:
 
 <button
   type="button"
-  class={`${first ? "active dark:hover:bg-neutral-700dark:focus:ring-neutral-600 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:focus:ring-1 dark:hs-tab-active:bg-neutral-700/60 md:p-5" : "dark:hover:bg-neutral-700dark:focus:ring-neutral-600 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:focus:ring-1 dark:hs-tab-active:bg-neutral-700/60 md:p-5"}`}
+  class={`${first ? "active dark:hover:bg-neutral-700 dark:focus:ring-neutral-600 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:focus:ring-1 dark:hs-tab-active:bg-neutral-700/60 md:p-5" : "dark:hover:bg-neutral-700 dark:focus:ring-neutral-600 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:focus:ring-1 dark:hs-tab-active:bg-neutral-700/60 md:p-5"}`}
   id={id}
   data-hs-tab={dataTab}
   aria-controls={aria}
@@ -37,7 +37,7 @@ Example:
       >
       <span
         class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600 dark:text-neutral-400 dark:hs-tab-active:text-neutral-200"
-        >{paragraph}</span
+        >{content}</span
       >
     </span>
   </span>

src/components/ui/buttons/SecondaryCTA.astro

@@ -8,7 +8,7 @@ interface Props {
 ---
 
 <a
-  class="inline-flex items-center justify-center gap-x-2 rounded-lg border border-neutral-200 bg-neutral-300 px-4 py-3 text-center text-sm font-medium text-neutral-500 shadow-sm outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-400/50 hover:text-neutral-600 focus-visible:ring active:text-neutral-700 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:bg-zinc-700 dark:text-neutral-300 dark:ring-zinc-200 dark:hover:bg-zinc-600 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600"
+  class="inline-flex items-center justify-center gap-x-2 rounded-lg border border-neutral-200 bg-neutral-300 px-4 py-3 text-center text-sm font-medium text-neutral-500 shadow-sm outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-400/50 hover:text-neutral-600 focus-visible:ring active:text-neutral-700 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:bg-zinc-700 dark:text-neutral-300 dark:ring-zinc-200 dark:hover:bg-zinc-600 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600"
   href={url}
 >
   {title}