mosugi · pull · Apr 18, 2025 · Mar 29, 2025 · Mar 29, 2025 · Mar 29, 2025
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@onwidget/astrowind",
-  "version": "1.0.0-beta.51",
+  "version": "1.0.0-beta.52",
   "description": "AstroWind: A free template using Astro 5.0 and Tailwind CSS. Astro starter theme.",
   "type": "module",
   "private": true,
@@ -23,11 +23,11 @@
   },
   "dependencies": {
     "@astrojs/rss": "^4.0.11",
-    "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/sitemap": "^3.3.0",
     "@astrolib/analytics": "^0.6.1",
     "@astrolib/seo": "^1.0.0-beta.8",
     "@fontsource-variable/inter": "^5.2.5",
-    "astro": "^5.5.2",
+    "astro": "^5.7.3",
     "astro-embed": "^0.9.0",
     "astro-icon": "^1.1.5",
     "limax": "4.1.0",
@@ -36,33 +36,33 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.2.0",
+    "@astrojs/mdx": "^4.2.4",
     "@astrojs/partytown": "^2.1.4",
     "@astrojs/tailwind": "^5.1.5",
-    "@eslint/js": "^9.22.0",
+    "@eslint/js": "^9.24.0",
     "@iconify-json/flat-color-icons": "^1.2.1",
     "@iconify-json/tabler": "^1.2.17",
     "@tailwindcss/typography": "^0.5.16",
     "@types/js-yaml": "^4.0.9",
     "@types/lodash.merge": "^4.6.9",
     "@types/mdx": "^2.0.13",
-    "@typescript-eslint/eslint-plugin": "^8.26.1",
-    "@typescript-eslint/parser": "^8.26.1",
-    "astro-compress": "2.3.6",
-    "astro-eslint-parser": "^1.2.1",
-    "eslint": "^9.22.0",
+    "@typescript-eslint/eslint-plugin": "^8.30.1",
+    "@typescript-eslint/parser": "^8.30.1",
+    "astro-compress": "2.3.8",
+    "astro-eslint-parser": "^1.2.2",
+    "eslint": "^9.24.0",
     "eslint-plugin-astro": "^1.3.1",
     "globals": "^16.0.0",
     "js-yaml": "^4.1.0",
     "mdast-util-to-string": "^4.0.0",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "reading-time": "^1.5.0",
-    "sharp": "0.33.5",
+    "sharp": "0.34.1",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.1",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.30.1",
     "unist-util-visit": "^5.0.0"
   }
 }
diff --git a/src/components/widgets/Announcement.astro b/src/components/widgets/Announcement.astro
@@ -9,8 +9,8 @@
     class="dark:bg-slate-700 bg-white/40 dark:text-slate-300 font-semibold px-1 py-0.5 text-xs mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-block"
     >NEW</span
   >
-  <a href="https://astro.build/blog/astro-550/" class="text-muted hover:underline dark:text-slate-400 font-medium"
-    >Astro v5.5 is now available! »</a
+  <a href="https://astro.build/blog/astro-570/" class="text-muted hover:underline dark:text-slate-400 font-medium"
+    >Astro v5.7 is now available! »</a
   >
   <a
     target="_blank"

diff --git a/src/components/widgets/BlogLatestPosts.astro b/src/components/widgets/BlogLatestPosts.astro
@@ -7,7 +7,7 @@ import { getBlogPermalink } from '~/utils/permalinks';
 import { findLatestPosts } from '~/utils/blog';
 import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 import type { Widget } from '~/types';
