@shopkit/cli 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -2298,10 +2298,9 @@ function parseThemeArgs() {
   return result;
 }
 var ESSENTIAL_WIDGETS = [
+  "Header",
   "Footer",
-  "ProductGallery",
-  "ProductInfo",
-  "CollectionWidget"
+  "PageContent"
 ];
 function generateEssentialWidgets() {
   const widgetsDir = getWidgetsDir();
@@ -2317,96 +2316,18 @@ function generateEssentialWidgets() {
     }
   }
 }
-function generateHomeTemplate(themeId, merchantName) {
-  return `import type { PageConfig } from "@shopkit/builder";
-import { WIDGET_TYPES } from "@/widgets/.generated/types";
-import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS } from "@shopkit/builder";
-
-/**
- * Home Page Template for ${merchantName}
- */
-export const template: PageConfig = {
-  id: "${themeId}-home",
-  dataSources: {},
-  sections: [
-    // Header Section
-    {
-      id: "header-section",
-      name: "Header",
-      type: SECTION_TYPES.HEADER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-header",
-          name: "Header",
-          type: WIDGET_TYPES.Header,
-          settings: {
-            variant: "v1",
-            logo: "t:common.logo",
-          },
-        },
-      ],
-    },
-
-    // Hero Section
-    {
-      id: "hero-section",
-      name: "Hero",
-      type: SECTION_TYPES.HERO_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [],
-    },
-
-    // Footer Section
-    {
-      id: "footer-section",
-      name: "Footer",
-      type: SECTION_TYPES.FOOTER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-footer",
-          name: "Footer",
-          type: WIDGET_TYPES.Footer,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-  ],
-};
-`;
-}
-function generateHomeBTemplate(themeId, merchantName) {
+function generatePageTemplate(themeId, templateName, merchantName) {
+  const keyName = templateName.replace(/-/g, "_");
+  const pageTitle = templateName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
   return `import type { PageConfig } from "@shopkit/builder";
 import { WIDGET_TYPES } from "@/widgets/.generated/types";
 import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS } from "@shopkit/builder";
 
 /**
- * Home Page Template B (Variant) for ${merchantName}
+ * ${pageTitle} Page Template for ${merchantName}
  */
 export const template: PageConfig = {
-  id: "${themeId}-home-b",
+  id: "${themeId}-${templateName}",
   dataSources: {},
   sections: [
     // Header Section
@@ -2432,96 +2353,13 @@ export const template: PageConfig = {
       ],
     },
 
-    // Hero Section B
-    {
-      id: "hero-section-b",
-      name: "Hero B",
-      type: SECTION_TYPES.HERO_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [],
-    },
-
-    // Footer Section
-    {
-      id: "footer-section",
-      name: "Footer",
-      type: SECTION_TYPES.FOOTER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-footer",
-          name: "Footer",
-          type: WIDGET_TYPES.Footer,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-  ],
-};
-`;
-}
-function generateProductsTemplate(themeId, merchantName) {
-  return `import type { PageConfig } from "@shopkit/builder";
-import { WIDGET_TYPES } from "@/widgets/.generated/types";
-import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS, DATA_SOURCE_TYPES } from "@shopkit/builder";
-
-/**
- * Product Page Template for ${merchantName}
- */
-export const template: PageConfig = {
-  id: "${themeId}-product",
-  dataSources: {
-    product: {
-      type: DATA_SOURCE_TYPES.PRODUCT,
-      params: { handle: "{{productHandle}}" },
-      required: true,
-    },
-  },
-  sections: [
-    // Header Section
-    {
-      id: "header-section",
-      name: "Header",
-      type: SECTION_TYPES.HEADER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-header",
-          name: "Header",
-          type: WIDGET_TYPES.Header,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-
-    // Product Info Section
+    // Main Content Section
     {
-      id: "product-info-section",
-      name: "Product Info",
+      id: "main-content-section",
+      name: "Main Content",
       type: SECTION_TYPES.CONTENT_SECTION,
       settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
+        layout: SECTION_LAYOUT_OPTIONS.PAGE,
         responsive: {
           mobile: { padding: { top: 16, right: 16, bottom: 16, left: 16 } },
           tablet: { padding: { top: 24, right: 24, bottom: 24, left: 24 } },
@@ -2530,18 +2368,14 @@ export const template: PageConfig = {
       },
       widgets: [
         {
-          id: "${themeId}-product-gallery",
-          name: "Product Gallery",
-          type: WIDGET_TYPES.ProductGallery,
-          settings: { variant: "v1" },
-          dataSourceKey: "product",
-        },
-        {
-          id: "${themeId}-product-info",
-          name: "Product Info",
-          type: WIDGET_TYPES.ProductInfo,
-          settings: { variant: "v1" },
-          dataSourceKey: "product",
+          id: "${themeId}-${templateName}-content",
+          name: "Page Content",
+          type: WIDGET_TYPES.PageContent,
+          settings: {
+            variant: "v1",
+            heading: "t:${keyName}.heading",
+            description: "t:${keyName}.description",
+          },
         },
       ],
     },
@@ -2572,285 +2406,26 @@ export const template: PageConfig = {
 };
 `;
 }
+function generateHomeTemplate(themeId, merchantName) {
+  return generatePageTemplate(themeId, "home", merchantName);
+}
+function generateHomeBTemplate(themeId, merchantName) {
+  return generatePageTemplate(themeId, "home-b", merchantName);
+}
+function generateProductsTemplate(themeId, merchantName) {
+  return generatePageTemplate(themeId, "products", merchantName);
+}
 function generateProductsBTemplate(themeId, merchantName) {
-  return `import type { PageConfig } from "@shopkit/builder";
-import { WIDGET_TYPES } from "@/widgets/.generated/types";
-import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS, DATA_SOURCE_TYPES } from "@shopkit/builder";
-
-/**
- * Product Page Template B (Variant) for ${merchantName}
- */
-export const template: PageConfig = {
-  id: "${themeId}-product-b",
-  dataSources: {
-    product: {
-      type: DATA_SOURCE_TYPES.PRODUCT,
-      params: { handle: "{{productHandle}}" },
-      required: true,
-    },
-  },
-  sections: [
-    // Header Section
-    {
-      id: "header-section",
-      name: "Header",
-      type: SECTION_TYPES.HEADER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-header",
-          name: "Header",
-          type: WIDGET_TYPES.Header,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-
-    // Product Info Section B
-    {
-      id: "product-info-section-b",
-      name: "Product Info B",
-      type: SECTION_TYPES.CONTENT_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 16, right: 16, bottom: 16, left: 16 } },
-          tablet: { padding: { top: 24, right: 24, bottom: 24, left: 24 } },
-          desktop: { padding: { top: 32, right: 32, bottom: 32, left: 32 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-product-info-b",
-          name: "Product Info",
-          type: WIDGET_TYPES.ProductInfo,
-          settings: { variant: "v1" },
-          dataSourceKey: "product",
-        },
-        {
-          id: "${themeId}-product-gallery-b",
-          name: "Product Gallery",
-          type: WIDGET_TYPES.ProductGallery,
-          settings: { variant: "v1" },
-          dataSourceKey: "product",
-        },
-      ],
-    },
-
-    // Footer Section
-    {
-      id: "footer-section",
-      name: "Footer",
-      type: SECTION_TYPES.FOOTER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-footer",
-          name: "Footer",
-          type: WIDGET_TYPES.Footer,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-  ],
-};
-`;
+  return generatePageTemplate(themeId, "products-b", merchantName);
 }
 function generateCollectionTemplate(themeId, merchantName) {
-  return `import type { PageConfig } from "@shopkit/builder";
-import { WIDGET_TYPES } from "@/widgets/.generated/types";
-import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS, DATA_SOURCE_TYPES } from "@shopkit/builder";
-
-/**
- * Collection Page Template for ${merchantName}
- */
-export const template: PageConfig = {
-  id: "${themeId}-collection",
-  dataSources: {
-    collection: {
-      type: DATA_SOURCE_TYPES.COLLECTION,
-      params: { handle: "{{collectionHandle}}" },
-      required: true,
-    },
-  },
-  sections: [
-    // Header Section
-    {
-      id: "header-section",
-      name: "Header",
-      type: SECTION_TYPES.HEADER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-header",
-          name: "Header",
-          type: WIDGET_TYPES.Header,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-
-    // Collection Content Section
-    {
-      id: "collection-content-section",
-      name: "Collection Products",
-      type: SECTION_TYPES.CONTENT_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 16, right: 16, bottom: 16, left: 16 } },
-          tablet: { padding: { top: 24, right: 24, bottom: 24, left: 24 } },
-          desktop: { padding: { top: 32, right: 32, bottom: 32, left: 32 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-collection-widget",
-          name: "Collection Products",
-          type: WIDGET_TYPES.CollectionWidget,
-          settings: { variant: "v1" },
-          dataSourceKey: "collection",
-        },
-      ],
-    },
-
-    // Footer Section
-    {
-      id: "footer-section",
-      name: "Footer",
-      type: SECTION_TYPES.FOOTER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-footer",
-          name: "Footer",
-          type: WIDGET_TYPES.Footer,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-  ],
-};
-`;
+  return generatePageTemplate(themeId, "collection", merchantName);
 }
 function generateCollectionBTemplate(themeId, merchantName) {
-  return `import type { PageConfig } from "@shopkit/builder";
-import { WIDGET_TYPES } from "@/widgets/.generated/types";
-import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS, DATA_SOURCE_TYPES } from "@shopkit/builder";
-
-/**
- * Collection Page Template B (Variant) for ${merchantName}
- */
-export const template: PageConfig = {
-  id: "${themeId}-collection-b",
-  dataSources: {
-    collection: {
-      type: DATA_SOURCE_TYPES.COLLECTION,
-      params: { handle: "{{collectionHandle}}" },
-      required: true,
-    },
-  },
-  sections: [
-    // Header Section
-    {
-      id: "header-section",
-      name: "Header",
-      type: SECTION_TYPES.HEADER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 0, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-header",
-          name: "Header",
-          type: WIDGET_TYPES.Header,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-
-    // Collection Content Section B
-    {
-      id: "collection-content-section-b",
-      name: "Collection Products B",
-      type: SECTION_TYPES.CONTENT_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 16, right: 16, bottom: 16, left: 16 } },
-          tablet: { padding: { top: 24, right: 24, bottom: 24, left: 24 } },
-          desktop: { padding: { top: 32, right: 32, bottom: 32, left: 32 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-collection-widget-b",
-          name: "Collection Products",
-          type: WIDGET_TYPES.CollectionWidget,
-          settings: { variant: "v1" },
-          dataSourceKey: "collection",
-        },
-      ],
-    },
-
-    // Footer Section
-    {
-      id: "footer-section",
-      name: "Footer",
-      type: SECTION_TYPES.FOOTER_SECTION,
-      settings: {
-        layout: SECTION_LAYOUT_OPTIONS.FULL,
-        responsive: {
-          mobile: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          tablet: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-          desktop: { padding: { top: 20, right: 0, bottom: 0, left: 0 } },
-        },
-      },
-      widgets: [
-        {
-          id: "${themeId}-footer",
-          name: "Footer",
-          type: WIDGET_TYPES.Footer,
-          settings: { variant: "v1" },
-        },
-      ],
-    },
-  ],
-};
-`;
+  return generatePageTemplate(themeId, "collection-b", merchantName);
+}
+function generateOrdersTemplate(themeId, merchantName) {
+  return generatePageTemplate(themeId, "orders", merchantName);
 }
 function generateVariantRegistry() {
   return `/**
@@ -2880,6 +2455,9 @@ export const variantRegistry = {
   [TEMPLATE_TYPES["collection-b"]]: {
     default: () => import("./collection-b/default").then((m) => m.template),
   },
+  [TEMPLATE_TYPES.orders]: {
+    default: () => import("./orders/default").then((m) => m.template),
+  },
 };
 `;
 }
@@ -2888,60 +2466,24 @@ function generateCommonLocale(merchantName) {
     {
       common: {
         logo: `/images/${toKebabCase(merchantName)}/logo.svg`,
-        navigation: {
-          menuItems: [
-            { label: "Home", href: "/" },
-            { label: "Products", href: "/collections/all" },
-            { label: "About", href: "/pages/about" },
-            { label: "Contact", href: "/pages/contact" }
-          ]
-        },
-        footer: {
-          copyright: `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${merchantName}. All rights reserved.`,
-          socialLinks: [
-            { platform: "instagram", url: "#", icon: "instagram" },
-            { platform: "facebook", url: "#", icon: "facebook" },
-            { platform: "twitter", url: "#", icon: "twitter" }
-          ],
-          links: [
-            {
-              title: "Shop",
-              items: [
-                { label: "All Products", href: "/collections/all" },
-                { label: "New Arrivals", href: "/collections/new-arrivals" }
-              ]
-            },
-            {
-              title: "Support",
-              items: [
-                { label: "Contact Us", href: "/pages/contact" },
-                { label: "FAQs", href: "/pages/faqs" }
-              ]
-            }
-          ]
-        },
-        addToCartButtonText: "Add to Cart",
-        goToCartText: "Go to Cart"
+        site_name: merchantName,
+        add_to_cart: "Add to Cart",
+        go_to_cart: "Go to Cart"
       }
     },
     null,
     2
   );
 }
