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

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>