-import Button from '../ui/Button.astro';
+import Button from '~/components/ui/Button.astro';
 
 export interface Props extends Widget {
   title?: string;

diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
@@ -1,5 +1,5 @@
 ---
-import WidgetWrapper from '../ui/WidgetWrapper.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 import type { CallToAction, Widget } from '~/types';
 import Headline from '~/components/ui/Headline.astro';
 import Button from '~/components/ui/Button.astro';

diff --git a/src/components/widgets/Content.astro b/src/components/widgets/Content.astro
@@ -1,10 +1,10 @@
 ---
 import type { Content as Props } from '~/types';
-import Headline from '../ui/Headline.astro';
-import WidgetWrapper from '../ui/WidgetWrapper.astro';
+import Headline from '~/components/ui/Headline.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 import Image from '~/components/common/Image.astro';
 import Button from '~/components/ui/Button.astro';
-import ItemGrid from '../ui/ItemGrid.astro';
+import ItemGrid from '~/components/ui/ItemGrid.astro';
 
 const {
   title = await Astro.slots.render('title'),

diff --git a/src/components/widgets/Note.astro b/src/components/widgets/Note.astro
@@ -1,11 +1,23 @@
 ---
 import { Icon } from 'astro-icon/components';
+
+export interface Props {
+  icon?: string;
+  title?: string;
+  description?: string;
+}
+
+const {
+  icon = 'tabler:info-square',
+  title = await Astro.slots.render('title'),
+  description = await Astro.slots.render('description'),
+} = Astro.props;
 ---
 
 <section class="bg-blue-50 dark:bg-slate-800 not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
-    <span class="font-bold">
-      <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Philosophy:</span
-    > Simplicity, Best Practices and High Performance
+    <Icon name={icon} class="w-5 h-5 inline-block align-text-bottom font-bold" />
+    <span class="font-bold" set:html={title} />
+    <Fragment set:html={description} />
   </div>
 </section>
diff --git a/src/components/widgets/Stats.astro b/src/components/widgets/Stats.astro
@@ -1,7 +1,7 @@
 ---
 import type { Stats as Props } from '~/types';
-import WidgetWrapper from '../ui/WidgetWrapper.astro';
-import Headline from '../ui/Headline.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
+import Headline from '~/components/ui/Headline.astro';
 import { Icon } from 'astro-icon/components';
 
 const {

diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -23,7 +23,7 @@ const metadata = {
   >
     <Fragment slot="title">
       Elevate your online presence with our <br />
-      <span class="text-accent dark:text-white highlight"> Beautiful Website Templates</span>
+      <span class="text-accent dark:text-white"> Beautiful Website Templates</span>
     </Fragment>
 
     <Fragment slot="subtitle">

diff --git a/src/pages/homes/mobile-app.astro b/src/pages/homes/mobile-app.astro
@@ -56,7 +56,7 @@ const metadata = {
     }}
   >
     <Fragment slot="title">
-      <span class="text-accent dark:text-white highlight">AstroWind App</span>: <br /> professional websites <span
+      <span class="text-accent dark:text-white">AstroWind App</span>: <br /> professional websites <span
         class="hidden xl:inline">made easy</span
       >
     </Fragment>

diff --git a/src/pages/homes/saas.astro b/src/pages/homes/saas.astro
@@ -51,7 +51,7 @@ const metadata = {
     }}
   >
     <Fragment slot="title">
-      Simplify web design with Astrowind: <br /> your ultimate <span class="text-accent dark:text-white highlight"
+      Simplify web design with Astrowind: <br /> your ultimate <span class="text-accent dark:text-white"
         >SaaS</span
       > companion<br />
     </Fragment>

diff --git a/src/pages/homes/startup.astro b/src/pages/homes/startup.astro
@@ -36,7 +36,7 @@ const metadata = {
   >
     <Fragment slot="title">
       Improve <span class="hidden sm:inline">the online presence of</span> your <span
-        class="text-accent dark:text-white highlight">Startup</span
+        class="text-accent dark:text-white">Startup</span
       > with Astrowind templates
     </Fragment>
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -36,7 +36,7 @@ const metadata = {
   >
     <Fragment slot="title">
       Free template for <span class="hidden xl:inline">creating websites with</span>
-      <span class="text-accent dark:text-white highlight"> Astro 5.0</span> + Tailwind CSS
+      <span class="text-accent dark:text-white"> Astro 5.0</span> + Tailwind CSS
     </Fragment>
 
     <Fragment slot="subtitle">
@@ -52,7 +52,7 @@ const metadata = {
 
   <!-- Note Widget ******************* -->
 
-  <Note />
+  <Note title="Philosophy:" description="Simplicity, Best Practices and High Performance" />
 
   <!-- Features Widget *************** -->
 

diff --git a/src/types.d.ts b/src/types.d.ts
@@ -262,12 +262,7 @@ export interface Faqs extends Omit<Headline, 'classes'>, Widget {
 }
 
 export interface Steps extends Omit<Headline, 'classes'>, Widget {
-  items: Array<{
-    title: string;
-    description?: string;
-    icon?: string;
-    classes?: Record<string, string>;
-  }>;
+  items?: Array<Item>;
   callToAction?: string | CallToAction;
   image?: string | Image;
   isReversed?: boolean;