This commit is contained in:
2025-08-14 12:56:26 +02:00
parent 3657932051
commit 0310ecfb31
16 changed files with 5641 additions and 373 deletions

View File

@@ -2,6 +2,7 @@
import CountUp from "react-countup";
import React from "react";
import { Button } from "./Button";
export function Dashboard() {
return (
@@ -18,7 +19,7 @@ export function Dashboard() {
<p className="mt-4 sm:mt-6 text-sm font-light text-pretty text-white lg:text-base">
ThreeFolds groundbreaking technology enables anyone individuals, organizations, and communities to deploy their own Internet infrastructure.
</p>
<button className="mt-6" variant="primary" color="transparent" href="https://threefold.io/build" >Explore TFGrid </button>
<Button className="mt-6" variant="solid" color="gradient" href="https://threefold.io/build" >Explore TFGrid </Button>
</div>

View File

@@ -6,7 +6,6 @@ import { Container } from '@/components/Container'
import { TextField } from '@/components/Fields'
import { Logomark } from '@/components/Logo'
import { NavLinks } from '@/components/NavLinks'
import qrCode from '@/images/qr-code.svg'
function QrCodeBorder(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
@@ -37,23 +36,6 @@ export function Footer() {
<NavLinks />
</nav>
</div>
<div className="group relative -mx-4 flex items-center self-stretch p-4 transition-colors hover:bg-gray-800 sm:self-auto sm:rounded-2xl lg:mx-0 lg:self-auto lg:p-6">
<div className="relative flex h-24 w-24 flex-none items-center justify-center">
<QrCodeBorder className="absolute inset-0 h-full w-full stroke-gray-600 transition-colors group-hover:stroke-cyan-500" />
<Image src={qrCode} alt="" unoptimized />
</div>
<div className="ml-8 lg:w-64">
<p className="text-base font-semibold text-white">
<Link href="#">
<span className="absolute inset-0 sm:rounded-2xl" />
Download the app
</Link>
</p>
<p className="mt-1 text-sm text-gray-300">
Scan the QR code to download the app from the App Store.
</p>
</div>
</div>
</div>
<div className="flex flex-col items-center border-t border-gray-700 pt-8 pb-12 md:flex-row-reverse md:justify-between md:pt-6">
<form className="flex w-full justify-center md:w-auto">

View File

@@ -516,7 +516,11 @@ function FeaturesMobile() {
{features.map((feature, featureIndex) => (
<div
key={featureIndex}
ref={(ref) => ref && (slideRefs.current[featureIndex] = ref)}
ref={(ref) => {
if (ref) {
slideRefs.current[featureIndex] = ref
}
}}
className="w-full flex-none snap-center px-4 sm:px-6"
>
<div className="relative transform overflow-hidden rounded-2xl bg-gray-800 px-5 py-6">

View File

@@ -2,7 +2,7 @@
import React from "react";
import { cn } from "@/lib/utils";
import { Spotlight } from "@/components/ui/spotlight";
import { Spotlight } from "@/components/ui/Spotlight";
import { Logomark } from "@/components/Logo";
import { Button } from "@/components/Button";

View File

@@ -1,6 +1,7 @@
"use client";
import { StackedCubes } from "@/components/ui/StackedCubes";
import { Button } from "@/components/Button";
export function StackSectionPreview() {
@@ -19,7 +20,7 @@ export function StackSectionPreview() {
<p className="mt-4 sm:mt-6 text-sm font-light text-pretty text-white lg:text-base">
We have built a foundational platform that runs directly on bare metal, offering a scalable solution focused on the essential building blocks of the Internet and Cloud: compute, data, and network.
</p>
<button className="mt-4" variant="primary" color="transparent" href="https://threefold.io/build" >Discover How It Works </button>
<Button className="mt-4" variant="solid" color="gradient" href="https://threefold.io/build" >Discover How It Works </Button>
</div>
{/* Right Column - Stacked Cubes (2/3 width) */}