@rizom/site-rizom-ai 0.2.0-alpha.142

package/src/sections/products/layout.tsx

@@ -0,0 +1,21 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+import type { ProductsContent } from "./schema";
+import { ProductCard } from "./ProductCard";
+
+export const ProductsLayout = ({ cards }: ProductsContent): JSX.Element => (
+  <>
+    {cards.map((card) => (
+      <ProductCard
+        key={card.variant}
+        variant={card.variant}
+        label={card.label}
+        badge={card.badge}
+        headline={card.headline}
+        description={card.description}
+        tags={card.tags}
+        {...(card.tagline ? { tagline: card.tagline } : {})}
+      />
+    ))}
+  </>
+);

package/src/sections/products/schema.ts

@@ -0,0 +1,15 @@
+export type ProductVariant = "rover" | "relay" | "ranger";
+
+export interface ProductCardContent {
+  variant: ProductVariant;
+  label: string;
+  badge: string;
+  headline: string;
+  description: string;
+  tagline?: string[];
+  tags: string[];
+}
+
+export interface ProductsContent {
+  cards: ProductCardContent[];
+}

package/src/sections/quickstart/layout.tsx

@@ -0,0 +1,53 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+import type { QuickstartContent } from "./schema";
+import { Badge, Section } from "@rizom/site-rizom";
+
+export const QuickstartLayout = ({
+  badge,
+  headline,
+  description,
+  installCommand,
+  createCommand,
+  runCommand,
+  okLines,
+}: QuickstartContent): JSX.Element => {
+  return (
+    <Section id="quickstart" className="reveal py-section">
+      <div className="flex flex-col md:flex-row gap-8 md:gap-20 items-start">
+        <div className="w-full md:w-[420px] shrink-0">
+          <Badge>{badge}</Badge>
+          <h2 className="font-display font-normal text-[28px] md:text-[36px] tracking-[-0.5px] leading-[1.2] mt-4">
+            {headline}
+          </h2>
+          <p className="text-body-xs md:text-body-sm text-theme-muted mt-4">
+            {description}
+          </p>
+        </div>
+        <div className="flex-1 w-full bg-[var(--color-surface-terminal)] border border-[var(--color-surface-terminal-border)] rounded-[10px] md:rounded-xl p-5 md:p-8 font-mono text-label-sm md:text-body-xs overflow-x-auto">
+          <div className="text-theme-light text-label-sm mb-1">Install</div>
+          <div className="text-accent mb-4 break-all md:break-normal">
+            {installCommand}
+          </div>
+          <div className="text-theme-light text-label-sm mb-1">Create</div>
+          <div className="text-accent mb-4 break-all md:break-normal">
+            {createCommand}
+          </div>
+          <div className="text-theme-light text-label-sm mb-1">Run</div>
+          <div className="text-accent mb-4 break-all md:break-normal">
+            {runCommand}
+          </div>
+          <div className="h-px bg-white/[0.06] my-4" />
+          {okLines.map((line) => (
+            <div
+              key={line}
+              className="text-[var(--color-success)] text-label-sm md:text-body-xs"
+            >
+              {line}
+            </div>
+          ))}
+        </div>
+      </div>
+    </Section>
+  );
+};

package/src/sections/quickstart/schema.ts

@@ -0,0 +1,9 @@
+export interface QuickstartContent {
+  badge: string;
+  headline: string;
+  description: string;
+  installCommand: string;
+  createCommand: string;
+  runCommand: string;
+  okLines: string[];
+}

package/src/site-content.ts

