amirreza.jamali/tm-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update amount display for EU Public market and conditionally show 'Trillion'

Browse Source
This commit is contained in:
AmirReza Jamali
2025-11-18 17:27:42 +03:30
parent 5e842853e1
commit 9f16f89338
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(home)/page.tsx
+6 -3
View File
@@ -24,7 +24,7 @@ export default function Home() {
const advItems = [ const advItems = [
{ {
title: "EU Public market.", title: "EU Public market.",
amount: "€2 Trillion", amount: "€2",
description: description:
"The colossal market that only 15% of the value reaches SMEs. It's time to compete.", "The colossal market that only 15% of the value reaches SMEs. It's time to compete.",
}, },
@@ -90,11 +90,14 @@ export default function Home() {
</div> </div>
</section> </section>
<section className="flex flex-col gap-6 bg-gradient-to-b from-[#011132] to-[#012B80] text-white rounded-[56px] relative py-13 px-14 -mt-36 z-20 md:grid lg:grid-cols-3 lg:flex-row"> <section className="flex flex-col gap-6 bg-gradient-to-b from-[#011132] to-[#012B80] text-white rounded-[56px] relative py-13 px-14 -mt-36 z-20 md:grid lg:grid-cols-3 lg:flex-row">
{advItems.map((item) => ( {advItems.map((item, index) => (
<article <article
key={item.title} key={item.title}
className="flex flex-col gap-4 text-center items-center"> className="flex flex-col gap-4 text-center items-center">
<p className="font-black text-[90px] lg:text-7xl">{item.amount}</p> <p className="font-black text-[90px] lg:text-7xl">
{item.amount}
{index === 0 && <span className="text-2xl mx-2">Trillion</span>}
</p>
<h3 className="font-semibold lg:text-xl text-3xl capitalize text-[#99dde5]"> <h3 className="font-semibold lg:text-xl text-3xl capitalize text-[#99dde5]">
{item.title} {item.title}
</h3> </h3>