diff --git a/app/about/page.tsx b/app/about/page.tsx
index de0fd59..72e081d 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -165,7 +165,7 @@ export default function AboutPage() {
           transition={{ duration: 0.5 }}
           className="mt-8 p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-xl border border-neutral-200 dark:border-neutral-800"
         >
-          <h3 className="text-lg font-bold mb-2 text-neutral-900 dark:text-white">What about Plausible?</h3>
+          <h3 className="text-xl font-bold mb-2 text-neutral-900 dark:text-white">What about Plausible?</h3>
           <p className="text-neutral-600 dark:text-neutral-400 text-sm">
             We love Plausible! They paved the way for privacy-friendly analytics. 
             Pulse offers a similar philosophy but with a focus on even deeper integration with the Ciphera ecosystem 
diff --git a/app/faq/page.tsx b/app/faq/page.tsx
index feb027c..f7f574b 100644
--- a/app/faq/page.tsx
+++ b/app/faq/page.tsx
@@ -104,7 +104,7 @@ export default function FAQPage() {
           className="text-center mb-16"
         >
           <span className="badge-primary mb-4 inline-flex">FAQ</span>
-          <h1 className="text-3xl sm:text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white mb-4">
+          <h1 className="text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white mb-4">
             Frequently asked questions
           </h1>
           <p className="text-lg text-neutral-600 dark:text-neutral-400 max-w-2xl mx-auto">
diff --git a/app/integrations/nextjs/page.tsx b/app/integrations/nextjs/page.tsx
index 12ec2c4..270e73a 100644
--- a/app/integrations/nextjs/page.tsx
+++ b/app/integrations/nextjs/page.tsx
@@ -31,7 +31,7 @@ export default function NextJsIntegrationPage() {
               <path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0zm27.6 93.9c-.8.9-2.2 1-3.1.2L42.8 52.8V88c0 1.3-1.1 2.3-2.3 2.3h-7.4c-1.3 0-2.3-1.1-2.3-2.3V40c0-1.3 1.1-2.3 2.3-2.3h7.4c1 0 1.9.6 2.2 1.5l48.6 44.8V40c0-1.3 1.1-2.3 2.3-2.3h7.4c1.3 0 2.3 1.1 2.3 2.3v48c0 1.3-1.1 2.3-2.3 2.3h-6.8c-.9 0-1.7-.5-2.1-1.3z" />
             </svg>
           </div>
-          <h1 className="text-3xl md:text-4xl font-bold text-neutral-900 dark:text-white">
+          <h1 className="text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white">
             Next.js Integration
           </h1>
         </div>
diff --git a/app/integrations/page.tsx b/app/integrations/page.tsx
index bf14a1a..dabb37e 100644
--- a/app/integrations/page.tsx
+++ b/app/integrations/page.tsx
@@ -118,7 +118,7 @@ export default function IntegrationsPage() {
             transition={{ duration: 0.5, delay: integrations.length * 0.1 }}
             className="p-8 border border-dashed border-neutral-300 dark:border-neutral-700 rounded-2xl flex flex-col items-center justify-center text-center"
           >
-            <h3 className="text-lg font-bold text-neutral-900 dark:text-white mb-2">
+            <h3 className="text-xl font-bold text-neutral-900 dark:text-white mb-2">
               Missing something?
             </h3>
             <p className="text-neutral-600 dark:text-neutral-400 text-sm mb-4">
diff --git a/app/integrations/react/page.tsx b/app/integrations/react/page.tsx
index 18a848a..d8d07cb 100644
--- a/app/integrations/react/page.tsx
+++ b/app/integrations/react/page.tsx
@@ -32,7 +32,7 @@ export default function ReactIntegrationPage() {
               <circle cx="64" cy="64" r="10.6" />
             </svg>
           </div>
-          <h1 className="text-3xl md:text-4xl font-bold text-neutral-900 dark:text-white">
+          <h1 className="text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white">
             React Integration
           </h1>
         </div>
diff --git a/app/integrations/vue/page.tsx b/app/integrations/vue/page.tsx
index 40adb04..f5bd66e 100644
--- a/app/integrations/vue/page.tsx
+++ b/app/integrations/vue/page.tsx
@@ -32,7 +32,7 @@ export default function VueIntegrationPage() {
               <path d="M64 24.6H39L64 67.4l25-42.8H64z" fill="#35495E" />
             </svg>
           </div>
-          <h1 className="text-3xl md:text-4xl font-bold text-neutral-900 dark:text-white">
+          <h1 className="text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white">
             Vue.js Integration
           </h1>
         </div>
diff --git a/app/integrations/wordpress/page.tsx b/app/integrations/wordpress/page.tsx
index a1db8ef..873a2cf 100644
--- a/app/integrations/wordpress/page.tsx
+++ b/app/integrations/wordpress/page.tsx
@@ -31,7 +31,7 @@ export default function WordPressIntegrationPage() {
               <path d="M116.6 64c0-19.2-10.4-36-26-45.2l28.6 78.4c-1 3.2-2.2 6.2-3.6 9.2-11.4 12.4-27.8 20.2-46 20.2-6.2 0-12.2-.8-17.8-2.4l26.2-76.4c1.2.2 2.4.4 3.6.4 5.4 0 13.8-.8 13.8-.8 2.8-.2 3.2 4 .4 4.2 0 0-2.8.2-6 .4l19 56.6 5.4-18c2.4-7.4 4.2-12.8 4.2-17.4 0-6-2.2-10.2-7.6-12.6-2.8-1.2-2.2-5.4 1.4-5.4h4.4zM64 121.2c-15.8 0-30.2-6.4-40.8-16.8L46.6 36.8c-2.8-.2-5.8-.4-5.8-.4-2.8-.2-2.4-4.4.4-4.2 0 0 8.4.8 13.6.8 5.4 0 13.6-.8 13.6-.8 2.8-.2 3.2 4 .4 4.2 0 0-2.8.2-5.8.4l18.2 54.4 10.6-31.8L64 121.2zM11.4 64c0 17 8.2 32.2 20.8 41.8L18.8 66.8c-.8-3.4-1.2-6.6-1.2-9.2 0-6.8 2.6-13 6.2-17.8C15.6 47.4 11.4 55.2 11.4 64zM64 6.8c16.2 0 30.8 6.8 41.4 17.6-1.4-.2-2.8-.2-4.2-.2-7.8 0-14.2 1.4-14.2 1.4-2.8.6-2.2 4.8.6 4.2 0 0 5-1 10.6-1 2.2 0 4.6.2 6.6.4L88.2 53 71.4 6.8h-7.4z" />
             </svg>
           </div>
-          <h1 className="text-3xl md:text-4xl font-bold text-neutral-900 dark:text-white">
+          <h1 className="text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white">
             WordPress Integration
           </h1>
         </div>
diff --git a/app/not-found.tsx b/app/not-found.tsx
index f65220d..bb4a731 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -19,7 +19,7 @@ export default function NotFound() {
         <h1 className="text-9xl font-bold text-transparent bg-clip-text bg-gradient-to-b from-neutral-900 to-neutral-500 dark:from-white dark:to-neutral-500 mb-4">
           404
         </h1>
-        <h2 className="text-2xl md:text-3xl font-bold text-neutral-900 dark:text-white mb-6">
+        <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-6">
           Page not found
         </h2>
         <p className="text-lg text-neutral-600 dark:text-neutral-400 max-w-md mx-auto mb-10 leading-relaxed">
diff --git a/app/onboarding/page.tsx b/app/onboarding/page.tsx
index 38ae6ac..934c8ff 100644
--- a/app/onboarding/page.tsx
+++ b/app/onboarding/page.tsx
@@ -47,7 +47,7 @@ export default function OnboardingPage() {
     <div className="min-h-screen flex items-center justify-center bg-neutral-50 dark:bg-neutral-900 px-4">
       <div className="max-w-md w-full space-y-8">
         <div className="text-center">
-          <h2 className="mt-6 text-3xl font-bold text-neutral-900 dark:text-white">
+          <h2 className="mt-6 text-2xl font-bold text-neutral-900 dark:text-white">
             Welcome to Pulse
           </h2>
           <p className="mt-2 text-sm text-neutral-600 dark:text-neutral-400">
diff --git a/app/page.tsx b/app/page.tsx
index 784bde4..a620a5e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -48,7 +48,7 @@ function ComparisonSection() {
   return (
     <div className="w-full max-w-4xl mx-auto mb-32">
       <div className="text-center mb-12">
-        <h2 className="text-3xl font-bold text-neutral-900 dark:text-white mb-4">Why choose Pulse?</h2>
+        <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-4">Why choose Pulse?</h2>
         <p className="text-neutral-500">The lightweight, privacy-friendly alternative.</p>
       </div>
 
@@ -270,7 +270,7 @@ export default function HomePage() {
             transition={{ duration: 0.5 }}
             className="text-center mb-20"
           >
-            <h2 className="text-3xl font-bold text-neutral-900 dark:text-white mb-6">Ready to switch?</h2>
+            <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-6">Ready to switch?</h2>
             <Button onClick={() => initiateOAuthFlow()} variant="primary" className="px-8 py-4 text-lg shadow-lg shadow-brand-orange/20">
               Start your free trial
             </Button>
diff --git a/app/share/[id]/page.tsx b/app/share/[id]/page.tsx
index 1ff9d3b..56359e8 100644
--- a/app/share/[id]/page.tsx
+++ b/app/share/[id]/page.tsx
@@ -270,7 +270,7 @@ export default function PublicDashboardPage() {
                         <div className="w-2 h-2 rounded-full bg-brand-orange animate-pulse" />
                         <span className="text-sm font-medium text-brand-orange uppercase tracking-wider">Public Dashboard</span>
                     </div>
-                    <h1 className="text-3xl font-bold text-neutral-900 dark:text-white flex items-center gap-3">
+                    <h1 className="text-2xl font-bold text-neutral-900 dark:text-white flex items-center gap-3">
                     <img 
                         src={`https://www.google.com/s2/favicons?domain=${site.domain}&sz=64`}
                         alt={site.name}
diff --git a/app/sites/[id]/funnels/page.tsx b/app/sites/[id]/funnels/page.tsx
index 775e650..8f78661 100644
--- a/app/sites/[id]/funnels/page.tsx
+++ b/app/sites/[id]/funnels/page.tsx
@@ -104,7 +104,7 @@ export default function FunnelsPage() {
                 <div className="bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 hover:border-brand-orange/50 transition-colors">
                   <div className="flex items-center justify-between">
                     <div>
-                      <h3 className="text-lg font-medium text-neutral-900 dark:text-white group-hover:text-brand-orange transition-colors">
+                      <h3 className="text-xl font-bold text-neutral-900 dark:text-white group-hover:text-brand-orange transition-colors">
                         {funnel.name}
                       </h3>
                       {funnel.description && (
diff --git a/app/sites/[id]/page.tsx b/app/sites/[id]/page.tsx
index 0cc200c..65361be 100644
--- a/app/sites/[id]/page.tsx
+++ b/app/sites/[id]/page.tsx
@@ -236,7 +236,7 @@ export default function SiteDashboardPage() {
         <div className="flex items-center justify-between mb-4">
           <div className="flex items-center gap-4">
             <div>
-              <h1 className="text-3xl font-bold text-neutral-900 dark:text-white mb-2">
+              <h1 className="text-2xl font-bold text-neutral-900 dark:text-white mb-2">
                 {site.name}
               </h1>
               <p className="text-neutral-600 dark:text-neutral-400">
diff --git a/app/sites/[id]/realtime/page.tsx b/app/sites/[id]/realtime/page.tsx
index 28fc877..2cab9ac 100644
--- a/app/sites/[id]/realtime/page.tsx
+++ b/app/sites/[id]/realtime/page.tsx
@@ -119,7 +119,7 @@ export default function RealtimePage() {
         {/* Visitors List */}
         <div className="w-full md:w-1/3 border border-neutral-200 dark:border-neutral-800 rounded-2xl overflow-hidden flex flex-col bg-white dark:bg-neutral-900">
           <div className="p-4 border-b border-neutral-200 dark:border-neutral-800 bg-neutral-50 dark:bg-neutral-800/50">
-            <h2 className="font-semibold text-neutral-900 dark:text-white">Active Sessions</h2>
+            <h2 className="text-xl font-semibold text-neutral-900 dark:text-white">Active Sessions</h2>
           </div>
           <div className="overflow-y-auto flex-1">
             {visitors.length === 0 ? (
@@ -181,7 +181,7 @@ export default function RealtimePage() {
         {/* Session Details */}
         <div className="flex-1 border border-neutral-200 dark:border-neutral-800 rounded-2xl overflow-hidden flex flex-col bg-white dark:bg-neutral-900">
             <div className="p-4 border-b border-neutral-200 dark:border-neutral-800 bg-neutral-50 dark:bg-neutral-800/50 flex justify-between items-center">
-                <h2 className="font-semibold text-neutral-900 dark:text-white">
+                <h2 className="text-xl font-semibold text-neutral-900 dark:text-white">
                     {selectedVisitor ? 'Session Journey' : 'Select a visitor'}
                 </h2>
                 {selectedVisitor && (
diff --git a/app/sites/[id]/settings/page.tsx b/app/sites/[id]/settings/page.tsx
index fea73d3..e8b9c39 100644
--- a/app/sites/[id]/settings/page.tsx
+++ b/app/sites/[id]/settings/page.tsx
@@ -306,7 +306,7 @@ export default function SiteSettingsPage() {
     <div className="min-h-screen pt-12 pb-12 px-4 sm:px-6">
       <div className="max-w-4xl mx-auto space-y-8">
         <div>
-          <h1 className="text-3xl font-bold text-neutral-900 dark:text-white">Site Settings</h1>
+          <h1 className="text-2xl font-bold text-neutral-900 dark:text-white">Site Settings</h1>
           <p className="mt-2 text-neutral-600 dark:text-neutral-400">
             Manage settings for <span className="font-medium text-neutral-900 dark:text-white">{site.domain}</span>
           </p>
@@ -381,7 +381,7 @@ export default function SiteSettingsPage() {
               <div className="space-y-12">
                 <form onSubmit={handleSubmit} className="space-y-6">
                   <div>
-                    <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">General Configuration</h2>
+                    <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">General Configuration</h2>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400">Update your site details and tracking script.</p>
                   </div>
 
@@ -433,7 +433,7 @@ export default function SiteSettingsPage() {
                   </div>
 
                   <div className="pt-4 border-t border-neutral-100 dark:border-neutral-800">
-                    <h3 className="text-lg font-medium text-neutral-900 dark:text-white mb-2">Tracking Script</h3>
+                    <h3 className="text-lg font-semibold text-neutral-900 dark:text-white mb-2">Tracking Script</h3>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-4">
                       Add this script to your website to start tracking visitors.
                     </p>
@@ -490,9 +490,9 @@ export default function SiteSettingsPage() {
                   {canEdit && (
                   <div className="space-y-6">
                     <div>
-                      <h2 className="text-xl font-semibold text-red-600 dark:text-red-500 mb-1">Danger Zone</h2>
+                      <h2 className="text-2xl font-bold text-red-600 dark:text-red-500 mb-1">Danger Zone</h2>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400">Irreversible actions for your site.</p>
-                  </div>
+                    </div>
 
                   <div className="space-y-4">
                     <div className="p-4 border border-red-200 dark:border-red-900/50 bg-red-50 dark:bg-red-900/10 rounded-2xl flex items-center justify-between">
@@ -530,7 +530,7 @@ export default function SiteSettingsPage() {
               <div className="space-y-12">
                 <form onSubmit={handleSubmit} className="space-y-6">
                   <div>
-                    <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">Visibility Settings</h2>
+                    <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">Visibility Settings</h2>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400">Manage who can view your dashboard.</p>
                   </div>
 
@@ -664,7 +664,7 @@ export default function SiteSettingsPage() {
               <div className="space-y-12">
                 <form onSubmit={handleSubmit} className="space-y-6">
                   <div>
-                    <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">Data & Privacy</h2>
+                    <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">Data & Privacy</h2>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400">Control what visitor data is collected. Less data = more privacy.</p>
                   </div>
 
@@ -921,7 +921,7 @@ export default function SiteSettingsPage() {
             {activeTab === 'goals' && (
               <div className="space-y-6">
                 <div>
-                  <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">Goals & Events</h2>
+                  <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">Goals & Events</h2>
                   <p className="text-sm text-neutral-500 dark:text-neutral-400">
                     Define goals to label custom events (e.g. signup, purchase). Track with <code className="px-1.5 py-0.5 rounded bg-neutral-200 dark:bg-neutral-700 text-xs">pulse.track(&apos;event_name&apos;)</code> in your snippet.
                   </p>
diff --git a/app/sites/new/page.tsx b/app/sites/new/page.tsx
index 8cb7715..0350d07 100644
--- a/app/sites/new/page.tsx
+++ b/app/sites/new/page.tsx
@@ -55,7 +55,7 @@ export default function NewSitePage() {
 
   return (
     <div className="container mx-auto px-4 py-8 max-w-2xl">
-      <h1 className="text-3xl font-bold mb-8 text-neutral-900 dark:text-white">
+      <h1 className="text-2xl font-bold mb-8 text-neutral-900 dark:text-white">
         Create New Site
       </h1>
 
diff --git a/app/tools/page.tsx b/app/tools/page.tsx
index 5904741..e33bf6d 100644
--- a/app/tools/page.tsx
+++ b/app/tools/page.tsx
@@ -7,7 +7,7 @@ export default function ToolsPage() {
     <div className="max-w-2xl mx-auto py-10 px-4">
       <h1 className="text-2xl font-bold mb-6 text-neutral-900 dark:text-white">Tools</h1>
       <div className="bg-white dark:bg-neutral-900 p-6 rounded-2xl border border-neutral-200 dark:border-neutral-800">
-        <h2 className="text-lg font-semibold mb-4 text-neutral-900 dark:text-white">UTM Campaign Builder</h2>
+        <h2 className="text-2xl font-bold mb-4 text-neutral-900 dark:text-white">UTM Campaign Builder</h2>
         <UtmBuilder />
       </div>
     </div>
diff --git a/components/PricingSection.tsx b/components/PricingSection.tsx
index f1001f1..04d8b1f 100644
--- a/components/PricingSection.tsx
+++ b/components/PricingSection.tsx
@@ -219,7 +219,7 @@ export default function PricingSection() {
         transition={{ duration: 0.5 }}
         className="text-center mb-12"
       >
-        <h2 className="text-4xl md:text-5xl font-bold text-neutral-900 dark:text-white mb-6 tracking-tight">
+        <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-6">
           Transparent Pricing
         </h2>
         <p className="text-xl text-neutral-600 dark:text-neutral-400">
diff --git a/components/settings/OrganizationSettings.tsx b/components/settings/OrganizationSettings.tsx
index 63cb1bf..9616fc2 100644
--- a/components/settings/OrganizationSettings.tsx
+++ b/components/settings/OrganizationSettings.tsx
@@ -342,7 +342,7 @@ export default function OrganizationSettings() {
   return (
     <div className="max-w-4xl mx-auto space-y-8">
       <div>
-        <h1 className="text-3xl font-bold text-neutral-900 dark:text-white">Organization Settings</h1>
+        <h1 className="text-2xl font-bold text-neutral-900 dark:text-white">Organization Settings</h1>
         <p className="mt-2 text-neutral-600 dark:text-neutral-400">
           Manage your organization workspace and members.
         </p>
@@ -409,9 +409,9 @@ export default function OrganizationSettings() {
             {activeTab === 'general' && (
               <div className="space-y-12">
                  <div>
-                    <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">General Information</h2>
+                    <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">General Information</h2>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400">Basic details about your organization.</p>
-                 </div>
+                  </div>
 
                  <form onSubmit={handleUpdateOrg} className="space-y-4">
                     <div className="space-y-1.5">
@@ -486,7 +486,7 @@ export default function OrganizationSettings() {
 
                  <div className="space-y-6">
                   <div>
-                    <h2 className="text-xl font-semibold text-red-600 dark:text-red-500 mb-1">Danger Zone</h2>
+                    <h2 className="text-2xl font-bold text-red-600 dark:text-red-500 mb-1">Danger Zone</h2>
                     <p className="text-sm text-neutral-500 dark:text-neutral-400">Irreversible actions for this organization.</p>
                   </div>
 
@@ -510,7 +510,7 @@ export default function OrganizationSettings() {
               <div className="space-y-12">
                 {/* Invite Section */}
                 <div>
-                  <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">Organization Members</h2>
+                  <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">Organization Members</h2>
                   <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-6">Manage who has access to this organization.</p>
                   
                   <div className="bg-neutral-50 dark:bg-neutral-900/50 border border-neutral-200 dark:border-neutral-800 rounded-2xl p-4">
@@ -637,7 +637,7 @@ export default function OrganizationSettings() {
             {activeTab === 'billing' && (
               <div className="space-y-12">
                 <div>
-                  <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">Billing & Subscription</h2>
+                  <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">Billing & Subscription</h2>
                   <p className="text-sm text-neutral-500 dark:text-neutral-400">Manage your subscription plan and payment methods.</p>
                 </div>
 
@@ -824,7 +824,7 @@ export default function OrganizationSettings() {
             {activeTab === 'audit' && (
               <div className="space-y-12">
                 <div>
-                  <h2 className="text-xl font-semibold text-neutral-900 dark:text-white mb-1">Audit log</h2>
+                  <h2 className="text-2xl font-bold text-neutral-900 dark:text-white mb-1">Audit log</h2>
                   <p className="text-sm text-neutral-500 dark:text-neutral-400">Who did what and when for this organization.</p>
                 </div>
 
diff --git a/components/sites/SiteList.tsx b/components/sites/SiteList.tsx
index 28f8d63..37bf960 100644
--- a/components/sites/SiteList.tsx
+++ b/components/sites/SiteList.tsx
@@ -27,7 +27,7 @@ export default function SiteList({ sites, loading, onDelete }: SiteListProps) {
   if (sites.length === 0) {
     return (
       <div className="rounded-lg border border-dashed border-neutral-300 dark:border-neutral-700 p-12 text-center">
-        <h3 className="text-lg font-medium text-neutral-900 dark:text-white">No sites yet</h3>
+        <h3 className="text-lg font-semibold text-neutral-900 dark:text-white">No sites yet</h3>
         <p className="mt-2 text-sm text-neutral-500 dark:text-neutral-400">Create your first site to get started.</p>
       </div>
     )