formatting and layout

src/layouts/BlogPost.astro

@@ -86,7 +86,7 @@ try {
 </Layout>
 
 <style>
-  /* Enhanced hero image styling */
+  /* Hero image styling */
   article img:first-of-type {
     border-radius: 1rem;
     box-shadow:

src/layouts/Layout.astro

@@ -2,6 +2,7 @@
 import Navigation from '../components/Navigation.astro';
 import Footer from '../components/Footer.astro';
 import Background from '../components/Background.astro';
+
 import '../styles/global.css';
 
 interface Props {
@@ -51,7 +52,6 @@ const { title, description } = Astro.props;
     class="flex min-h-screen flex-col bg-white text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100"
   >
 
-    <!-- Background component with dot pattern and ambient glow -->
     <Background />
 
     <div class="mx-auto w-full max-w-3xl grow px-4 sm:px-6">

src/layouts/TransitionLayout.astro

@@ -1,25 +0,0 @@
----
-import { ClientRouter } from 'astro:transitions';
-import BaseLayout from './BaseLayout.astro';
-
-const { title, description } = Astro.props;
----
-
-<BaseLayout title={title} description={description}>
-  <ClientRouter fallback="swap" />
-
-  <div transition:animate="slide">
-    <slot />
-  </div>
-</BaseLayout>
-
-<style>
-  /* Custom transition styles */
-  ::view-transition-old(root) {
-    animation: 0.5s cubic-bezier(0.76, 0, 0.24, 1) both slide-to-left;
-  }
-
-  ::view-transition-new(root) {
-    animation: 0.5s cubic-bezier(0.76, 0, 0.24, 1) both slide-from-right;
-  }
-</style>