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

add icons

Browse Source
This commit is contained in:
sasha-astiadi 2025-08-07 17:33:28 +02:00
parent f63e3229c7
commit 3657932051
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Apps.tsx
View File

@ -4,6 +4,7 @@ import React from "react";
import Image from 'next/image' import Image from 'next/image'
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import Algorand from '@/images/logos/algorand.svg' import Algorand from '@/images/logos/algorand.svg'
import Casperlabs from '@/images/logos/casperlabs.svg' import Casperlabs from '@/images/logos/casperlabs.svg'
import Discourse from '@/images/logos/discourse.svg' import Discourse from '@/images/logos/discourse.svg'

17
src/components/Farmer.tsx
View File

@ -2,6 +2,10 @@
import { Button } from "./Button"; import { Button } from "./Button";
import Image from "next/image"; import Image from "next/image";
import { CpuChipIcon } from "@heroicons/react/24/solid";
import { CircleStackIcon } from "@heroicons/react/24/solid";
import { CurrencyDollarIcon } from "@heroicons/react/24/solid";
const posts = [ const posts = [
{ {
id: 1, id: 1,
@ -12,6 +16,7 @@ const posts = [
description2: '', description2: '',
imageUrl: imageUrl:
'./images/3nodes.png', './images/3nodes.png',
icon: <CpuChipIcon className="h-6 w-6 text-white" />,
}, },
{ {
id: 2, id: 2,
@ -21,6 +26,7 @@ const posts = [
description2: '', description2: '',
imageUrl: imageUrl:
'./images/capacity.png', './images/capacity.png',
icon: <CircleStackIcon className="h-6 w-6 text-white" />,
}, },
{ {
id: 3, id: 3,
@ -31,6 +37,7 @@ const posts = [
description2: '', description2: '',
imageUrl: imageUrl:
'./images/rewards.png', './images/rewards.png',
icon: <CurrencyDollarIcon className="h-6 w-6 text-white" />,
}, },
] ]
@ -77,12 +84,10 @@ export function FarmerPreview() {
}} }}
> >
</div> </div>
<h3 className="mt-12 text-lg/6 font-semibold text-white"> <div className="mt-12 flex items-start gap-x-3 text-lg/6 font-semibold text-white">
<a href={post.href}> {post.icon}
<span className="absolute inset-10" /> {post.title}
{post.title} </div>
</a>
</h3>
< div className="max-w-2/3"> < div className="max-w-2/3">
<p className="mt-4 text-sm font-light text-gray-700">{post.description1}</p> <p className="mt-4 text-sm font-light text-gray-700">{post.description1}</p>
<p className=" text-sm font-light text-gray-700">{post.description2}</p> <p className=" text-sm font-light text-gray-700">{post.description2}</p>