feat: final refactor of sections

src/pages/404.astro

@@ -3,8 +3,8 @@ import { readSingleton } from '@directus/sdk';
 
 import directus from '@lib/directus';
 import BaseLayout from '@layouts/BaseLayout.astro';
-import GoBack from '@/components/buttons/GoBack.astro';
-import GoHome from '@/components/buttons/GoHome.astro';
+import GoBackButton from '@/components/buttons/GoBackButton.astro';
+import GoHomeButton from '@/components/buttons/GoHomeButton.astro';
 
 const global = await directus.request(readSingleton('site_global'));
 ---
@@ -61,8 +61,8 @@ const global = await directus.request(readSingleton('site_global'));
         <div
           class="smooth-reveal mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row"
         >
-          <GoBack/>
-          <GoHome url={global.site_url} />
+          <GoBackButton/>
+          <GoHomeButton url={global.site_url} />
         </div>
       </div>
     </div>

src/pages/about.astro

@@ -4,10 +4,10 @@ import { readSingleton } from '@directus/sdk';
 import directus from '@lib/directus';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import HeroSection from '@components/sections/HeroSection.astro';
-import Experience from '@components/sections/Experience.astro';
+import ExperienceSection from '@components/sections/ExperienceSection.astro';
 import EducationSection from '@components/sections/EducationSection.astro';
 import ProjectSection from '@components/sections/ProjectSection.astro';
-import SkillsSlider from '@components/sections/SkillsSlider.astro';
+import SkillsSliderSection from '@components/sections/SkillsSliderSection.astro';
 
 import portraitImg from '@images/portrait.avif';
 
@@ -44,10 +44,10 @@ const global = await directus.request(readSingleton('site_global'));
 
   <section class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8 lg:py-14">
     <div class="flex flex-col gap-y-24 md:gap-y-32">
-      <Experience className="smooth-reveal" />
+      <ExperienceSection className="smooth-reveal" />
       <EducationSection className="smooth-reveal" />
       <ProjectSection className="smooth-reveal" />
-      <SkillsSlider className="smooth-reveal" />
+      <SkillsSliderSection className="smooth-reveal" />
     </div>
   </section>
 

src/pages/blog/[...slug].astro

@@ -10,7 +10,7 @@ import { createHighlighter } from 'shiki';
 import { getDirectusImageURL } from '@lib/directusFunctions';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import Image from '@components/ui/images/Image.astro';
-import SocialShare from '@components/buttons/SocialShare.astro';
+import SocialShareButton from '@components/buttons/SocialShareButton.astro';
 import { formatDateTime } from '@support/time';
 
 export async function getStaticPaths() {
@@ -163,7 +163,7 @@ const content = marked.parse(post.content);
                 ))
               }
             </div>
-            <SocialShare
+            <SocialShareButton
               pageTitle={post.title}
             />
           </div>

src/pages/index.astro

@@ -6,7 +6,7 @@ import BaseLayout from '@layouts/BaseLayout.astro';
 import HeroSection from '@components/sections/HeroSection.astro';
 import FeaturesSection from '@components/sections/FeaturesSection.astro';
 import WeatherSection from '@components/sections/WeatherSection.astro';
-import LatestPosts from '@components/sections/LatestPosts.astro';
+import LatestPostsSection from '@components/sections/LatestPostsSection.astro';
 import GiteaSection from '@components/sections/GiteaSection.astro';
 
 import homeImg from '@images/autumn_mountain.png';
@@ -54,7 +54,7 @@ const weather = await directus.request(readSingleton('site_weather'));
   >
   </WeatherSection>
 
-  <LatestPosts />
+  <LatestPostsSection />
 
   <GiteaSection
     title="Follow me on Gitea"