ourworld_web/www_threefold_2025
23
0
Fork 0
forked from ourworld_web/www_engage_os
Code Pull Requests Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-06 17:03:14 +02:00
parent 8f54a11b1e
commit b9b2148417
2 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(main)/page.tsx
View File

@@ -13,6 +13,7 @@ import { StackSectionPreview } from '@/components/StackSection'
import GlobeDemo from '@/components/GlobeDemo'
import { Dashboard } from '@/components/Dashboard'
import { AppsPreview } from '@/components/Apps'
import { FarmerPreview } from '@/components/Farmer'
export default function Home() {
@@ -21,7 +22,9 @@ export default function Home() {
<SpotlightPreview />
<StackSectionPreview />
<Dashboard />
<FarmerPreview />
<AppsPreview />
</>
)
}

30
src/components/Farmer.tsx Normal file
View File

@@ -0,0 +1,30 @@
"use client";
import { Button } from "./Button";
export function FarmerPreview() {
return (
<section className="w-full bg-transparent px-4 py-8 sm:px-6 sm:pb-12 lg:px-8 relative">
{/* Gradient Blob Component */}
<div className="absolute w-[400px] h-[200px] bg-gradient-to-br from-[#505050] to-[#7e7e7e] opacity-40 rounded-full blur-[150px] bottom-[200px] left-[-150px] z-0" />
<div className="absolute w-[200px] h-[100px] bg-gradient-to-br from-[#505050] to-[#7e7e7e] opacity-50 rounded-full blur-[150px] top-[200px] right-[-150px] z-0" />
<div className="mx-auto max-w-7xl">
<div className="lg:flex lg:items-center lg:justify-between lg:px-8">
{/* Left Column - Text (1/3 width) */}
<div className="lg:col-span-1 flex text-center lg:text-left order-1 lg:order-1">
<h2 className="text-xl sm:text-2xl font-semibold tracking-tight leading-tight text-white lg:text-3xl">
Contribute to the Decentralized Internet in 3 Steps
</h2>
</div>
{/* Right Column - Stacked Cubes (2/3 width) */}
<div className="lg:col-span-2 flex items-center justify-center lg:justify-start order-2 lg:order-2">
<Button variant="outline" className=" text-white px-4 py-2 rounded-md hover:bg-gray-700 transition-colors">
Become A Farmer
</Button>
</div>
</div>
</div>
</section>
);
}