import BlogArea from "../components/blogpost";


// Mock data for blog posts
const blogposts = [
  {
    label: 'Retro Futurism: A Journey Through Time',
    body: 'Explore the fascinating world of retro futurism and its impact on modern science and culture.',
    publish: '2023-10-01',
    get_absolute_url: '/blog/retro-futurism',
    tags: ["science", "retro", "science-friction"]
  },
  {
    label: 'The Science Behind Video Games',
    body: 'Discover how video games are pushing the boundaries of technology and human interaction.',
    publish: '2023-09-25',
    get_absolute_url: '/blog/science-video-games',
    tags: ["science", "math", "games"]
  },
  {
    label: 'How to install Docker & Docker Compose',
    body: 'Guide to install Docker & Docker Compose on your machine.',
    publish: '2023-09-25',
    get_absolute_url: '/blog/docker-installation',
    tags: ["docker", "docker-compose", "linux"]
  },
  {
    label: 'Rocket Science',
    body: 'Discover how rocket are work.',
    publish: '2023-09-25',
    get_absolute_url: '/blog/rocket-science',
    tags: ["rocket", "space", "engineering"]
  },
];

export default function Home() {
  return (
    <main>
      <BlogArea blogposts={blogposts} />
    </main>
  );
}