+
+ 
-
-
-
-
-
-
+
+
+
+
+
+ {step}
-
+
+
+ );
+}
+
+type AdditionalFeatureCard = {
+ title: string;
+ description: ReactNode;
+ icon: ReactNode;
+ iconClassName: string;
+};
+
+const additionalFeatureCards: AdditionalFeatureCard[] = [
+ {
+ title: "Collections & networks",
+ description:
+ "Group individual zones into networks that can be analyzed together, supporting comprehensive planning and MPA network design.",
+ icon: + {title} +
+
+ {children}
+
+
+
+
+
+
+
+
+
-
- SeaSketch use case
+
+
+
+
+ Sketching and Analysis
-
- {sketchingAndAnalysisUseCase.title}
+
-
- {sketchingAndAnalysisUseCase.title}
+
+ Draw zones, run reports,{" "}
+
+ iterate
+
-
- {sketchingAndAnalysisUseCase.summary} +
+ SeaSketch enables collaborative and inclusive marine spatial + planning with easy-to-use scenario design and analysis tools.
+
- {sketchingAndAnalysisUseCase.bullets.map((bullet) => (
+
+
+
+ {/* Feature rows */}
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Closing CTA */}
+
+
diff --git a/packages/client/src/homepage/useCases/UseCaseHelmet.tsx b/packages/client/src/homepage/useCases/UseCaseHelmet.tsx
new file mode 100644
index 000000000..00c3c00bc
--- /dev/null
+++ b/packages/client/src/homepage/useCases/UseCaseHelmet.tsx
@@ -0,0 +1,14 @@
+/* eslint-disable i18next/no-literal-string */
+import SiteHelmet from "../SiteHelmet";
+import { UseCaseDefinition } from "./useCaseDefs";
+
+export default function UseCaseHelmet({ useCase }: { useCase: UseCaseDefinition }) {
+ return (
+
+
+
+
+
+
+
+ + Design tools for everyone +
+
+
+ + Our sketching tools were built for truly participatory + planning—not just GIS for specialists. Users can draw + polygons, lines, or points directly on the map, then refine + vertices with intuitive editing controls. +
++ SeaSketch can automatically clip sketches to shorelines, EEZ + boundaries, or other project geographies as soon as editing + finishes, so proposals meet project requirements and are ready + for analysis. Attribute forms can be tied to sketches to + capture details such as allowed uses, designation type, or + facility capacity. +
++ Each user maintains a personal workspace to draft ideas before + sharing them with the group. Finished sketches and networks + can be exported for use in desktop GIS workflows if needed. +
+
+
+
+
+
+
+ + Immediate analytical feedback +
+
+
+ + Analytical reports provide instant feedback on each sketch, + summarizing overlap with habitats, human uses, ecosystem + services, and other key metrics defined by project + administrators. You can set targets and thresholds to assess + proposals against planning objectives. Every stakeholder + accesses the same set of tools to evaluate proposals, + promoting transparency and fairness throughout the process. +
++ Participatory planning is stressful enough without waiting in + a workshop for slow, buggy, or manual analysis. Our{" "} + overlay-engine starts in the + background and runs report calculations across hundreds of + workers in parallel, so results are available almost + immediately after sketching. Reports update as sketches are + refined, supporting rapid iteration during workshops and + online collaboration. +
+
+
+
+
+
+
+ 
+
+
-
+
+ - {bullet} -
-
- Placeholder content for this section can be expanded with
- examples, screenshots, and customer stories.
+
+
+
+
+
+
+
+
+ + Collaborative planning +
+
+
- ))}
+ + Discussion forums connect sketching and analysis to the + conversations that shape decisions. Participants share + proposals, attach sketches, and bookmark exact map views so + others can see the same context—basemap, layers, zoom, and + sketches included. +
++ Reviewers can toggle shared sketches on the map, generate + reports on attached proposals, and reply with refined + alternatives. Access controls let administrators run public + consultations alongside closed working groups. +
++ Forum threads become a living record of how plans evolve. + There are SeaSketch threads detailing conversations that led + to MPA network designs{" "} + + from over a decade ago + + , complete with draft sketches.
+
-
+
-
+
+
+ {/* Additional features + links */}
+ - Page draft placeholder -
-- This page is ready to be fleshed out with detailed positioning, - visuals, feature walkthroughs, and calls to action for this - SeaSketch use case. -
+ {/* How does it work? */} +
+
+
+
+
+
+
+ How does it work?
+
+ + From project setup to instant reports +
++ Administrators configure the building blocks—geographies, sketch + classes, and reports—then participants sketch and analyze + scenarios in a structured, customizable workflow. +
+ +
+
+
+
+
+
+
+
+
+
+ + When creating a project, choose a planning geography such as + an Exclusive Economic Zone. +
++ Additional geographies can be added later to represent areas + such as territorial seas, bioregions, or administrative + boundaries. These can be used to summarize statistics in + reports. +
++ Sketch classes define the zone types participants can draw— + Marine Protected Areas, renewable energy sites, aquaculture + areas, and more. Each class specifies the geometry type and + attribute forms. +
++ SeaSketch can clip sketches to your project's geographies, + including removing land from marine zones. +
++ Author custom reports using a rich-text editor. Embed + visualizations of metrics calculated from spatial data + uploaded to your project. Set goals and objectives, report + progress toward targets, and calculate levels of protection. +
++ Reports use the latest versions of referenced data and match + cartographic styles. +
+
+
+
+
+ + Additional Features +
+ +
+ {additionalFeatureCards.map((card) => (
+
+
+ {card.icon}
+
+
+ ))}
+
+ + {card.title} +
++ {card.description} +
+
+
+
+
+
+
+ Ready to start planning? +
++ Create a free project, configure sketch classes, and start + iterating. +
+