feat: enhance homepage with smooth scroll navigation

- Added scroll-to-slider functionality when clicking "Get Started" button
- Modified AnimatedSection to support ref forwarding for scroll targeting
- Updated HomeAurora component to accept click handler prop
- Refined homepage hero text and description for clearer value proposition
- Changed button from link to click handler for better user interaction
This commit is contained in:
2025-11-01 21:08:42 +01:00
parent 51ef8dffb5
commit 3564b5cb0f
3 changed files with 22 additions and 10 deletions

View File

@@ -2,7 +2,7 @@ import { H1, H5 } from "@/components/Texts"
import { Button } from "@/components/Button"
export function HomeAurora() {
export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => void }) {
return (
<div
className="relative bg-cover sm:bg-contain bg-right bg-no-repeat"
@@ -16,22 +16,24 @@ export function HomeAurora() {
Anim aute id magna aliqua ad ad non deserunt sunt.{' '}
<a href="#" className="font-semibold whitespace-nowrap text-cyan-600">
<span aria-hidden="true" className="absolute inset-0" />
Read more <span aria-hidden="true">&rarr;</span>
Read more <span aria-hidden="trwhenue">&rarr;</span>
</a>
</div>
</div>
<H1 className="mt-8">
Full Sovereignty for Cloud, Network & AI.
The Sovereign Agentic Cloud
</H1>
<H5 className="mt-8 text-lg text-gray-600">
Build and run mission-critical workloads on distributed compute, encrypted networking, and sovereign AI orchestration without centralized gatekeepers.
A global, self-healing network you can join.
Host nodes, deploy workloads, or build private AI systems,
all on infrastructure you own and control.
</H5>
<div className="mt-10 flex items-center gap-x-6">
<Button
to="#"
variant="solid"
className=""
color="cyan"
onClick={onGetStartedClick}
>
Get started
</Button>