refactor: 清理无用资源并更新项目配置

删除大量未使用的图标、图片和组件文件
更新.gitignore、tsconfig.json和astro配置
添加新的工具函数和UI组件
修改项目元数据和依赖项

src/pages/index.astro

@@ -1,66 +1,24 @@
 ---
-import Layout from "../layouts/Layout.astro";
-import Experience from "../components/portfolio/Experience.astro";
-import HeroIndex from "../components/portfolio/HeroIndex.astro";
-import Contact from "../components/portfolio/Contact.astro";
-import ListProjects from "../components/portfolio/ListProjects.astro";
-import { Icon } from "astro-icon/components";
-const pageTitle = "NeonMint by | Fernando Lopez | EFEELE ";
-const description = "Is a modern, minimalist template crafted for developers and digital creatives.";
-const ogimage = {
-  url: "/images/imagedefault.webp",
-  alt: "Screenshot of a web portfolio with a modern and dark design. Featuring Fernando López, a Frontend Developer with 8 years of experience, highlighting his passion for development and technology. Includes contact sections, projects, and a technology stack with technologies like HTML5, JavaScript, TypeScript, Angular, Node.js, CSS, Tailwind, and more.",
-};
-import Heading from "../components/ui/Heading.astro";
+import Layout from "@/layouts/Layout.astro";
+import GlassHeader from "@/components/GlassHeader";
+import HeroSection from "@/components/HeroSection";
+import ExperienceSection from "@/components/ExperienceSection";
+import SkillsSection from "@/components/SkillsSection";
+import ProjectsSection from "@/components/ProjectsSection";
+import AwardsSection from "@/components/AwardsSection";
+import EducationSection from "@/components/EducationSection";
+import Footer from "@/components/Footer";
 ---
 
-<Layout pageTitle={pageTitle} description={description} ogimage={ogimage}>
-  <HeroIndex />
-
-  <section
-    class="py-8 px-8 max-md:py-4 mb-4 scroll-m-16"
-    id="experience"
-  >
-    <div class="flex flex-col  pt-8 max-w-4xl mx-auto">
-      <div class="flex gap-4 items-center justify-center">
-        <Icon class="text-3xl dark:text-white text-blacktext" name="briefcase" />
-        <Heading text="Experience" textGradient="Work" level={2}/>
-      </div>
-
-      <Experience />
-    </div>
-  </section>
-
-  <section
-    class="bg-linear-to-t dark:from-[#0e0e10] from-white from-50% to-transparent to-100% scroll-m-16"
-    id="projects"
-  >
-    <div class="flex flex-col gap-8 max-w-7xl mx-auto">
-      <ListProjects>
-        <div class="flex gap-4 items-center justify-center text-center">
-          <Icon class="text-3xl dark:text-white text-blacktext" name="code" />
-          <Heading text="Projects" textGradient="Completed" level={2}/>
-        </div>
-        <p
-          class="z-2 text-center mx-auto text-lg max-xl:text-base max-w-2xl dark:text-gray-200 text-blacktext my-6 leading-6 font-medium"
-        >
-          I love <b
-            class=" bg-linear-to-r  from-riptide-500 to-mint-500 dark:from-riptide-300 dark:to-mint-200 text-transparent bg-clip-text"
-            >turning ideas into real projects.</b
-          >
-          <br /> Here I show you some of the <b
-            class="d bg-linear-to-r  from-riptide-500 to-mint-500 dark:from-riptide-300 dark:to-mint-200 text-transparent bg-clip-text"
-            >developments</b
-          > I've worked on, applying technology, design, and lots of creativity.
-          <b
-            class=" bg-linear-to-r  from-riptide-500 to-mint-500 dark:from-riptide-300 dark:to-mint-200 text-transparent bg-clip-text"
-            >Check them out!</b
-          >
-        </p>
-      </ListProjects>
-    </div>
-  </section>
-
-
-  <Contact />
+<Layout>
+  <GlassHeader client:only="react" />
+  <main class="min-h-screen">
+    <HeroSection client:only="react" />
+    <ExperienceSection client:only="react" />
+    <SkillsSection client:only="react" />
+    <ProjectsSection client:only="react" />
+    <AwardsSection client:only="react" />
+    <EducationSection client:only="react" />
+  </main>
+  <Footer client:only="react" />
 </Layout>