forked from emre/www_projectmycelium_com
sasha-astiadi
94f4e72e57
- Added new hero section alternatives for Agents, Cloud, Compute and GPU pages with modern visual layouts - Updated hero background images with new high-quality assets for better visual appeal - Replaced spinning animation heroes with full-width image + text split layouts - Added consistent styling across hero sections with left-aligned text and right-side hero images - Updated hero copy to focus on platform capabilities and value propositions - Replace
34 lines
1002 B
TypeScript
34 lines
1002 B
TypeScript
"use client";
|
|
|
|
import { H2, H5 } from "@/components/Texts";
|
|
import { ScrollDownArrow } from '@/components/ScrollDownArrow';
|
|
|
|
export function AgentsHeroAlt() {
|
|
return (
|
|
<div
|
|
style={{
|
|
backgroundImage: "url(/images/agentshero.png)",
|
|
backgroundSize: "cover",
|
|
backgroundPosition: "center",
|
|
}}
|
|
className="relative mx-auto flex min-h-screen flex-col items-center gap-6 px-4 pb-24 pt-[20vh] text-gray-800 lg:pb-0"
|
|
>
|
|
<div className="text-center -mt-5">
|
|
<H2>
|
|
<span className="">
|
|
Sovereign AI Agents, Coming Soon.
|
|
</span>
|
|
</H2>
|
|
</div>
|
|
<div className="max-w-4xl text-center font-light text-gray-500">
|
|
<H5>
|
|
Hero is the autonomous agent layer for the Mycelium platform—trusted, policy-aware AI that runs on infrastructure you control and remembers what matters.
|
|
</H5>
|
|
</div>
|
|
<div className="pt-6">
|
|
<ScrollDownArrow />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|