import * as React from "react";
import DigitalStoreShowcase from "@/components/ui/digital-store-template-showcase";
const origin = "https://store.jasonmohabali.com";
const products = [
{ slug: "firstreply-website-template", image: "firstreply", title: "FirstReply Website Template", summary: "A complete React marketing-site starting point for your AI or SaaS product.", available: true },
{ slug: "aimplify", image: "aimplify", title: "Aimplify", summary: "A source-code workspace for projects, content creation and article editing.", available: false },
{ slug: "reflekto", image: "reflekto", title: "Reflekto", summary: "A warm reflection-app starting point with journal, habit and goal interfaces.", available: false },
{ slug: "designmd", image: "designmd", title: "DesignMD", summary: "A website-to-design-document workflow with generator and export interfaces.", available: false },
{ slug: "jason-design", image: "jason-design", title: "Jason — Design", summary: "An expressive design-led website starting point for independent creatives.", available: false },
{ slug: "jason-platform", image: "jason-platform", title: "Jason — Platform", summary: "A personal platform with dedicated Home, About and Projects page source.", available: false },
{ slug: "brain", image: "brain", title: "Brain", summary: "A PRD and project-planning workspace to adapt to your team’s process.", available: false },
{ slug: "lua", image: "lua", title: "Lua", summary: "An agent-management interface with dashboard, templates and integration screens.", available: false },
];
export default function DigitalStoreShowcaseDemo() {
return <DigitalStoreShowcase templates={products.map(product => ({
title: product.title,
summary: product.summary,
image: `${origin}/collection/${product.image}.webp`,
href: `${origin}/${product.available ? "products" : "collection"}/${product.slug}`,
available: product.available,
}))} />;
}