@sudajs/cli 0.10.3 → 0.11.0

package/templates/theme/src/templates.ts

@@ -1,10 +1,10 @@
-import type { ThemeStarterPage } from "@sudajs/theme-engine";
+import type { ThemeCmsTemplates, ThemeStarterPage } from "@sudajs/theme-engine";
 
 import { themeAsset } from "./theme-asset.js";
 
 export const starterPages: ThemeStarterPage[] = [
   {
-    slug: "home",
+    slug: "index",
     title: "Home",
     isHome: true,
     data: {
@@ -35,6 +35,15 @@ export const starterPages: ThemeStarterPage[] = [
             ],
           },
         },
+        {
+          type: "FeaturedPosts",
+          props: {
+            id: "FeaturedPosts-1",
+            title: "Featured posts",
+            description: "Use CMS posts to keep the homepage fresh without manual card editing.",
+            postList: { strategy: "featured", limit: 3 },
+          },
+        },
         {
           type: "CallToAction",
           props: {
@@ -42,14 +51,71 @@ export const starterPages: ThemeStarterPage[] = [
             title: "Launch your first page",
             description: "Customize this starter template or let an agent generate a new draft.",
             buttonLabel: "Get in touch",
-            buttonHref: "/contact",
+            buttonHref: "/contact-us",
+          },
+        },
+      ],
+    },
+  },
+  {
+    slug: "services",
+    title: "Services",
+    data: {
+      root: { props: {} },
+      content: [
+        {
+          type: "Hero",
+          props: {
+            id: "Hero-Services",
+            eyebrow: "Services",
+            title: "Show what you offer",
+            description: "Use this page to explain core services, packages, or capabilities.",
+            primaryLabel: "Contact us",
+            primaryHref: "/contact-us",
+          },
+        },
+        {
+          type: "FeatureGrid",
+          props: {
+            id: "FeatureGrid-Services",
+            title: "Service highlights",
+            description: "Replace these cards with the most important ways you help customers.",
           },
         },
       ],
     },
   },
   {
-    slug: "about",
+    slug: "team",
+    title: "Team",
+    data: {
+      root: { props: {} },
+      content: [
+        {
+          type: "Hero",
+          props: {
+            id: "Hero-Team",
+            eyebrow: "Team",
+            title: "Introduce the people behind the work",
+            description: "Share experience, roles, and the human story behind the project.",
+            primaryLabel: "Work with us",
+            primaryHref: "/contact-us",
+          },
+        },
+        {
+          type: "Testimonial",
+          props: {
+            id: "Testimonial-Team",
+            quote: "Use this block for a founder note, client quote, or team philosophy.",
+            author: "Team lead",
+            role: "Founder",
+          },
+        },
+      ],
+    },
+  },
+  {
+    slug: "about-us",
     title: "About",
     data: {
       root: { props: {} },
@@ -62,7 +128,7 @@ export const starterPages: ThemeStarterPage[] = [
             title: "A clean starting point for your story",
             description: "Use this page to introduce the project, audience, and promise.",
             primaryLabel: "Contact us",
-            primaryHref: "/contact",
+            primaryHref: "/contact-us",
           },
         },
         {
@@ -78,7 +144,7 @@ export const starterPages: ThemeStarterPage[] = [
     },
   },
   {
-    slug: "contact",
+    slug: "contact-us",
     title: "Contact",
     data: {
       root: { props: {} },
@@ -108,3 +174,82 @@ export const starterPages: ThemeStarterPage[] = [
     },
   },
 ];
+
+export const cmsTemplates: ThemeCmsTemplates = {
+  posts: {
+    title: "Posts",
+    data: {
+      root: { props: {} },
+      content: [
+        {
+          type: "Hero",
+          props: {
+            id: "Hero-Posts",
+            eyebrow: "Articles",
+            title: "Latest updates",
+            description: "Browse news, articles, and practical insights.",
+            primaryLabel: "View tags",
+            primaryHref: "/tags",
+          },
+        },
+      ],
+    },
+  },
+  post: {
+    title: "Post",
+    data: {
+      root: { props: {} },
+      content: [
+        {
+          type: "Hero",
+          props: {
+            id: "Hero-Post",
+            eyebrow: "Article",
+            title: "Article detail",
+            description: "This template renders a single published post.",
+            primaryLabel: "Back to posts",
+            primaryHref: "/posts",
+          },
+        },
+      ],
+    },
+  },
+  tags: {
+    title: "Tags",
+    data: {
+      root: { props: {} },
+      content: [
+        {
+          type: "Hero",
+          props: {
+            id: "Hero-Tags",
+            eyebrow: "Topics",
+            title: "Browse by topic",
+            description: "Explore tags used across published posts.",
+            primaryLabel: "View posts",
+            primaryHref: "/posts",
+          },
+        },
+      ],
+    },
+  },
+  tag: {
+    title: "Tag",
+    data: {
+      root: { props: {} },
+      content: [
+        {
+          type: "Hero",
+          props: {
+            id: "Hero-Tag",
+            eyebrow: "Topic",
+            title: "Topic posts",
+            description: "This template renders posts filtered by the current tag.",
+            primaryLabel: "All posts",
+            primaryHref: "/posts",
+          },
+        },
+      ],
+    },
+  },
+};