From 9f16f893388a243e2ea530aaa6335f603b91d0e2 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Tue, 18 Nov 2025 17:27:42 +0330
Subject: [PATCH] feat: Update amount display for EU Public market and
 conditionally show 'Trillion'

---
 app/(home)/page.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx
index b4c6da2..ee7e5bd 100644
--- a/app/(home)/page.tsx
+++ b/app/(home)/page.tsx
@@ -24,7 +24,7 @@ export default function Home() {
   const advItems = [
     {
       title: "EU Public market.",
-      amount: "€2 Trillion",
+      amount: "€2",
       description:
         "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>
       </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">
-        {advItems.map((item) => (
+        {advItems.map((item, index) => (
           <article
             key={item.title}
             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]">
               {item.title}
             </h3>