import React from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; const posts = [ { title: "Welcome to My Blog", date: "June 10, 2025", excerpt: "This is the first post on my new blog! I'll be sharing thoughts on web development, design, and more." }, { title: "Understanding React Hooks", date: "June 9, 2025", excerpt: "Hooks are a powerful feature in React. Learn how to use useState and useEffect effectively." } ]; export default function Blog() { return (

My Blog

Sharing insights, tutorials, and stories

{posts.map((post, index) => (

{post.title}

{post.date}

{post.excerpt}

))}
); }