+ {/* For Demo purposes only. Use inline CSS and styled components temporarily */}
+
+ {postsData.map((post, index) => (
+
+ ))}
+
+
+ )
+}
+
+export default PostsDemo
diff --git a/src/components/Post/index.ts b/src/components/Post/index.ts
new file mode 100644
index 0000000..1083f45
--- /dev/null
+++ b/src/components/Post/index.ts
@@ -0,0 +1,2 @@
+export { default as Post } from './Post'
+export { default as PostsDemo } from './PostsDemo'
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 838485b..42cab72 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,5 +1,6 @@
-import { HeaderLayout } from "@/layouts/HeaderLayout";
-import Head from "next/head";
+import PostsDemo from '@/components/Post/PostsDemo'
+import { HeaderLayout } from '@/layouts/HeaderLayout'
+import Head from 'next/head'
export default function Home() {
return (
@@ -15,7 +16,8 @@ export default function Home() {