@@ -65,15 +65,13 @@ export const ThreeTierPricing = () => {
6565 < Box >
6666 < VStack gap = { 2 } textAlign = "center" >
6767 < Heading as = "h2" fontSize = "4xl" id = "pricing" >
68- Plans that fit your organization
68+ { t ( "plansThatFitYourOrganization" ) }
6969 </ Heading >
7070 < Text fontSize = "lg" color = { "gray.500" } >
71- Start with 3 month free trial. No credit card needed. Cancel at
72- anytime.
71+ { t ( "freeTrialDescription" ) }
7372 </ Text >
7473 < Text fontSize = "lg" color = { "gray.500" } >
75- Predictable pricing. No hidden fees. No usage fees or pricing per
76- employee.
74+ { t ( "predictablePricing" ) }
7775 </ Text >
7876 </ VStack >
7977 < Stack
@@ -101,12 +99,12 @@ export const ThreeTierPricing = () => {
10199 fontWeight = "600"
102100 rounded = "xl"
103101 >
104- Easiest to start
102+ { t ( "easiestToStart" ) }
105103 </ Text >
106104 </ Box >
107105 < Box py = { 4 } px = { 12 } >
108106 < Text fontWeight = "500" fontSize = "2xl" >
109- Starter
107+ { t ( "starter" ) }
110108 </ Text >
111109 < HStack justifyContent = "center" >
112110 < Text fontSize = "3xl" fontWeight = "600" >
@@ -116,11 +114,11 @@ export const ThreeTierPricing = () => {
116114 10
117115 </ Text >
118116 < Box fontSize = "xl" color = "gray.500" >
119- per 10 users/month
117+ { t ( "per10UsersMonth" ) }
120118 </ Box >
121119 </ HStack >
122120 < Text color = { "gray.300" } fontSize = { "sm" } >
123- Taxes might apply additionally
121+ { t ( "taxesMightApplyAdditionally" ) }
124122 </ Text >
125123 </ Box >
126124 < VStack bg = { highlightedBgColor } py = { 4 } borderBottomRadius = { "xl" } >
@@ -134,19 +132,19 @@ export const ThreeTierPricing = () => {
134132 listStyleType = "circle"
135133 >
136134 < PricingFeatureListItem >
137- Create up to 10 offices
135+ { t ( "createUpTo10Offices" ) }
138136 </ PricingFeatureListItem >
139137 < PricingFeatureListItem >
140- Upload up to 50 floors
138+ { t ( "uploadUpTo50Floors" ) }
141139 </ PricingFeatureListItem >
142140 < PricingFeatureListItem >
143- Invite up to 200 colleagues
141+ { t ( "inviteUpTo200Colleagues" ) }
144142 </ PricingFeatureListItem >
145143 < PricingFeatureListItem >
146- Desk scheduling
144+ { t ( "deskScheduling" ) }
147145 </ PricingFeatureListItem >
148146 < PricingFeatureListItem >
149- Invitation templates
147+ { t ( "invitationTemplates" ) }
150148 </ PricingFeatureListItem >
151149 < Separator role = "presentation" />
152150 < Box
@@ -161,11 +159,11 @@ export const ThreeTierPricing = () => {
161159 color = { "gray.400" }
162160 fontWeight = { "semibold" }
163161 >
164- Coming soon
162+ { t ( "comingSoon" ) }
165163 </ Heading >
166164 </ Box >
167165 < PricingFeatureListItem mode = { "coming-soon" } >
168- Basic Workplace Analytics
166+ { t ( "basicWorkplaceAnalytics" ) }
169167 </ PricingFeatureListItem >
170168 </ Box >
171169 </ List . Root >
@@ -186,7 +184,7 @@ export const ThreeTierPricing = () => {
186184 // }}
187185 >
188186 < NextLink href = { "/api/auth/signin" } >
189- Start desk scheduling
187+ { t ( "startDeskScheduling" ) }
190188 </ NextLink >
191189 </ Button >
192190
@@ -201,11 +199,11 @@ export const ThreeTierPricing = () => {
201199 } }
202200 >
203201 < NextLink href = { "/api/auth/signin" } >
204- Start a free trial
202+ { t ( "startFreeTrial" ) }
205203 </ NextLink >
206204 </ Button >
207205 < Text fontSize = { "xs" } color = { "gray.500" } >
208- Limited capabilities, no credit card required
206+ { t ( "limitedCapabilitiesNoCreditCardRequired" ) }
209207 </ Text >
210208 </ VStack >
211209 </ VStack >
@@ -217,7 +215,7 @@ export const ThreeTierPricing = () => {
217215 < Box position = "relative" >
218216 < Box py = { 4 } px = { 12 } >
219217 < Text fontWeight = "500" fontSize = "2xl" >
220- Large companies
218+ { t ( "largeCompanies" ) }
221219 </ Text >
222220 < Text fontWeight = "500" > { ">" } 200 employees</ Text >
223221 < HStack justifyContent = "center" >
@@ -228,11 +226,11 @@ export const ThreeTierPricing = () => {
228226 5
229227 </ Text >
230228 < Text fontSize = "xl" color = "gray.500" >
231- per 10 users/month
229+ { t ( "per10UsersMonth" ) }
232230 </ Text >
233231 </ HStack >
234232 < Text color = { "gray.300" } fontSize = { "sm" } >
235- Taxes might apply additionally
233+ { t ( "taxesMightApplyAdditionally" ) }
236234 </ Text >
237235 </ Box >
238236 < VStack bg = { notHighlightedBgColor } py = { 4 } borderBottomRadius = { "xl" } >
@@ -246,16 +244,16 @@ export const ThreeTierPricing = () => {
246244 listStyleType = "circle"
247245 >
248246 < PricingFeatureListItem >
249- Create unlimited offices
247+ { t ( "createUnlimitedOffices" ) }
250248 </ PricingFeatureListItem >
251249 < PricingFeatureListItem >
252- Upload unlimited floors
250+ { t ( "uploadUnlimitedFloors" ) }
253251 </ PricingFeatureListItem >
254252 < PricingFeatureListItem >
255- Invite unlimited colleagues
253+ { t ( "inviteUnlimitedColleagues" ) }
256254 </ PricingFeatureListItem >
257255 < PricingFeatureListItem >
258- Desk scheduling
256+ { t ( "deskScheduling" ) }
259257 </ PricingFeatureListItem >
260258 < Separator role = "presentation" />
261259 < Box
@@ -270,17 +268,17 @@ export const ThreeTierPricing = () => {
270268 color = { "gray.400" }
271269 fontWeight = { "semibold" }
272270 >
273- Coming soon
271+ { t ( "comingSoon" ) }
274272 </ Heading >
275273 </ Box >
276274 < PricingFeatureListItem mode = { "coming-soon" } comingSoon >
277- Advanced workplace analytics
275+ { t ( "advancedWorkplaceAnalytics" ) }
278276 </ PricingFeatureListItem >
279277 < PricingFeatureListItem mode = { "coming-soon" } comingSoon >
280- Slack integration
278+ { t ( "slackIntegration" ) }
281279 </ PricingFeatureListItem >
282280 < PricingFeatureListItem mode = { "coming-soon" } comingSoon >
283- Monthly email reports
281+ { t ( "monthlyEmailReports" ) }
284282 </ PricingFeatureListItem >
285283 </ Box >
286284 </ List . Root >
@@ -301,7 +299,7 @@ export const ThreeTierPricing = () => {
301299 target = "_blank"
302300 href = { "https://calendar.app.google/N3vdeHJkt452xi2XA" }
303301 >
304- Schedule a demo
302+ { t ( "scheduleADemo" ) }
305303 </ NextLink >
306304 </ Button >
307305
@@ -314,7 +312,9 @@ export const ThreeTierPricing = () => {
314312 textDecoration : "none" ,
315313 } }
316314 >
317- < NextLink href = { "/api/auth/signin" } > Subscribe</ NextLink >
315+ < NextLink href = { "/api/auth/signin" } >
316+ { t ( "subscribe" ) }
317+ </ NextLink >
318318 </ Button >
319319 </ VStack >
320320 </ VStack >
@@ -323,7 +323,7 @@ export const ThreeTierPricing = () => {
323323 < PriceWrapper >
324324 < Box py = { 4 } px = { 12 } >
325325 < Text fontWeight = "500" fontSize = "2xl" >
326- Enterprise
326+ { t ( "enterprise" ) }
327327 </ Text >
328328 < VStack paddingY = { 1 } >
329329 < Box >
@@ -333,7 +333,7 @@ export const ThreeTierPricing = () => {
333333 fontWeight = { "normal" }
334334 as = { "p" }
335335 >
336- Tailored to your needs.
336+ { t ( "tailoredToYourNeeds" ) }
337337 </ Text >
338338 </ Box >
339339 < Button
@@ -352,7 +352,7 @@ export const ThreeTierPricing = () => {
352352 "mailto:[email protected] ?subject=workplacify enterprise" 353353 }
354354 >
355- Contact us
355+ { t ( "contactUs" ) }
356356 </ NextLink >
357357 </ Button >
358358 </ VStack >
@@ -368,17 +368,17 @@ export const ThreeTierPricing = () => {
368368 listStyleType = "circle"
369369 >
370370 < PricingFeatureListItem >
371- Create unlimited offices
371+ { t ( "createUnlimitedOffices" ) }
372372 </ PricingFeatureListItem >
373373 < PricingFeatureListItem >
374- Upload unlimited floors
374+ { t ( "uploadUnlimitedFloors" ) }
375375 </ PricingFeatureListItem >
376- < PricingFeatureListItem > SSO </ PricingFeatureListItem >
376+ < PricingFeatureListItem > { t ( "sso" ) } </ PricingFeatureListItem >
377377 < PricingFeatureListItem >
378- Self-Hosting support
378+ { t ( "selfHostingSupport" ) }
379379 </ PricingFeatureListItem >
380380 < PricingFeatureListItem >
381- Workplacify creates your floor plans
381+ { t ( "floorPlans" ) }
382382 </ PricingFeatureListItem >
383383 < Separator role = "presentation" />
384384 < Box
@@ -393,14 +393,14 @@ export const ThreeTierPricing = () => {
393393 color = { "gray.400" }
394394 fontWeight = { "semibold" }
395395 >
396- Coming soon
396+ { t ( "comingSoon" ) }
397397 </ Heading >
398398 </ Box >
399399 < PricingFeatureListItem mode = { "coming-soon" } comingSoon >
400- 25+ communication templates
400+ { t ( "twentyFivePlusCommunicationTemplates" ) }
401401 </ PricingFeatureListItem >
402402 < PricingFeatureListItem mode = { "coming-soon" } comingSoon >
403- custom SSO providers
403+ { t ( "customSsoProviders" ) }
404404 </ PricingFeatureListItem >
405405 </ Box >
406406 </ List . Root >
@@ -420,7 +420,7 @@ export const ThreeTierPricing = () => {
420420 "mailto:[email protected] ?subject=Workplacify inquiry" 421421 }
422422 >
423- Contact Us
423+ { t ( "contactUs" ) }
424424 </ NextLink >
425425 </ Button >
426426 </ Box >
0 commit comments