Blog cards

Use our custom blog card components to build any custom blog section or blocks

Examples

---

Blog card 1

View examples code

import { BlogCard1 } from "@/components/blog-cards";
import blogImage from "@/images/blogs/blog-1.avif";
<BlogCard1
  title="Unlocking the Potential of UX Design in Today’s Digital Landscape"
  subtitle="Discover the key principles and practices that drive successful user experiences in today's"
  createdAt="12/8/2024"
  thumbnail={blogImage}
/>;

Blog card 2

View examples code

import { BlogCard2 } from "@/components/blog-cards";
import blogImage from "@/images/blogs/blog-1.avif";
<BlogCard2
  title="Unlocking the Potential of UX Design in Today’s Digital Landscape"
  subtitle="Discover the key principles and practices that drive successful user experiences in today's"
  createdAt="12/8/2024"
  thumbnail={blogImage}
/>;

Blog card 3

View examples code

import { BlogCard3 } from "@/components/blog-cards";
import blogImage from "@/images/blogs/blog-1.avif";
<BlogCard3
  title="Unlocking the Potential of UX Design in Today’s Digital Landscape"
  subtitle="Discover the key principles and practices that drive successful user experiences in today's"
  createdAt="12/8/2024"
  thumbnail={blogImage}
/>;