removed components and non existing image link

src/components/About.astro

@@ -10,13 +10,6 @@ const about: AboutEntry[] = await getCollection("about");
     <div
         class="max-w-sm bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-blue-700 dark:border-gray-500"
     >
-        <a href="#">
-            <img
-                class="rounded-t-lg"
-                src="/docs/images/blog/image-1.jpg"
-                alt=""
-            />
-        </a>
         <div class="p-5">
             
             {

src/components/AboutCard.svelte

@@ -1,32 +0,0 @@
-<div class="grid justify-center">
-<div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-blue-700 dark:border-gray-500">
-    <a href="#">
-        <img class="rounded-t-lg" src="/docs/images/blog/image-1.jpg" alt="" />
-    </a>
-    <div class="p-5">
-        <a href="#">
-            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">My Name</h5>
-        </a>
-        <div class="grid auto-cols-max grid-flow-col">
-            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z"/></svg>
-                
-            <p class="mb-3 font-normal text-gray-700 dark:text-white">
-                Location
-            </p>
-        </div>
-        
-        <p class="mb-3 font-normal text-gray-700 dark:text-white">
-            Interests
-        </p>
-        
-        <span class="bg-blue-100 text-blue-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300">Full stack</span>
-        <span class="bg-red-100 text-red-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-red-900 dark:text-red-300">Web</span>
-        <span class="bg-green-100 text-green-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-green-900 dark:text-green-300">LLM</span>
-        <span class="bg-yellow-100 text-yellow-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-yellow-900 dark:text-yellow-300">Svelte</span>
-        <span class="bg-indigo-100 text-indigo-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-indigo-900 dark:text-indigo-300">React</span>
-        <span class="bg-purple-100 text-purple-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-purple-900 dark:text-purple-300">Docker</span>
-        <span class="bg-pink-100 text-pink-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-pink-900 dark:text-pink-300">JVM</span>
-    </div>
-</div>
-
-</div>

src/components/Blog.svelte

@@ -1,24 +0,0 @@
-<!-- Blog Posts Section -->
-<section class="blog-posts mt-5">
-    <h2 class="text-3xl font-bold mb-4 dark:text-white">Blog Posts</h2>
-    <div class="grid grid-cols-1 gap-6">
-        <article class="bg-white dark:bg-indigo-700 rounded-lg shadow-md p-4">
-            <h3 class="text-lg font-bold mb-2 dark:text-white">Post 1 Title</h3>
-            <p class="text-gray-600 dark:text-white">This is the first blog post.</p>
-            <a
-                href="#"
-                class="inline-block bg-blue-600 mt-3 hover:bg-blue-700 text-white py-2 px-4 rounded"
-                >Read</a
-            >
-        </article>
-        <article class="bg-white rounded-lg shadow-md p-4 dark:bg-indigo-700">
-            <h3 class="text-lg font-bold mb-2 dark:text-white">Post 2 Title</h3>
-            <p class="text-gray-600 dark:text-white">This is the second blog post.</p>
-            <a
-                href="#"
-                class="inline-block bg-blue-600 mt-3 hover:bg-blue-700 text-white py-2 px-4 rounded"
-                >Read</a
-            >
-        </article>
-    </div>
-</section>

src/components/Projects.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-    import { getCollection, getEntry } from "astro:content";
-    import { onMount } from "svelte";
-
-    interface ProjectsEntry {
-        data: {
-            title: string;
-            demo: string;
-            source: string;
-        };
-        body: string;
-        filePath: string;
-        digest: string;
-        deferredRender: boolean;
-        collection: string;
-        slug: string;
-        render: (render: any) => void; // assuming render is a function
-    }
-
-    let projects: ProjectsEntry[];
-
-    onMount(async () => {
-        
-        console.log("test");
-        projects = await getCollection('projects');
-        console.log(projects);
-    });
-
-</script>
-
-<!-- Projects Section -->
-<section class="projects mt-5">
-    <h2 class="text-3xl font-bold mb-4 dark:text-white">Projects</h2>
-    <div class="grid grid-cols-1 gap-6">
-        {#each projects as project}
-            <article class="bg-white dark:bg-purple-700 rounded-lg shadow-md p-4">
-                <h3 class="text-lg font-bold mb-2 dark:text-white">{project.data.title}</h3>
-                <p class="text-gray-600 dark:text-white">This is the first project.</p>
-                <a
-                    href="#"
-                    class="inline-block bg-blue-600 mt-3 hover:bg-blue-700 text-white py-2 px-4 rounded"
-                    >Demo</a
-                >
-                <a
-                    href="#"
-                    class="inline-block bg-orange-600 mt-3 hover:bg-orange-700 text-white py-2 px-4 rounded"
-                    >Source</a
-                >
-            </article>
-        {/each}
-        <article class="bg-white rounded-lg shadow-md p-4 dark:bg-purple-700">
-            <h3 class="text-lg font-bold mb-2 dark:text-white">Project 2 Title</h3>
-            <p class="text-gray-600 dark:text-white">This is the second project.</p>
-            <a
-                href="#"
-                class="inline-block bg-blue-600 mt-3 hover:bg-blue-700 text-white py-2 px-4 rounded"
-                >Demo</a
-            >
-            <a
-                href="#"
-                class="inline-block bg-orange-600 mt-3 hover:bg-orange-700 text-white py-2 px-4 rounded"
-                >Source</a
-            >
-        </article>
-    </div>
-</section>

src/pages/index.astro

@@ -2,13 +2,8 @@
 import Layout from '../layouts/Layout.astro';
 import Navbar from '../components/Navbar.svelte';
 import ProjectList from '../components/ProjectList.astro';
-import Blog from '../components/Blog.svelte';
-import AboutCard from '../components/AboutCard.svelte';
-import Projects from '../components/Projects.svelte';
 import BlogList from '../components/BlogList.astro';
 import About from '../components/About.astro';
-// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
-// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
 ---
 
 <Layout>

src/pages/projects.astro

@@ -1,11 +0,0 @@
----
-import { getCollection } from "astro:content";
-import type { ProjectEntry } from "../types/projects";
-
-import "../styles/global.css";
-import About from "../components/About.astro";
-
-const projects = await getCollection('about');
-console.log(projects)
----
-<About />