-function generateHomeLocale(merchantName) {
+function generatePageLocale(templateName) {
+  const keyName = templateName.replace(/-/g, "_");
+  const pageTitle = templateName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
   return JSON.stringify(
     {
-      home: {
-        hero: {
-          title: `Welcome to ${merchantName}`,
-          subtitle: "Discover our amazing products"
-        },
-        sections: {
-          featured: {
-            title: "Featured Products",
-            viewAllLink: "/collections/featured"
-          }
-        }
+      [keyName]: {
+        page_title: `${pageTitle} Page`,
+        heading: pageTitle,
+        description: `Welcome to the ${pageTitle} page.`
       }
     },
     null,
@@ -2997,10 +2539,17 @@ ${colors.bold(`  \u{1F3A8} Creating Theme: ${colors.cyan(merchantName)}`)}
     path.join(themeDir, "templates", "products-b"),
     path.join(themeDir, "templates", "collection"),
     path.join(themeDir, "templates", "collection-b"),
+    path.join(themeDir, "templates", "orders"),
     path.join(themeDir, "locales"),
     path.join(themeDir, "locales", "common"),
     path.join(themeDir, "locales", "pages"),
-    path.join(themeDir, "locales", "pages", "home")
+    path.join(themeDir, "locales", "pages", "home"),
+    path.join(themeDir, "locales", "pages", "home-b"),
+    path.join(themeDir, "locales", "pages", "products"),
+    path.join(themeDir, "locales", "pages", "products-b"),
+    path.join(themeDir, "locales", "pages", "collections"),
+    path.join(themeDir, "locales", "pages", "collections-b"),
+    path.join(themeDir, "locales", "pages", "orders")
   ];
   for (const dir of dirs) {
     ensureDir(dir);
@@ -3055,6 +2604,10 @@ ${colors.bold(`  \u{1F3A8} Creating Theme: ${colors.cyan(merchantName)}`)}
       path: path.join(themeDir, "templates", "collection-b", "default.ts"),
       content: generateCollectionBTemplate(themeId, merchantName)
     },
+    {
+      path: path.join(themeDir, "templates", "orders", "default.ts"),
+      content: generateOrdersTemplate(themeId, merchantName)
+    },
     {
       path: path.join(themeDir, "templates", "variant-registry.ts"),
       content: generateVariantRegistry()
@@ -3065,7 +2618,31 @@ ${colors.bold(`  \u{1F3A8} Creating Theme: ${colors.cyan(merchantName)}`)}
     },
     {
       path: path.join(themeDir, "locales", "pages", "home", `${defaultLang}.json`),
-      content: generateHomeLocale(merchantName)
+      content: generatePageLocale("home")
+    },
+    {
+      path: path.join(themeDir, "locales", "pages", "home-b", `${defaultLang}.json`),
+      content: generatePageLocale("home-b")
+    },
+    {
+      path: path.join(themeDir, "locales", "pages", "products", `${defaultLang}.json`),
+      content: generatePageLocale("products")
+    },
+    {
+      path: path.join(themeDir, "locales", "pages", "products-b", `${defaultLang}.json`),
+      content: generatePageLocale("products-b")
+    },
+    {
+      path: path.join(themeDir, "locales", "pages", "collections", `${defaultLang}.json`),
+      content: generatePageLocale("collections")
+    },
+    {
+      path: path.join(themeDir, "locales", "pages", "collections-b", `${defaultLang}.json`),
+      content: generatePageLocale("collections-b")
+    },
+    {
+      path: path.join(themeDir, "locales", "pages", "orders", `${defaultLang}.json`),
+      content: generatePageLocale("orders")
     }
   ];
   for (const file of files) {
@@ -3119,7 +2696,23 @@ function parseTemplateArgs() {
   }
   return result;
 }
+function generateTemplateLocale(templateName) {
+  const keyName = templateName.replace(/-/g, "_");
+  const pageTitle = templateName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  return JSON.stringify(
+    {
+      [keyName]: {
+        page_title: `${pageTitle} Page`,
+        heading: pageTitle,
+        description: `Welcome to the ${pageTitle} page.`
+      }
+    },
+    null,
+    2
+  );
+}
 function generateTemplateContent(selectedTheme, templateName) {
+  const keyName = templateName.replace(/-/g, "_");
   return `import type { PageConfig } from "@shopkit/builder";
 import { WIDGET_TYPES } from "@/widgets/.generated/types";
 import { SECTION_TYPES, SECTION_LAYOUT_OPTIONS } from "@shopkit/builder";
@@ -3162,7 +2755,7 @@ export const template: PageConfig = {
       name: "Main Content",
       type: SECTION_TYPES.CONTENT_SECTION,
       settings: {
-        layout: SECTION_LAYOUT_OPTIONS.CONTAINED,
+        layout: SECTION_LAYOUT_OPTIONS.PAGE,
         responsive: {
           mobile: { padding: { top: 16, right: 16, bottom: 16, left: 16 } },
           tablet: { padding: { top: 24, right: 24, bottom: 24, left: 24 } },
@@ -3170,7 +2763,16 @@ export const template: PageConfig = {
         },
       },
       widgets: [
-        // Add your widgets here
+        {
+          id: "${selectedTheme}-${templateName}-content",
+          name: "Page Content",
+          type: WIDGET_TYPES.PageContent,
+          settings: {
+            variant: "v1",
+            heading: "t:${keyName}.heading",
+            description: "t:${keyName}.description",
+          },
+        },
       ],
     },
 
@@ -3265,6 +2867,24 @@ ${colors.bold("  \u{1F4C4} Create New Template")}
     `
   ${colors.green("\u2713")} Created template: src/themes/${selectedTheme}/templates/${templateName}/default.ts`
   );
+  const localeDir = path.join(themesDir, selectedTheme, "locales", "pages", templateName);
+  ensureDir(localeDir);
+  const themeJsonPath = path.join(themesDir, selectedTheme, "theme.json");
+  let supportedLanguages = ["en"];
+  if (exists(themeJsonPath)) {
+    try {
+      const themeConfig = JSON.parse(readFile(themeJsonPath));
+      if (themeConfig.supportedLanguages?.length > 0) {
+        supportedLanguages = themeConfig.supportedLanguages;
+      }
+    } catch (e) {
+    }
+  }
+  const localeContent = generateTemplateLocale(templateName);
+  for (const lang of supportedLanguages) {
+    writeFile(path.join(localeDir, `${lang}.json`), localeContent);
+  }
+  log.success(`Created locale files for: ${supportedLanguages.join(", ")}`);
   const variantRegistryPath = path.join(
     themesDir,
     selectedTheme,
@@ -3298,6 +2918,14 @@ ${colors.bold("  Generating template types...")}
   } else {
     log.warn(`Run ${colors.cyan("bun run generate:templates")} manually`);
   }
+  console.log(`
+${colors.bold("  Generating i18n manifest...")}
+`);
+  if (runGenerator("i18n")) {
+    log.success("i18n manifest regenerated");
+  } else {
+    log.warn(`Run ${colors.cyan("bun run generate:i18n")} manually`);
+  }
   console.log(
     `
 ${colors.green(colors.bold(`  \u2705 Template "${templateName}" created successfully!`))}