rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: homepage blog section

Browse Source
This commit is contained in:
Val 2025-02-12 01:26:25 +07:00
parent 8d0a99e85a
commit 72a31ce704
2 changed files with 9 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Blogs/Blog.tsx
View File

@ -17,23 +17,8 @@ export default async function Blog() {
<div className="col-lg-8 offset-lg-2 text-center mb-md-30"> <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> <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> <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>
<div className="col-lg-2 d-flex align-items-end"></div>
</div> </div>
{/* Blog Posts Grid */} {/* Blog Posts Grid */}
<div className="row mt-n30"> <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 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-container d-block d-sm-flex">
<div className="post-prev-3-img"> <div className="post-prev-3-img">
<Link href={elm.slug}> <Link href={`/blog/${elm.slug}`}>
<Image <Image
src={elm.imgFormatted.url} src={elm.imgFormatted.url}
width={400} width={400}
@ -54,7 +39,7 @@ export default async function Blog() {
</div> </div>
<div className="post-prev-3-intro"> <div className="post-prev-3-intro">
<h4 className="post-prev-3-title"> <h4 className="post-prev-3-title">
<Link href={elm.slug}>{elm.title}</Link> <Link href={`/blog/${elm.slug}`}>{elm.title}</Link>
</h4> </h4>
<div className="post-prev-3-text">{sanitizeBlogContentIntoStringPreview(elm.content)}</div> <div className="post-prev-3-text">{sanitizeBlogContentIntoStringPreview(elm.content)}</div>
<div className="post-prev-3-info clearfix"> <div className="post-prev-3-info clearfix">
@ -68,6 +53,12 @@ export default async function Blog() {
))} ))}
{/* End Post Item */} {/* End Post Item */}
</div> </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 */} {/* End Blog Posts Grid */}
</div> </div>
</> </>

6
src/components/Homepage.tsx
View File

@ -3,16 +3,10 @@ import React from "react";
import Facts from "./Facts"; import Facts from "./Facts";
import Service from "./Service"; import Service from "./Service";
import Image from "next/image"; import Image from "next/image";
import Testimonials from "./Testimonials";
import Blog from "./Blogs/Blog"; import Blog from "./Blogs/Blog";
import Newsletter from "./Newsletter";
import Contact from "./Contacts/Contact";
import Link from "next/link"; import Link from "next/link";
import TestimonialsDark from "./TestimonialsDark";
import ContactDark from "./ContactDark";
import { features4 } from "@/data/features"; import { features4 } from "@/data/features";
import Cta3 from "./cta3"; import Cta3 from "./cta3";
import { fetchBlog } from "@/services/payload/blog";
export default function homepage({ onePage = false, dark = false }) { export default function homepage({ onePage = false, dark = false }) {
return ( return (