Blog List

import { LandingBlogList } from '@/components/landing/LandingBlogList';
import { LandingBlogPost } from '@/components/landing/blog/LandingBlogPost';

<LandingBlogList
  title="Latest Articles"
  description="Check out our latest blog posts and stay updated with the newest trends."
>
  <LandingBlogPost
    post={{
      slug: "getting-started",
      date: "2023-08-10",
      title: "Getting Started with Shipixen",
      summary: "Learn how to set up your first project using Shipixen templates and components.",
      tags: ["Tutorial", "Beginners"],
      images: ["/static/images/backdrop-1.webp"],
      readingTime: 5,
      author: {
        name: "Jack Doe",
        avatar: "/static/images/people/1.webp"
      }
    }}
  />
</LandingBlogList>

export interface BlogPost {
  slug: string; // Unique identifier for the blog post
  date: string; // Publication date of the post
  title: string; // Title of the blog post
  summary?: string; // Brief summary of the blog post content
  tags?: string[] | Array<{url: string; text: string}>; // Array of category tags (strings) or objects with url and text properties
  images?: string[]; // Array of image URLs, with the first one used as the post thumbnail
  readingTime?: number; // Estimated reading time in minutes
  author?: {
    name?: string; // Name of the blog post author
    avatar?: string; // URL to the author's avatar image
  };
}