improve testimonial cards, fix some minor issues

src/config/social.json

@@ -1,9 +1,9 @@
 {
-  "facebook": "https://facebook.com/",
+  "facebook": "",
   "twitter": "https://twitter.com/",
   "instagram": "https://instagram.com/",
   "youtube": "https://youtube.com/",
-  "linkedin": "",
+  "linkedin": "https://linkedin.com/",
   "github": "",
   "gitlab": "",
   "medium": "",

src/content/homepage/index.md

@@ -20,7 +20,7 @@ features:
     - "Build with Astro and TailwindCSS for easy and customizable styling"
     - "Fully responsive on all devices"
     - "SEO-optimized for better search engine rankings"
-    - "Open-source and free for personal and commercial use"
+    - "**Open-source and free** for personal and commercial use"
     button:
       enable: false
       label: "Get Started Now"

src/layouts/Search.tsx

@@ -102,7 +102,7 @@ const Search = ({ searchList }: Props) => {
         )} */}
         <div className="row">
           {searchResults?.length < 1 ? (
-            <div className="mx-auto text-center">
+            <div className="mx-auto pt-5 text-center">
               <img
                 className="mx-auto mb-6"
                 src="/images/no-search-found.png"

src/layouts/partials/Header.astro

@@ -128,7 +128,7 @@ const { pathname } = Astro.url;
         settings.search && (
           <a
             class="mr-5 inline-block border-r border-border pr-5 text-xl text-dark hover:text-primary dark:border-darkmode-border dark:text-white"
-            href="search"
+            href="/search"
             aria-label="search"
           >
             <IoSearch />

src/layouts/partials/Testimonial.astro

@@ -47,7 +47,7 @@ const { testimonial } = Astro.props;
                             <Image
                               height={50}
                               width={50}
-                              class="rounded-full border border-primary dark:border-darkmode-primary"
+                              class="rounded-full"
                               src={item.avatar}
                               alt={item.name}
                             />

src/pages/404.astro

@@ -11,7 +11,7 @@ const { Content } = await entry.render();
     <div class="container">
       <div class="row justify-center">
         <div class="text-center sm:col-10 md:col-8 lg:col-6">
-          <img class="mb-8 w-full" src="images/404.png" alt="page not found" />
+          <img class="mb-8 w-full" src="/images/404.png" alt="page not found" />
           <h1 class="h2 mb-4" set:html={markdownify(entry.data.title)} />
           <Content />
           <a href="/" class="btn btn-primary mt-8">Back To Home</a>

src/pages/index.astro

@@ -88,7 +88,7 @@ const { banner, features } = homepage.data;
                   {feature.bulletpoints.map((bullet: string) => (
                     <li class="relative mb-4 pl-6">
                       <FaCheck className={"absolute left-0 top-1.5"} />
-                      {markdownify(bullet)}
+                      <span set:html={markdownify(bullet)} />
                     </li>
                   ))}
                 </ul>