forked from emre/www_projectmycelium_com
refactor: update CTA buttons with external links and navigation improvements
- Changed "Deploy a Model" button in agents CallToAction to external link (myceliumcloud.tf) with target="_blank" - Updated "Host a Node" button path from /host to /nodes in agents and cloud CallToAction - Changed cloud CallToAction "Start Deploying" button to external link with target="_blank" - Updated CloudHeroNew buttons to external links for myceliumcloud.tf and docs - Removed onGetStartedClick handler from CloudHeroNew in
This commit is contained in:
@@ -52,7 +52,7 @@ export function CallToAction() {
|
||||
</P>
|
||||
|
||||
<div className="mt-10 flex flex-wrap justify-center items-center gap-x-6 gap-y-4">
|
||||
<Button to="/network" variant="solid" color="cyan">
|
||||
<Button to="/network#download" variant="solid" color="cyan">
|
||||
Join the Network
|
||||
</Button>
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { H3, H5, Eyebrow } from "@/components/Texts"
|
||||
import { Button } from "@/components/Button"
|
||||
|
||||
export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => void }) {
|
||||
export function HomeAurora() {
|
||||
return (
|
||||
<div className="px-4">
|
||||
{/* Boxed container */}
|
||||
@@ -24,13 +24,13 @@ export function HomeAurora({ onGetStartedClick }: { onGetStartedClick: () => voi
|
||||
|
||||
<div className="mt-8 flex items-center gap-x-6">
|
||||
<Button
|
||||
to="/nodes"
|
||||
variant="solid"
|
||||
color="cyan"
|
||||
onClick={onGetStartedClick}
|
||||
>
|
||||
Start Hosting
|
||||
</Button>
|
||||
<Button to="#" variant="outline">
|
||||
<Button to="/cloud" variant="outline">
|
||||
Deploy in Cloud →
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
|
||||
import { useRef } from 'react'
|
||||
import { AnimatedSection } from '../../components/AnimatedSection'
|
||||
import { CallToAction } from './CallToAction'
|
||||
import { HomeTab } from './HomeTab'
|
||||
@@ -11,15 +10,10 @@ import { HomeDesign } from './HomeDesign';
|
||||
|
||||
|
||||
export default function HomePage() {
|
||||
const sliderRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
const handleScrollToSlider = () => {
|
||||
sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AnimatedSection>
|
||||
<HomeAurora onGetStartedClick={handleScrollToSlider} />
|
||||
<HomeAurora />
|
||||
</AnimatedSection>
|
||||
|
||||
<AnimatedSection>
|
||||
|
||||
Reference in New Issue
Block a user