From 00c77ff3fed83f1c7de28df9fa3cd67a82741261 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 1 Mar 2026 10:01:28 +0100
Subject: [PATCH] fix: remove heading and description

---
 app/(app)/animate/page.tsx       |  2 +-
 app/(app)/ascii/page.tsx         |  6 +-----
 app/(app)/calculate/page.tsx     |  2 +-
 app/(app)/color/page.tsx         |  6 +-----
 app/(app)/favicon/page.tsx       |  6 +-----
 app/(app)/media/page.tsx         |  6 +-----
 app/(app)/qrcode/page.tsx        |  6 +-----
 app/(app)/units/page.tsx         |  6 +-----
 components/layout/AppHeader.tsx  |  2 +-
 components/layout/AppPage.tsx    | 27 ++-------------------------
 components/layout/AppSidebar.tsx |  2 +-
 11 files changed, 12 insertions(+), 59 deletions(-)

diff --git a/app/(app)/animate/page.tsx b/app/(app)/animate/page.tsx
index 19993e0..7a8f8e7 100644
--- a/app/(app)/animate/page.tsx
+++ b/app/(app)/animate/page.tsx
@@ -9,7 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function AnimatePage() {
   return (
-    <AppPage title={tool.title} description={tool.summary} icon={tool.icon}>
+    <AppPage>
       <AnimationEditor />
     </AppPage>
   );
diff --git a/app/(app)/ascii/page.tsx b/app/(app)/ascii/page.tsx
index 53d7c82..e490b6e 100644
--- a/app/(app)/ascii/page.tsx
+++ b/app/(app)/ascii/page.tsx
@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function ASCIIPage() {
   return (
-    <AppPage
-      title={tool.title}
-      description={tool.summary}
-      icon={tool.icon}
-    >
+    <AppPage>
       <ASCIIConverter />
     </AppPage>
   );
diff --git a/app/(app)/calculate/page.tsx b/app/(app)/calculate/page.tsx
index b1fa9f1..8a66043 100644
--- a/app/(app)/calculate/page.tsx
+++ b/app/(app)/calculate/page.tsx
@@ -9,7 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function CalculatePage() {
   return (
-    <AppPage title={tool.title} description={tool.summary} icon={tool.icon}>
+    <AppPage>
       <Calculator />
     </AppPage>
   );
diff --git a/app/(app)/color/page.tsx b/app/(app)/color/page.tsx
index 102126a..75bc79d 100644
--- a/app/(app)/color/page.tsx
+++ b/app/(app)/color/page.tsx
@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function ColorPage() {
   return (
-    <AppPage
-      title={tool.title}
-      description={tool.summary}
-      icon={tool.icon}
-    >
+    <AppPage>
       <ColorManipulation />
     </AppPage>
   );
diff --git a/app/(app)/favicon/page.tsx b/app/(app)/favicon/page.tsx
index 4500739..9fa0b85 100644
--- a/app/(app)/favicon/page.tsx
+++ b/app/(app)/favicon/page.tsx
@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function FaviconPage() {
   return (
-    <AppPage
-      title={tool.title}
-      description={tool.summary}
-      icon={tool.icon}
-    >
+    <AppPage>
       <FaviconGenerator />
     </AppPage>
   );
diff --git a/app/(app)/media/page.tsx b/app/(app)/media/page.tsx
index ac2f223..8a04851 100644
--- a/app/(app)/media/page.tsx
+++ b/app/(app)/media/page.tsx
@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function MediaPage() {
   return (
-    <AppPage
-      title={tool.title}
-      description={tool.summary}
-      icon={tool.icon}
-    >
+    <AppPage>
       <FileConverter />
     </AppPage>
   );
diff --git a/app/(app)/qrcode/page.tsx b/app/(app)/qrcode/page.tsx
index aa48548..5d2f481 100644
--- a/app/(app)/qrcode/page.tsx
+++ b/app/(app)/qrcode/page.tsx
@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function QRCodePage() {
   return (
-    <AppPage
-      title={tool.title}
-      description={tool.summary}
-      icon={tool.icon}
-    >
+    <AppPage>
       <QRCodeGenerator />
     </AppPage>
   );
diff --git a/app/(app)/units/page.tsx b/app/(app)/units/page.tsx
index 8499692..05831a3 100644
--- a/app/(app)/units/page.tsx
+++ b/app/(app)/units/page.tsx
@@ -9,11 +9,7 @@ export const metadata: Metadata = { title: tool.title, description: tool.summary
 
 export default function UnitsPage() {
   return (
-    <AppPage
-      title={tool.title}
-      description={tool.summary}
-      icon={tool.icon}
-    >
+    <AppPage>
       <MainConverter />
     </AppPage>
   );
diff --git a/components/layout/AppHeader.tsx b/components/layout/AppHeader.tsx
index 6c172ec..a7be45d 100644
--- a/components/layout/AppHeader.tsx
+++ b/components/layout/AppHeader.tsx
@@ -32,7 +32,7 @@ export function AppHeader() {
         </button>
 
         {/* Mobile: logo home link */}
-        <Link href="/" className="lg:hidden shrink-0">
+        <Link href="/" className="lg:hidden shrink-0 ml-2">
           <Logo size={20} />
         </Link>
 
diff --git a/components/layout/AppPage.tsx b/components/layout/AppPage.tsx
index 4beb97d..6e7ddef 100644
--- a/components/layout/AppPage.tsx
+++ b/components/layout/AppPage.tsx
@@ -2,38 +2,15 @@ import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 interface AppPageProps {
-  title: string;
-  description?: string;
-  icon?: React.ElementType;
   children: React.ReactNode;
   className?: string;
 }
 
-export function AppPage({ title, description, icon: Icon, children, className }: AppPageProps) {
+export function AppPage({ children, className }: AppPageProps) {
   return (
     <div className={cn('min-h-screen', className)}>
       <div className="max-w-7xl mx-auto px-6 lg:px-8 animate-fade-in">
-
-        {/* Page header */}
-        <div className="py-5 border-b border-border/20 mb-6">
-          <div className="flex items-center gap-3">
-            {Icon && (
-              <div className="w-7 h-7 rounded-lg bg-primary/10 flex items-center justify-center shrink-0">
-                <Icon className="w-3.5 h-3.5 text-primary" />
-              </div>
-            )}
-            <div className="min-w-0">
-              <h1 className="text-lg font-semibold text-foreground leading-tight">{title}</h1>
-              {description && (
-                <p className="text-[10px] text-muted-foreground/50 font-mono mt-0.5 truncate">
-                  {description}
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-
-        <div className="pb-8">
+        <div className="py-8">
           {children}
         </div>
       </div>
diff --git a/components/layout/AppSidebar.tsx b/components/layout/AppSidebar.tsx
index cab4dfd..a993669 100644
--- a/components/layout/AppSidebar.tsx
+++ b/components/layout/AppSidebar.tsx
@@ -103,7 +103,7 @@ export function AppSidebar() {
                     <span className="whitespace-nowrap block text-[13px] font-medium leading-tight">
                       {tool.navTitle}
                     </span>
-                    <span className="text-[9px] text-muted-foreground/40 leading-tight block truncate font-mono mt-0.5">
+                    <span className="text-[9px] text-muted-foreground/40 leading-tight block font-mono mt-0.5">
                       {tool.description}
                     </span>
                   </div>