From da539a5e553b4fc83c78e426501c77b25a0e23b7 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 17 Nov 2025 16:12:31 +0100
Subject: [PATCH] refactor: replace Small with Eyebrow component in CloudPros
 intro section

- Changed import from Small to Eyebrow for consistent typography
- Updated "Cloud Advantages" text to use Eyebrow component instead of Small
---
 src/pages/cloud/CloudPros.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/cloud/CloudPros.tsx b/src/pages/cloud/CloudPros.tsx
index 21c5abf..2b1aff9 100644
--- a/src/pages/cloud/CloudPros.tsx
+++ b/src/pages/cloud/CloudPros.tsx
@@ -1,4 +1,4 @@
-import { H3, P, Small } from "@/components/Texts";
+import { H3, P, Eyebrow } from "@/components/Texts";
 
 const highlights = [
   {
@@ -37,9 +37,9 @@ export function CloudPros() {
       {/* Intro Block */}
       <div className="bg-[#FDFDFD] w-full max-w-7xl mx-auto border border-t-0 border-b-0 border-gray-100">
         <div className="px-8 py-12 max-w-4xl">
-          <Small className="uppercase tracking-[0.16em] text-cyan-600">
+          <Eyebrow className="uppercase tracking-[0.16em] text-cyan-600">
             Cloud Advantages
-          </Small>
+          </Eyebrow>
 
           <H3 className="mt-4  text-black">
             Why It’s Different