@@ -38,6 +38,8 @@ import Walmart from "@/components/icons/enterprise/walmart.svg"
38
38
import WFP from "@/components/icons/enterprise/wfp.svg"
39
39
import MainArticle from "@/components/MainArticle"
40
40
import { ButtonLink } from "@/components/ui/buttons/Button"
41
+ import { Card } from "@/components/ui/card"
42
+ import { Skeleton , SkeletonLines } from "@/components/ui/skeleton"
41
43
42
44
import { cn } from "@/lib/utils/cn"
43
45
// import { dataLoader } from "@/lib/utils/data/dataLoader"
@@ -47,7 +49,6 @@ import { getMetadata } from "@/lib/utils/metadata"
47
49
import CasesColumn from "./_components/CasesColumn"
48
50
import FeatureCard from "./_components/FeatureCard"
49
51
import { ENTERPRISE_MAILTO } from "./constants"
50
- import SwiperHangerLoading from "./SwiperHangerLoading"
51
52
import type { Case , EcosystemPlayer , Feature } from "./types"
52
53
import { parseActivity } from "./utils"
53
54
@@ -57,13 +58,24 @@ import EthGlyph from "@/public/images/assets/svgs/eth-diamond-rainbow.svg"
57
58
import heroImage from "@/public/images/heroes/enterprise-hero-white.png"
58
59
59
60
const FeaturesSwiper = dynamic ( ( ) => import ( "./_components/FeaturesSwiper" ) , {
60
- // ssr: false,
61
- loading : ( ) => < SwiperHangerLoading /> ,
61
+ ssr : false ,
62
+ loading : ( ) => (
63
+ < Card className = "ms-4 w-[85vw] rounded-4xl border bg-background px-2 py-6" >
64
+ < Skeleton className = "mx-4 mb-6 size-16 rounded-xl" />
65
+ < Skeleton className = "mx-4 -mb-2 h-5 w-[85%]" />
66
+ < SkeletonLines noOfLines = { 7 } />
67
+ </ Card >
68
+ ) ,
62
69
} )
63
70
64
71
const CasesSwiper = dynamic ( ( ) => import ( "./_components/CasesSwiper" ) , {
65
- // ssr: false,
66
- loading : ( ) => < SwiperHangerLoading /> ,
72
+ ssr : false ,
73
+ loading : ( ) => (
74
+ < Card className = "ms-4 w-[85vw] space-y-1 rounded-4xl border bg-background px-2 py-6" >
75
+ < Skeleton className = "mx-4 h-5 w-[85%]" />
76
+ < SkeletonLines noOfLines = { 4 } />
77
+ </ Card >
78
+ ) ,
67
79
} )
68
80
69
81
// TODO: Switch back to this for cache and mock-data dev fallback
@@ -213,7 +225,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
213
225
className : "-translate-y-1.5" ,
214
226
} ,
215
227
{
216
- name : "EY " ,
228
+ name : "Ernst & Young Global Limited " ,
217
229
Logo : EY ,
218
230
className : "scale-105 origin-bottom -translate-y-1.5" ,
219
231
} ,
@@ -235,17 +247,17 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
235
247
{ name : "SAP" , Logo : SAP } ,
236
248
{ name : "Siemens" , Logo : Siemens , className : "text-[28px]" } ,
237
249
{ name : "Sony" , Logo : Sony , className : "text-[28px]" } ,
238
- { name : "Sothebys " , Logo : Sothebys , className : "translate-y-0.5" } ,
250
+ { name : "Sotheby's " , Logo : Sothebys , className : "translate-y-0.5" } ,
239
251
{ name : "Swarm" , Logo : Swarm , className : "-translate-y-1" } ,
240
- { name : "TMobile " , Logo : TMobile } ,
252
+ { name : "T-Mobile " , Logo : TMobile } ,
241
253
{
242
254
name : "Verizon" ,
243
255
Logo : Verizon ,
244
256
className : "text-[32px] -translate-y-px" ,
245
257
} ,
246
258
{ name : "Visa" , Logo : Visa } ,
247
259
{ name : "Walmart" , Logo : Walmart } ,
248
- { name : "WFP " , Logo : WFP } ,
260
+ { name : "World Food Programme " , Logo : WFP } ,
249
261
]
250
262
251
263
return (
0 commit comments