---
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { siteConfig } from '../../site.config.mjs';
---

<BaseLayout title="关于" description={`关于 ${siteConfig.site.name} 和站长 ${siteConfig.author.name} 的简短介绍。`}>
  <section class="content-wrap narrow page-with-card native-page">
    <PageHeaderCard title="关于" subtitle="这里记录折腾、学习和一些普通日子的回声。" />
  </section>

  <article class="article page-article native-page-article">
    <div class="prose">
      <p>
        你好，我是 Bi。这个博客主要用来保存技术实践、生活片段和那些一时半会儿不想让它们散掉的想法。
      </p>

      <div class="native-feature-grid">
        <section>
          <i class="fa-solid fa-code" aria-hidden="true"></i>
          <h2>技术笔记</h2>
          <p>记录服务器、网络、开发环境、图像处理和一些实际踩坑过程。</p>
        </section>
        <section>
          <i class="fa-regular fa-comments" aria-hidden="true"></i>
          <h2>日常碎片</h2>
          <p>把普通的一天、突然冒出来的灵感和一点点情绪留在这里。</p>
        </section>
        <section>
          <i class="fa-solid fa-seedling" aria-hidden="true"></i>
          <h2>持续生长</h2>
          <p>网站本身也在慢慢迁移和重写，新的页面会逐步变成原生实现。</p>
        </section>
      </div>

      <h2>联系</h2>
      <p>
        如果你想交流文章内容、友链或网站相关问题，可以通过
        <a href={`mailto:${siteConfig.author.email}`}>{siteConfig.author.email}</a>
        联系我，也可以去
        <a href={siteConfig.author.github} target="_blank" rel="noreferrer">GitHub</a>
        找到我。
      </p>
    </div>
  </article>
</BaseLayout>