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
This commit is contained in:
2025-11-17 16:12:31 +01:00
parent b7e003a680
commit da539a5e55

View File

@@ -1,4 +1,4 @@
import { H3, P, Small } from "@/components/Texts"; import { H3, P, Eyebrow } from "@/components/Texts";
const highlights = [ const highlights = [
{ {
@@ -37,9 +37,9 @@ export function CloudPros() {
{/* Intro Block */} {/* 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="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"> <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 Cloud Advantages
</Small> </Eyebrow>
<H3 className="mt-4 text-black"> <H3 className="mt-4 text-black">
Why Its Different Why Its Different