Add variables to config and minimal refactor

src/pages/404.astro

@@ -7,7 +7,5 @@ const title = `Error 404 — ${SITE.name}`;
 ---
 
 <Layout meta={{ title }}>
-  <main>
-    <Error404 />
-  </main>
+  <Error404 />
 </Layout>

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

@@ -18,14 +18,11 @@ const { page } = Astro.props;
 
 const currentPage = page.currentPage ?? 1;
 
-const title = `Blog ${currentPage > 1 ? `— Page ${currentPage} ` : ""}— ${SITE.name
-  }`;
-const description = "News and step-by-step guides about AstroWind";
+const title = `Blog ${currentPage > 1 ? `— Page ${currentPage} ` : ""}— ${SITE.name}`;
+const description = SITE.description;
 const canonical = new URL(page.url.current, Astro.site);
 ---
 
 <Layout meta={{ title, description, canonical }}>
-  <main>
-    <BlogList page={page} />
-  </main>
+  <BlogList page={page} />
 </Layout>

src/pages/blog/[slug].astro

@@ -25,7 +25,5 @@ const image = await findImage(post.image);
 ---
 
 <Layout meta={{ title, description, canonical, image, }}>
-  <main>
-    <BlogPost post={{ ...post, image }} />
-  </main>
+  <BlogPost post={{ ...post, image }} />
 </Layout>

src/pages/index.astro

@@ -13,22 +13,19 @@ import StepsLeft from "~/components/widgets/StepsLeft.astro";
 import HighlightedPosts from "~/components/widgets/HighlightedPosts.astro";
 import Stats from "~/components/widgets/Stats.astro";
 
-const title = `${SITE.name} — Your website with Astro + Tailwind CSS`;
-const description =
-  "🚀 AstroWind is a free and Ready to Start template to make your website using Astro and Tailwind CSS.";
+const title = SITE.title;
+const description = SITE.description;
 const canonical = new URL("", Astro.site);
 ---
 
 <Layout meta={{ title, description, canonical }}>
-  <main>
-    <Hero />
-    <BasicFeatures />
-    <StepsLeft />
-    <TwoColsFeatures />
-    <StepsFeatures />
-    <HighlightedPosts />
-    <FAQs />
-    <Stats />
-    <BasicCTA />
-  </main>
+  <Hero />
+  <BasicFeatures />
+  <StepsLeft />
+  <TwoColsFeatures />
+  <StepsFeatures />
+  <HighlightedPosts />
+  <FAQs />
+  <Stats />
+  <BasicCTA />
 </Layout>

src/pages/rss.xml.js

@@ -8,9 +8,9 @@ const posts = await fetchPosts();
 export const get = () =>
   rss({
     title: `${SITE.name}’s Blog`,
-    description:
-      "A ready to start template to make your website using Astro and Tailwind CSS.",
+    description: SITE.description,
     site: import.meta.env.SITE,
+
     items: posts.map((post) => ({
       link: `blog/${post.slug}`,
       title: post.title,