Initial commit

This commit is contained in:
Thuan Bui
2026-03-13 11:19:35 +09:00
committed by GitHub
commit 36b45142d9
89 changed files with 15695 additions and 0 deletions
+134
View File
@@ -0,0 +1,134 @@
---
import BaseLayout from "@/layouts/BaseLayout.astro";
import { siteConfig } from "@/config/site";
import Hero from "@/components/widgets/Hero.astro";
import Features from "@/components/widgets/Features.astro";
import devImg from "@/assets/images/dev_balanced.png";
import openSourceImg from "@/assets/images/open-source.png";
import Content2 from "@/components/widgets/Content2.astro";
const metadata = {
title: `${siteConfig.name} — The next step for your project`,
description:
"A modern and professional template for your web projects with Astro and Tailwind CSS. Boost your development with a solid foundation.",
ignoreTitleTemplate: true,
};
---
<BaseLayout {metadata}>
<Hero
title={`Starter Template for <br class="hidden md:block" /> <span class="bg-linear-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">Web Developers</span>`}
tagline="Astro v5 + Tailwind v4"
description={`${siteConfig.description}`}
actions={[
{
text: "Get Started",
href: "https://github.com/devgelo-labs/astro-starter-pro",
variant: "primary",
icon: "lucide:github",
},
{
text: "Our Services",
href: "/services",
variant: "secondary",
icon: "lucide:arrow-right",
ariaLabel: "Learn more about our services",
},
]}
/>
<Features
tagline="Features"
title="What's Included"
subtitle="A selection of tools and configurations to streamline your workflow."
features={[
{
title: "Optimized SEO",
description:
"Base configuration for Meta tags, Open Graph, and Sitemap generation.",
icon: "lucide:scan-search",
iconClass: "bg-blue-500/10 text-blue-400",
},
{
title: "High Performance",
description: "Lightweight structure for fast load times.",
icon: "lucide:zap",
iconClass: "bg-purple-500/10 text-purple-400",
},
{
title: "Tailwind v4",
description:
"Integrated configuration with the latest version of Tailwind CSS.",
icon: "lucide:palette",
iconClass: "bg-pink-500/10 text-pink-400",
},
]}
/>
<Content2
items={[
{
title: "Responsive Design",
description:
"Base configuration for Meta tags, Open Graph, and Sitemap generation.",
icon: "lucide:scan-search",
iconClass: "bg-blue-500/10 text-blue-400",
},
{
title: "High Performance",
description: "Lightweight structure for fast load times.",
icon: "lucide:zap",
iconClass: "bg-purple-500/10 text-purple-400",
},
{
title: "Tailwind v4",
description:
"Integrated configuration with the latest version of Tailwind CSS.",
icon: "lucide:palette",
iconClass: "bg-pink-500/10 text-pink-400",
},
]}
image={devImg}
imageAlt="Development"
>
<Fragment>
<h3 class="text-2xl font-bold tracking-tight sm:text-3xl mb-2">
Development
</h3>
We provide a solid foundation to start your projects with best practices.
</Fragment>
</Content2>
<Content2
items={[
{
title: "Open Source",
description:
"Developed under the MIT license, free for personal and commercial use.",
icon: "lucide:github",
iconClass: "bg-indigo-500/10 text-indigo-400",
},
{
title: "Community Driven",
description:
"Built with the feedback and contributions of the developer community.",
icon: "lucide:users",
iconClass: "bg-orange-500/10 text-orange-400",
},
{
title: "Regular Updates",
description:
"Continuously improved with the latest technologies and best practices.",
icon: "lucide:refresh-cw",
iconClass: "bg-teal-500/10 text-teal-400",
},
]}
image={openSourceImg}
imageAlt="Community and Open Source"
isReversed={true}
>
<Fragment>
<h3 class="text-2xl font-bold tracking-tight sm:text-3xl mb-2">
Open Source & Community
</h3>
Join the revolution of modern web development. This project is open for everyone
to use, learn from, and contribute to.
</Fragment>
</Content2>
</BaseLayout>