From 72a31ce704a425f513df812c51f4356e93b1a7ed Mon Sep 17 00:00:00 2001
From: Val <44112412+LawfaL@users.noreply.github.com>
Date: Wed, 12 Feb 2025 01:26:25 +0700
Subject: [PATCH] fix: homepage blog section

---
 src/components/Blogs/Blog.tsx | 27 +++++++++------------------
 src/components/Homepage.tsx   |  6 ------
 2 files changed, 9 insertions(+), 24 deletions(-)

diff --git a/src/components/Blogs/Blog.tsx b/src/components/Blogs/Blog.tsx
index 781779d..d0bf205 100644
--- a/src/components/Blogs/Blog.tsx
+++ b/src/components/Blogs/Blog.tsx
@@ -17,23 +17,8 @@ export default async function Blog() {
           <div className="col-lg-8 offset-lg-2 text-center mb-md-30">
             <h2 className="section-caption-slick mb-30 mb-sm-20">Our Blog</h2>
             <h3 className="section-title mb-30">Check the latest news about our company in our blog.</h3>
-            <p className="section-descr mb-0">
-              There are three kinds of web developer specialization front-end developer, back-end developer, and
-              full-stack developer.
-            </p>
-          </div>
-          <div className="col-lg-2 d-flex align-items-end">
-            <div className="local-scroll text-center text-lg-end w-100">
-              <Link href={`/slick-blog-dark`} className="link-hover-anim" data-link-animate="y">
-                <span className="link-strong link-strong-unhovered">
-                  Our blog <i className="mi-arrow-right size-24" aria-hidden="true"></i>
-                </span>
-                <span className="link-strong link-strong-hovered" aria-hidden="true">
-                  Our blog <i className="mi-arrow-right size-24" aria-hidden="true"></i>
-                </span>
-              </Link>
-            </div>
           </div>
+          <div className="col-lg-2 d-flex align-items-end"></div>
         </div>
         {/* Blog Posts Grid */}
         <div className="row mt-n30">
@@ -42,7 +27,7 @@ export default async function Blog() {
             <div key={i} className="post-prev-3 col-12 col-lg-10 offset-lg-1 col-xl-6 offset-xl-0 mt-30">
               <div className="post-prev-3-container d-block d-sm-flex">
                 <div className="post-prev-3-img">
-                  <Link href={elm.slug}>
+                  <Link href={`/blog/${elm.slug}`}>
                     <Image
                       src={elm.imgFormatted.url}
                       width={400}
@@ -54,7 +39,7 @@ export default async function Blog() {
                 </div>
                 <div className="post-prev-3-intro">
                   <h4 className="post-prev-3-title">
-                    <Link href={elm.slug}>{elm.title}</Link>
+                    <Link href={`/blog/${elm.slug}`}>{elm.title}</Link>
                   </h4>
                   <div className="post-prev-3-text">{sanitizeBlogContentIntoStringPreview(elm.content)}</div>
                   <div className="post-prev-3-info clearfix">
@@ -68,6 +53,12 @@ export default async function Blog() {
           ))}
           {/* End Post Item */}
         </div>
+        <Link href={`/blog`} className="link-hover-anim mt-5 hover:opacity-[.8] float-end">
+          <span>
+            Our blog <i className="mi-arrow-right" aria-hidden="true"></i>
+          </span>
+        </Link>
+
         {/* End Blog Posts Grid */}
       </div>
     </>
diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index ac4d043..fe37b41 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -3,16 +3,10 @@ import React from "react";
 import Facts from "./Facts";
 import Service from "./Service";
 import Image from "next/image";
-import Testimonials from "./Testimonials";
 import Blog from "./Blogs/Blog";
-import Newsletter from "./Newsletter";
-import Contact from "./Contacts/Contact";
 import Link from "next/link";
-import TestimonialsDark from "./TestimonialsDark";
-import ContactDark from "./ContactDark";
 import { features4 } from "@/data/features";
 import Cta3 from "./cta3";
-import { fetchBlog } from "@/services/payload/blog";
 
 export default function homepage({ onePage = false, dark = false }) {
   return (