@@ -0,0 +1,190 @@
+import type { SiteContentDefinition } from "@rizom/site";
+import { HeroLayout } from "./sections/hero/layout";
+import { ProblemLayout } from "./sections/problem/layout";
+import { AnswerLayout } from "./sections/answer/layout";
+import { ProductsLayout } from "./sections/products/layout";
+import { OwnershipLayout } from "./sections/ownership/layout";
+import { QuickstartLayout } from "./sections/quickstart/layout";
+import { MissionLayout } from "./sections/mission/layout";
+import { EcosystemLayout } from "./sections/ecosystem";
+
+const aiSiteContent: SiteContentDefinition = {
+  namespace: "landing-page",
+  sections: {
+    hero: {
+      description: "Rizom site hero: full-viewport intro with CTA row",
+      title: "Hero Section",
+      layout: HeroLayout,
+      fields: {
+        headline: { label: "Headline", type: "string" },
+        subhead: { label: "Subhead", type: "string" },
+        primaryCtaLabel: { label: "Primary CTA Label", type: "string" },
+        primaryCtaHref: { label: "Primary CTA Href", type: "string" },
+        secondaryCtaLabel: { label: "Secondary CTA Label", type: "string" },
+        secondaryCtaHref: { label: "Secondary CTA Href", type: "string" },
+      },
+    },
+    problem: {
+      description: "Rizom problem section: 3-up grid of problem statements",
+      title: "Problem Section",
+      layout: ProblemLayout,
+      fields: {
+        cards: {
+          label: "Cards",
+          type: "array",
+          length: 3,
+          items: {
+            label: "Card",
+            type: "object",
+            fields: {
+              num: { label: "Num", type: "string" },
+              title: { label: "Title", type: "string" },
+              body: { label: "Body", type: "string" },
+            },
+          },
+        },
+      },
+    },
+    answer: {
+      description: "Rizom answer section: centered thesis statement",
+      title: "Answer Section",
+      layout: AnswerLayout,
+      fields: {
+        badge: { label: "Badge", type: "string" },
+        headline: { label: "Headline", type: "string" },
+        subhead: { label: "Subhead", type: "string" },
+        scalesHeadline: { label: "Scales Headline", type: "string" },
+        scalesSubhead: { label: "Scales Subhead", type: "string" },
+      },
+    },
+    products: {
+      description: "Rizom products section: array of product cards",
+      title: "Products Section",
+      layout: ProductsLayout,
+      fields: {
+        cards: {
+          label: "Cards",
+          type: "array",
+          minItems: 1,
+          items: {
+            label: "Card",
+            type: "object",
+            fields: {
+              variant: {
+                label: "Variant",
+                type: "enum",
+                options: ["rover", "relay", "ranger"],
+              },
+              label: { label: "Label", type: "string" },
+              badge: { label: "Badge", type: "string" },
+              headline: { label: "Headline", type: "string" },
+              description: { label: "Description", type: "string" },
+              tagline: {
+                label: "Tagline",
+                type: "array",
+                optional: true,
+                minItems: 1,
+                items: { label: "Tagline", type: "string" },
+              },
+              tags: {
+                label: "Tags",
+                type: "array",
+                minItems: 1,
+                items: { label: "Tag", type: "string" },
+              },
+            },
+          },
+        },
+      },
+    },
+    ownership: {
+      description: "Rizom ownership section: feature list with icon markers",
+      title: "Ownership Section",
+      layout: OwnershipLayout,
+      fields: {
+        badge: { label: "Badge", type: "string" },
+        headline: { label: "Headline", type: "string" },
+        features: {
+          label: "Features",
+          type: "array",
+          minItems: 1,
+          items: {
+            label: "Feature",
+            type: "object",
+            fields: {
+              icon: { label: "Icon", type: "string" },
+              title: { label: "Title", type: "string" },
+              body: { label: "Body", type: "string" },
+            },
+          },
+        },
+      },
+    },
+    quickstart: {
+      description:
+        "Quickstart section: install/create/run commands and success lines",
+      title: "Quickstart Section",
+      layout: QuickstartLayout,
+      fields: {
+        badge: { label: "Badge", type: "string" },
+        headline: { label: "Headline", type: "string" },
+        description: { label: "Description", type: "string" },
+        installCommand: { label: "Install Command", type: "string" },
+        createCommand: { label: "Create Command", type: "string" },
+        runCommand: { label: "Run Command", type: "string" },
+        okLines: {
+          label: "OK Lines",
+          type: "array",
+          minItems: 1,
+          items: { label: "OK Line", type: "string" },
+        },
+      },
+    },
+    mission: {
+      description: "Mission section: closing statement with CTA row",
+      title: "Mission Section",
+      layout: MissionLayout,
+      fields: {
+        preamble: { label: "Preamble", type: "string" },
+        headline: { label: "Headline", type: "string" },
+        post: { label: "Post", type: "string" },
+        primaryCtaLabel: { label: "Primary CTA Label", type: "string" },
+        primaryCtaHref: { label: "Primary CTA Href", type: "string" },
+        secondaryCtaLabel: { label: "Secondary CTA Label", type: "string" },
+        secondaryCtaHref: { label: "Secondary CTA Href", type: "string" },
+      },
+    },
+    ecosystem: {
+      description:
+        "Rizom ecosystem section: 3-card grid of sibling rizom sites",
+      title: "Ecosystem Section",
+      layout: EcosystemLayout,
+      fields: {
+        eyebrow: { label: "Eyebrow", type: "string" },
+        headline: { label: "Headline", type: "string" },
+        cards: {
+          label: "Cards",
+          type: "array",
+          minItems: 1,
+          items: {
+            label: "Card",
+            type: "object",
+            fields: {
+              suffix: {
+                label: "Suffix",
+                type: "enum",
+                options: ["ai", "foundation", "work"],
+              },
+              title: { label: "Title", type: "string" },
+              body: { label: "Body", type: "string" },
+              linkLabel: { label: "Link Label", type: "string" },
+              linkHref: { label: "Link Href", type: "string" },
+            },
+          },
+        },
+      },
+    },
+  },
+};
+
+export default aiSiteContent;

package/src/site.ts

@@ -0,0 +1,15 @@
+import type { SiteDefinition } from "@rizom/site";
+import { createRizomSite } from "@rizom/site-rizom";
+import { AiLayout } from "./layout";
+import { aiRoutes } from "./routes";
+import aiSiteContent from "./site-content";
+
+export const rizomAiSite: SiteDefinition = createRizomSite({
+  packageName: "@rizom/site-rizom-ai",
+  themeProfile: "product",
+  layout: AiLayout,
+  routes: aiRoutes,
+  content: aiSiteContent,
+});
+
+export default rizomAiSite;