@deneb-ui/create-template 2.0.32 → 2.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/create-template",
-  "version": "2.0.32",
+  "version": "2.0.34",
   "description": "Scaffold production-ready DENEB UI storefront templates for Next.js in seconds.",
   "bin": {
     "create-deneb-template": "bin/index.js",

package/template/fivora-template.json

@@ -131,6 +131,18 @@
               },
               { "key": "body", "type": "textarea", "label": "Description" }
             ]
+          },
+          {
+            "key": "demoPreOrderCta",
+            "type": "list",
+            "label": "Demo Pre Order Cta",
+            "itemLabel": "Demo Pre Order Cta",
+            "minItems": 0,
+            "maxItems": 12,
+            "fields": [
+              { "key": "buttonLabel", "type": "text", "label": "Button Label" },
+              { "key": "buttonUrl", "type": "url", "label": "Button Url" }
+            ]
           }
         ]
       },
@@ -154,6 +166,22 @@
             "label": "About image",
             "recommendedWidth": 1200,
             "recommendedHeight": 900
+          },
+          { "key": "collageHeading", "type": "text", "label": "Collage Heading" },
+          { "key": "collageDescription", "type": "textarea", "label": "Collage Description" },
+          { "key": "historyHeading", "type": "text", "label": "History Heading" },
+          { "key": "history", "type": "textarea", "label": "History" },
+          {
+            "key": "collageImages",
+            "type": "list",
+            "label": "Collage Images",
+            "itemLabel": "Collage Image",
+            "minItems": 0,
+            "maxItems": 12,
+            "fields": [
+              { "key": "image", "type": "image", "label": "Image" },
+              { "key": "caption", "type": "text", "label": "Caption" }
+            ]
           }
         ]
       },
@@ -217,6 +245,8 @@
           { "key": "phone", "type": "tel", "label": "Phone" },
           { "key": "email", "type": "email", "label": "Email" },
           { "key": "address", "type": "textarea", "label": "Address" },
+          { "key": "directionsLabel", "type": "text", "label": "Directions Label" },
+          { "key": "directionsUrl", "type": "url", "label": "Directions Url" },
           { "key": "formTitle", "type": "text", "label": "Form heading" },
           { "key": "submitLabel", "type": "text", "label": "Submit button" }
         ]

package/template/package.json

@@ -18,7 +18,7 @@
     "next": "15.5.23",
     "react": "19.2.8",
     "react-dom": "19.2.8",
-    "@deneb-ui/ui": "^2.0.32"
+    "@deneb-ui/ui": "^2.0.34"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.3.6",
@@ -28,7 +28,7 @@
     "eslint": "9.39.5",
     "eslint-config-next": "15.5.23",
     "typescript": "5.8.3",
-    "@deneb-ui/cli": "^2.0.32",
+    "@deneb-ui/cli": "^2.0.34",
     "tailwindcss": "^3.4.17",
     "postcss": "8.5.26",
     "autoprefixer": "^10.4.20"

package/template/src/app/about_us/page.tsx

@@ -1,11 +1,13 @@
 'use client';
 
