feat: add ReferencesSection component and integrate AnnouncementBar with news updates

2026-03-10 10:39:15 +03:00
parent 449f22bf0e
commit bef1cbc901
8 changed files with 147 additions and 5 deletions
@@ -44,10 +44,10 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="en">
-      <body className="min-h-dvh bg-background text-foreground antialiased">
-        <div className="mx-auto flex min-h-dvh w-full max-w-4xl flex-col px-4 py-8 sm:px-6 sm:py-10">
+      <body className="h-dvh overflow-hidden bg-background text-foreground antialiased">
+        <div className="mx-auto flex h-dvh w-full max-w-4xl flex-col overflow-hidden px-4 py-8 sm:px-6 sm:py-10">
          <SiteNavbar />
-          <main className="flex-1 py-8">{children}</main>
+          <main className="flex-1 overflow-hidden py-8">{children}</main>
        </div>
      </body>
    </html>
@@ -1,8 +1,31 @@
+import { Icon } from "@iconify/react";
+import Link from "next/link";
+import { AnnouncementBar } from "poyraz-ui/organisms";
+import { HomeHero } from "@/components/home-hero";
+import { ReferencesSection } from "@/components/references-section";

 export default function Home() {
  return (
-    <div>
+    <section className="flex h-full flex-col gap-4 overflow-hidden">
+      <AnnouncementBar
+        variant="branded"
+        icon={<Icon icon="mdi:sparkles" width={16} height={16} />}
+        action={
+          <Link
+            href="https://ui.poyrazavsever.com"
+            target="_blank"
+            rel="noreferrer"
+            className="text-xs font-bold underline"
+          >
+            Learn More -&gt;
+          </Link>
+        }
+      >
+        New components added this week!
+      </AnnouncementBar>

-    </div>
+      <HomeHero />
+      <ReferencesSection />
+    </section>
  );
 }