Merge pull request #1 from bertyuan/feat-introduce-payloadv1.0

Feat: introduce payload

1 files changed, 29 insertions, 0 deletions

diff --git a/src/app/(main)/(home)/page.tsx b/src/app/(main)/(home)/page.tsx
new file mode 100644
index 0000000..0718da9
--- /dev/null
+++ b/src/app/(main)/(home)/page.tsx
@@ -0,0 +1,29 @@
+import Hero from '@/app/(main)/(home)/_components/hero';
+import Posts from '@/app/(main)/(home)/_components/posts';
+import { Icons } from '@/components/icons/icons';
+import { Section } from '@/components/section';
+import Separator from '@/components/separator';
+import { getPublishedPosts } from '@/lib/payload-posts';
+import { CTA } from './_components/call-to-action';
+
+export default async function Home() {
+  const { posts } = await getPublishedPosts({ limit: 3 });
+
+  return (
+    <>
+      <Hero />
+      <Section className='py-8 sm:py-16'>
+        <h2 className='text-center font-semibold text-2xl sm:text-3xl md:text-4xl lg:text-5xl'>
+          <span className='inline-flex items-center gap-3'>
+            Posts
+            <Icons.posts className='size-10 fill-fd-primary/30 text-fd-primary transition-transform hover:rotate-12 hover:scale-125' />
+          </span>
+        </h2>
+      </Section>
+      <Separator />
+      <Posts posts={posts} />
+      <Separator />
+      <CTA />
+    </>
+  );
+}