-import { contentObject, contentText, useSiteData } from '@/lib/siteDataContext';
+import { HeritageCollage } from '@deneb-ui/ui';
+import { contentObject, contentText, contentList, useSiteData } from '@/lib/siteDataContext';
 import { withBasePath } from '@/lib/utils';
 
 export default function AboutPage() {
   const siteData = useSiteData();
   const about = contentObject(contentObject(siteData.content).about);
+  const collageImages = contentList(about.collageImages) as Array<{ id?: string; image?: string; caption?: string }>;
 
   return (
     <div data-preview-page-key="about_us">
@@ -21,6 +23,21 @@ export default function AboutPage() {
           data-preview-field-path="about.imageUrl"
         />
       </section>
+
+      <section className="page-section" data-design-section="about-heritage">
+        <HeritageCollage
+          collageHeading={contentText(about.collageHeading)}
+          collageDescription={contentText(about.collageDescription)}
+          historyHeading={contentText(about.historyHeading)}
+          history={contentText(about.history)}
+          images={collageImages}
+          collageHeadingPath="about.collageHeading"
+          collageDescriptionPath="about.collageDescription"
+          historyHeadingPath="about.historyHeading"
+          historyPath="about.history"
+          listPath="about.collageImages"
+        />
+      </section>
     </div>
   );
 }

package/template/src/app/contact/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, type FormEvent } from 'react';
+import { MapLink } from '@deneb-ui/ui';
 import { contentObject, contentText, useSiteData } from '@/lib/siteDataContext';
 
 export default function ContactPage() {
@@ -8,6 +9,13 @@ export default function ContactPage() {
   const contact = contentObject(contentObject(siteData.content).contact);
   const [status, setStatus] = useState('');
 
+  const directionsLabel = contentText(contact.directionsLabel) || 'Get Directions';
+  const directionsUrl =
+    contentText(contact.directionsUrl) ||
+    contentText(contact.mapUrl) ||
+    contentText(contact.addressUrl);
+  const address = contentText(contact.address);
+
   async function handleSubmit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault();
     const form = event.currentTarget;
@@ -48,7 +56,16 @@ export default function ContactPage() {
         <div className="contact-details">
           <a href={`tel:${contentText(contact.phone)}`} data-preview-field-path="contact.phone">{contentText(contact.phone)}</a>
           <a href={`mailto:${contentText(contact.email)}`} data-preview-field-path="contact.email">{contentText(contact.email)}</a>
-          <p data-preview-field-path="contact.address">{contentText(contact.address)}</p>
+          <p data-preview-field-path="contact.address">{address}</p>
+          <MapLink
+            mapUrl={directionsUrl}
+            address={address}
+            label={directionsLabel}
+            labelFieldPath="contact.directionsLabel"
+            urlFieldPath="contact.directionsUrl"
+            variant="outline"
+            size="md"
+          />
         </div>
         <form
           className="contact-form"

package/template/src/app/page.tsx

@@ -9,11 +9,9 @@ import {
 import { pageRoute, withBasePath } from '@/lib/utils';
 import {
   EditableText,
-  EditableImage,
   EditableList,
   EditableCard,
-  EditableBox,
-  EditableGrid,
+  ListActionCta,
 } from '@deneb-ui/ui';
 
 
@@ -26,6 +24,11 @@ export default function HomePage() {
   const content = contentObject(siteData.content);
   const home = contentObject(content.home);
   const features = contentList(home.features);
+  const demoCta = contentObject(
+    (contentList(home.demoPreOrderCta)[0] as Record<string, unknown> | undefined) ?? {}
+  );
+  const demoCtaLabel = contentText(demoCta.buttonLabel) || 'Book a Demo';
+  const demoCtaUrl = contentText(demoCta.buttonUrl) || '';
   const selectedPages =
     siteData.requirements?.requiredPages ??
     siteData.template?.structure?.pages ??
@@ -133,6 +136,15 @@ export default function HomePage() {
             data-preview-field-path="home.introBody"
             defaultValue={contentText(home.introBody)}
           />
+          <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1.5rem' }}>
+            <ListActionCta
+              listPath="home.demoPreOrderCta"
+              editable
+              buttonLabel={demoCtaLabel}
+              buttonUrl={demoCtaUrl}
+              className="button-primary"
+            />
+          </div>
         </div>
       </section>
 

package/template/src/data/site-data.json

@@ -63,12 +63,22 @@
         { "title": "Auto-Balancing Layouts", "body": "Cards, grids, and containers automatically balance and fill space seamlessly across all screen sizes." },
         { "title": "Strict Visual Editing", "body": "Direct bindings enable merchants to click, edit, and preview changes without breaking template styles." },
         { "title": "1-Click Clean Packaging", "body": "Built-in zip command strips heavy caches, node_modules, and git files so uploads pass instantly." }
-      ]
+      ],
+      "demoPreOrderCta": [{ "buttonLabel": "Book a Demo", "buttonUrl": "https://wa.me/94771234567" }]
     },
     "about": {
       "heading": "Built for the next generation of online storefronts",
       "body": "The Fivora connects businesses with high-converting, beautifully crafted templates. This starter template demonstrates clean monorepo architecture, responsive typography, and auto-balancing components.",
-      "imageUrl": "/placeholder.svg"
+      "imageUrl": "/placeholder.svg",
+      "collageHeading": "Our story in pictures",
+      "collageDescription": "A quick visual tour of how we design, build, and ship merchant-ready storefronts.",
+      "historyHeading": "Where we started",
+      "history": "We began as a small team helping local businesses move online. Today our templates power visual editing labs, strict Fivora contracts, and one-click packaging for developers worldwide.",
+      "collageImages": [
+        { "id": "studio", "image": "/placeholder.svg", "caption": "Design studio" },
+        { "id": "build", "image": "/placeholder.svg", "caption": "Build & test" },
+        { "id": "ship", "image": "/placeholder.svg", "caption": "Ship to Fivora" }
+      ]
     },
     "servicesPage": {
       "heading": "Template Services & Capabilities",
@@ -96,6 +106,8 @@
       "phone": "+94 11 234 5678",
       "email": "developer@fivora.lk",
       "address": "Colombo, Sri Lanka",
+      "directionsLabel": "Get Directions",
+      "directionsUrl": "https://maps.app.goo.gl/example",
       "formTitle": "Send an enquiry",
       "submitLabel": "Send Message",
       "directMessageText": "Send us a direct message",