37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import { ArrowDown } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { Blog } from "@/types/types";
|
|
import { BlogCard } from "./blog-card";
|
|
|
|
const Blogs: React.FC<{ blogs: Blog[] }> = ({ blogs }) => {
|
|
return (
|
|
<section className="self-center lg:md:py-24 py-12 md:px-16 px-4 mx-auto">
|
|
<div className="container flex flex-col items-center gap-16 ">
|
|
{/*
|
|
<div className="text-center">
|
|
<h2 className="mb-3 text-pretty text-3xl font-semibold md:mb-4 md:text-4xl lg:mb-6 lg:max-w-3xl lg:text-5xl">
|
|
En savoir plus sur ce sport
|
|
</h2>
|
|
<p className="mb-8 text-muted-foreground md:text-base lg:max-w-2xl lg:text-lg">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
Elig doloremque mollitia fugiat omnis! Porro facilis quo
|
|
animi consequatur. Explicabo.
|
|
</p>
|
|
</div> */}
|
|
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-8">
|
|
{blogs.map((blog) => (
|
|
<BlogCard key={blog.blogID} blog={blog} />
|
|
))}
|
|
</div>
|
|
<Button variant="link" className="w-full sm:w-auto">
|
|
Explore more
|
|
<ArrowDown className="ml-2 size-4" />
|
|
</Button>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default Blogs;
|