const blogPosts = [
  {
    id: 1,
    category: "Tech",
    title: "Using Git Submodules for Private Content",
    date: "July 19, 2020",
    readTime: "4 min read",
    author: "John Doe", // Add the author field here
    content: [
      {
        type: "image",
        src: "https://via.placeholder.com/350x350",
        alt: "Placeholder Image",
      },
      {
        type: "text",
        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Augue ut lectus arcu bibendum at varius vel pharetra vel.",
      },
      {
        type: "blockquote",
        text: "Note: Some of the earlier articles may be amateur and have information that I wouldn’t necessarily put into an article on the subject if I wrote it today.",
      },
      {
        type: "heading",
        text: "Lorem ipsum dolor sit amet",
      },
      {
        type: "list",
        items: [
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
        ],
      },
      {
        type: "twitterCard",
        quote: "When gone am I, the last of the Jedi will you be. The Force runs strong in your family. Pass on what you have learned.",
        source: "— Episode 6, Return of the Jedi",
      },
      {
        type: "code",
        code: `const btn = document.getElementById('btn');
  let count = 0;
  function render() {
    btn.innerText = \`Count: \${count}\`;
  }
  btn.addEventListener('click', () => {
    if (count < 10) {
      count += 1;
      render();
    }
  });`,
      },
      {
        type: "text",
        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      },
      {
        type: "image",
        src: "https://via.placeholder.com/350x350",
        alt: "Placeholder Image",
      },
      {
        type: "image",
        src: "https://via.placeholder.com/350x350",
        alt: "Placeholder Image",
      },
    ],
  },
  {
    id: 2,
    category: "Design",
    title: "Creating Responsive Web Designs",
    date: "August 25, 2020",
    readTime: "6 min read",
    author: "Jane Smith", // Add the author field here
    content: [
      {
        type: "text",
        text: "In today's web development world, creating responsive designs is crucial. By using flexible grids, media queries, and modern frameworks like Bootstrap, developers can make websites that work well on any device.",
      },
      {
        type: "heading",
        text: "The Importance of Flexibility in Design",
      },
      {
        type: "list",
        items: [
          "Use fluid layouts that adjust to different screen sizes.",
          "Consider mobile-first design for optimal performance.",
          "Optimize images to load faster on mobile devices.",
        ],
      },
      {
        type: "text",
        text: "By using the right techniques, responsive design can make your website accessible to a wider audience.",
      },
      {
        type: "image",
        src: "https://via.placeholder.com/350x350",
        alt: "Placeholder Image",
      },
    ],
  },
  {
    id: 3,
    category: "Web Development",
    title: "Introduction to React for Beginners",
    date: "September 10, 2021",
    readTime: "8 min read",
    author: "Emily Johnson", // Add the author field here
    content: [
      {
        type: "image",
        src: "https://via.placeholder.com/350x350",
        alt: "Placeholder Image",
      },
      {
        type: "text",
        text: "React is a JavaScript library for building user interfaces. It allows developers to build single-page applications that are fast and scalable. This article will introduce the basics of React and how you can get started.",
      },
      {
        type: "heading",
        text: "Key Concepts in React",
      },
      {
        type: "list",
        items: [
          "JSX syntax: JavaScript and HTML combined.",
          "Components: Building blocks of React applications.",
          "State: Managing data within components.",
        ],
      },
      {
        type: "twitterCard",
        quote: "The best way to predict the future is to invent it.",
        source: "— Alan Kay",
      },
      {
        type: "text",
        text: "React is a powerful tool that can simplify complex UI interactions, and with a little practice, you can build interactive web apps in no time.",
      },
      {
        type: "image",
        src: "https://via.placeholder.com/350x350",
        alt: "Placeholder Image",
      },
    ],
  },
];

export default blogPosts;