feat: add AboutPage and AboutContent component; integrate AnnouncementBar in layout

2026-03-10 11:16:31 +03:00
parent f84d345612
commit 0b6a885014
20 changed files with 295 additions and 22 deletions
@@ -0,0 +1,5 @@
+import { AboutContent } from "@/components/about-content";
+
+export default function AboutPage() {
+  return <AboutContent />;
+}
@@ -1,7 +1,11 @@
 import type { Metadata } from "next";
-import { SiteNavbar } from "@/components/site-navbar";
 import "./globals.css";

+import { SiteNavbar } from "@/components/site-navbar";
+import { Icon } from "@iconify/react";
+import Link from "next/link";
+import { AnnouncementBar } from "poyraz-ui/organisms";
+
 export const metadata: Metadata = {
  title:
    "Poyraz Avsever - Portfolio - Freelancer - Fullstack Developer - Web Developer",
@@ -47,6 +51,23 @@ export default function RootLayout({
      <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 />
+          <AnnouncementBar
+            variant="branded"
+            dismissible={false}
+            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>
          <main className="flex-1 overflow-hidden py-4">{children}</main>
        </div>
      </body>
@@ -1,29 +1,9 @@
-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 (
    <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>
-
      <HomeHero />
      <ReferencesSection />
    </section>