33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
import FeedHeader from "@/app/components/FeedHeader";
|
|
import PostCard from "@/app/components/PostCard";
|
|
import ShareBox from "@/app/components/ShareBox";
|
|
import Sidebar from "@/app/components/Sidebar";
|
|
import { posts } from "@/app/data/feed";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="flex min-h-screen bg-[#F6ECDF]">
|
|
<Sidebar activeHref="/" />
|
|
<main className="h-screen min-w-0 flex-1 overflow-y-auto">
|
|
<div className="mx-auto w-full max-w-[760px] px-10 pb-20 pt-[34px]">
|
|
<FeedHeader />
|
|
<ShareBox />
|
|
|
|
<div className="mb-[14px] flex items-center gap-[14px]">
|
|
<span className="text-[12.5px] font-extrabold tracking-[.8px] text-[#8A7C6D]">
|
|
PUBLICADO HOY
|
|
</span>
|
|
<span className="h-px flex-1 bg-[#E7DAC8]" />
|
|
</div>
|
|
|
|
<div className="flex flex-col gap-4">
|
|
{posts.map((post) => (
|
|
<PostCard key={post.id} post={post} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|