Files
corp-v1-3darch-documentation/src/pages/index.tsx
T
jarvis-at-skic c84a10cc47
Build and publish 3D Architecture Wizzard documentation / build (push) Failing after 4s
feat: launch 3d architecture documentation portal
2026-08-31 10:24:07 +00:00

53 lines
3.5 KiB
TypeScript

import type {ReactNode} from 'react';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import Heading from '@theme/Heading';
import styles from './index.module.css';
const areas = [
['User Tutorial', '/tutorial/', 'Navigate the first 3D architecture model.'],
['Scope', '/scope/', 'Understand product intent and the POC boundary.'],
['Architecture', '/architecture/', 'See the browser POC shape and responsibilities.'],
['Kanban', '/kanban/', 'Open the Board, then review current Focus.'],
['Ways Of Working', '/ways-of-working/', 'Follow team and delivery practices.'],
['Engineering', '/engineering/', 'Prepare the implementation path.'],
['Glossary', '/glossary/', 'Start with shared Terms and project language.'],
] as const;
const marker = '3DARCH-PORTAL-KICKOFF-2026-08-31';
export default function Home(): ReactNode {
return <Layout title="Home" description="3D Architecture Wizzard project documentation portal">
<main data-deployment-marker={marker}>
<section className={styles.hero}>
<div className="container">
<p className={styles.eyebrow}>KICKOFF · {marker}</p>
<Heading as="h1">Architecture you can walk through.</Heading>
<p className={styles.lede}>3D Architecture Wizzard is an interactive 3D application for exploring, designing, and communicating software and system architecture.</p>
<div className={styles.actions}><Link className="button button--primary button--lg" to="/tutorial/">Start the tutorial</Link><Link className="button button--secondary button--lg" to="/architecture/">Explore architecture</Link></div>
</div>
</section>
<section className={styles.snapshot} aria-labelledby="delivery-heading"><div className="container">
<Heading as="h2" id="delivery-heading">Initial delivery snapshot</Heading>
<div className={styles.facts}>
<article><span>Status</span><strong>Kickoff</strong><p>Foundation portal and browser POC definition.</p></article>
<article><span>Initial deliverable</span><strong>Navigable browser POC</strong><p>Visualize one architecture model in interactive 3D.</p></article>
<article><span>Lead / team</span><strong>Linas · 3darch team</strong><p>Product direction, architecture, and delivery.</p></article>
</div>
</div></section>
<section className={styles.areas} aria-labelledby="areas-heading"><div className="container">
<Heading as="h2" id="areas-heading">Project documentation</Heading>
<div className={styles.grid}>{areas.map(([label,to,description], index)=><Link className={styles.card} to={to} key={to}><span>{String(index+1).padStart(2,'0')}</span><Heading as="h3">{label}</Heading><p>{description}</p><b>Open area →</b></Link>)}</div>
</div></section>
<section className={styles.links} aria-labelledby="links-heading"><div className="container">
<Heading as="h2" id="links-heading">Work with the project</Heading>
<div className={styles.linkRow}>
<a href="https://gitea.lego-cloud.eu/corp-v1-3darch/corp-v1-3darch">Application repository ↗</a>
<a href="https://pages.apps.lego-cloud.eu/corp-v1/portal/projects/3darch/">Board record ↗</a>
<a href="https://gitea.lego-cloud.eu/corp-v1-3darch/corp-v1-3darch-documentation/src/branch/test/README.md">README ↗</a>
<a href="https://gitea.lego-cloud.eu/corp-v1-3darch-skills-code-agent/documentation-docusaurus--3darch">Project skill ↗</a>
</div>
</div></section>
</main>
</Layout>;
}