refactor: reorder compute page sections and simplify use cases heading

- Moved ComputeArchitecture and ComputeUseCases sections earlier in the page flow
- Updated use cases section heading to be more concise
- Removed descriptive paragraph from use cases section
This commit is contained in:
2025-11-05 12:20:49 +01:00
parent 2bd3026bac
commit c25f6aaba6
3 changed files with 8 additions and 24 deletions

View File

@@ -32,7 +32,7 @@ Both use the same deterministic execution fabric.
variant="outline" variant="outline"
color="white" color="white"
> >
Host Compute Node Host A Node
</Button> </Button>
</div> </div>
</div> </div>

View File

@@ -11,6 +11,7 @@ import { CallToAction } from './CallToAction'
import { ComputeCapabilities } from './ComputeCapabilities' import { ComputeCapabilities } from './ComputeCapabilities'
import { ComputeDesign } from './ComputeDesign' import { ComputeDesign } from './ComputeDesign'
export default function ComputePage() { export default function ComputePage() {
return ( return (
<div> <div>
@@ -26,30 +27,18 @@ export default function ComputePage() {
<ComputeDesign /> <ComputeDesign />
</AnimatedSection> </AnimatedSection>
<AnimatedSection>
<ComputeArchitecture />
</AnimatedSection>
<AnimatedSection> <AnimatedSection>
<ComputeFeatures /> <ComputeFeatures />
</AnimatedSection> </AnimatedSection>
<AnimatedSection>
<ComputeOverview />
</AnimatedSection>
<AnimatedSection>
<ComputeZeroImage />
</AnimatedSection>
<AnimatedSection>
<ComputeArchitecture />
</AnimatedSection>
<AnimatedSection>
<ComputeDeveloperExperience />
</AnimatedSection>
<AnimatedSection> <AnimatedSection>
<ComputeUseCases /> <ComputeUseCases />
</AnimatedSection> </AnimatedSection>
<AnimatedSection>
<ComputeDifferentiators />
</AnimatedSection>
<AnimatedSection> <AnimatedSection>
<CallToAction /> <CallToAction />
</AnimatedSection> </AnimatedSection>

View File

@@ -28,13 +28,8 @@ export function ComputeUseCases() {
Use Cases Use Cases
</Eyebrow> </Eyebrow>
<SectionHeader as="h2" color="light" className="mt-6"> <SectionHeader as="h2" color="light" className="mt-6">
Purpose-built for reproducibility, security, and scale. Built for Serious Workloads
</SectionHeader> </SectionHeader>
<P color="lightSecondary" className="mt-6">
From sovereign AI training loops to globally distributed
applications, Mycelium Compute keeps environments verifiable and
self-orchestrating so teams can focus on building.
</P>
</div> </div>
<div className="mx-auto mt-16 max-w-4xl space-y-6"> <div className="mx-auto mt-16 max-w-4xl space-y-6">