Updated Features description with meaningful text (#22)

index.html

@@ -123,31 +123,31 @@ <h4 class="fw-semibold mb-0 text-body-emphasis">Easy to set up</h4>
                 <i class="bi bi-file-earmark"></i>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Blog posts</h4>
-            <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p>
+            <p class="text-body-secondary">Create and manage blog posts effortlessly with rich formatting options.</p>
         </div>
 
         <div class="col d-flex flex-column gap-2">
             <div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
                 <i class="bi bi-bookmark-check"></i>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Categories</h4>
-            <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p>
+            <p class="text-body-secondary">Organize content into categories for easy navigation.</p>
         </div>
 
         <div class="col d-flex flex-column gap-2">
             <div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
                 <i class="bi bi-trophy"></i>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Popular posts</h4>
-            <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p>
+            <p class="text-body-secondary">Highlight trending articles to engage readers.</p>
         </div>
 
         <div class="col d-flex flex-column gap-2">
             <div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
                 <i class="bi bi-person-gear"></i>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Admin panel</h4>
-            <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p>
+            <p class="text-body-secondary">Control all aspects of your blog from a simple dashboard.</p>
         </div>
 
         <div class="col d-flex flex-column gap-2">
@@ -156,7 +156,7 @@ <h4 class="fw-semibold mb-0 text-body-emphasis">Admin panel</h4>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Roles</h4>
             <p class="text-body-people">
-                Reader and administrator.
+                Define user roles for readers and admins.
                 <span class="badge text-bg-warning">Coming soon</span>
             </p>
         </div>
@@ -166,7 +166,7 @@ <h4 class="fw-semibold mb-0 text-body-emphasis">Roles</h4>
                 <i class="bi bi-chat-right-text"></i>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Comments and likes</h4>
-            <p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.</p>
+            <p class="text-body-secondary">Boost engagement with interactive comments and likes.</p>
         </div>
 
         <div class="col d-flex flex-column gap-2">
@@ -175,7 +175,7 @@ <h4 class="fw-semibold mb-0 text-body-emphasis">Comments and likes</h4>
             </div>
             <h4 class="fw-semibold mb-0 text-body-emphasis">Post`s visual editor</h4>
             <p class="text-body-secondary">
-                Paragraph of text beneath the heading to explain the heading.
+                Easily design posts with a visual content editor.
                 <span class="badge text-bg-warning">Coming soon</span>
             </p>
         </div>