Skip to content

Commit 1bd90a3

Browse files
waleedlatif1waleedlatif1
committed
improvement(landing): use named type sizes on the integration and comparison pages
1 parent 74088e1 commit 1bd90a3

3 files changed

Lines changed: 31 additions & 31 deletions

File tree

‎apps/sim/app/(landing)/comparisons/[provider]/page.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -217,7 +217,7 @@ export default async function ComparisonProviderPage({
217217
<section aria-labelledby='better-than-heading' className='px-6 py-10'>
218218
<h2
219219
id='better-than-heading'
220-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
220+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em] lg:text-2xl'
221221
>
222222
Is Sim better than {competitor.name}?
223223
</h2>
@@ -270,7 +270,7 @@ export default async function ComparisonProviderPage({
270270
<section aria-labelledby='comparison-table-heading' className='px-6 pt-10 pb-4'>
271271
<h2
272272
id='comparison-table-heading'
273-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
273+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em] lg:text-2xl'
274274
>
275275
Sim vs {competitor.name}: feature-by-feature comparison
276276
</h2>
@@ -341,7 +341,7 @@ export default async function ComparisonProviderPage({
341341
<section aria-labelledby='bottom-line-heading' className='px-6 py-10'>
342342
<h2
343343
id='bottom-line-heading'
344-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
344+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em] lg:text-2xl'
345345
>
346346
Bottom line
347347
</h2>
@@ -362,7 +362,7 @@ export default async function ComparisonProviderPage({
362362
<section aria-labelledby='related-reading-heading'>
363363
<h2
364364
id='related-reading-heading'
365-
className='px-6 pt-10 pb-6 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
365+
className='px-6 pt-10 pb-6 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em] lg:text-2xl'
366366
>
367367
Related reading
368368
</h2>
@@ -380,7 +380,7 @@ export default async function ComparisonProviderPage({
380380
<section aria-labelledby='faq-heading' className='px-6 py-10'>
381381
<h2
382382
id='faq-heading'
383-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
383+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em] lg:text-2xl'
384384
>
385385
Frequently asked questions
386386
</h2>

‎apps/sim/app/(landing)/comparisons/components/comparison-links/comparison-links.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export function ComparisonLinks({ competitors }: ComparisonLinksProps) {
1111
<section aria-labelledby='comparison-links-heading'>
1212
<h2
1313
id='comparison-links-heading'
14-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
14+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em] lg:text-2xl'
1515
>
1616
Compare Sim
1717
</h2>

‎apps/sim/app/(landing)/integrations/(shell)/[slug]/page.tsx‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -559,16 +559,16 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
559559
<section aria-labelledby='overview-heading' className='px-6 py-10'>
560560
<h2
561561
id='overview-heading'
562-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
562+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
563563
>
564564
What Sim agents can do with {name}
565565
</h2>
566566
{overviewBody && (
567-
<p className='text-[15px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
567+
<p className='text-[var(--text-body)] text-base leading-[150%] tracking-[0.02em]'>
568568
{overviewBody}
569569
</p>
570570
)}
571-
<dl className='mt-6 grid grid-cols-2 gap-x-6 gap-y-4 text-[14px] sm:grid-cols-3 lg:grid-cols-5'>
571+
<dl className='mt-6 grid grid-cols-2 gap-x-6 gap-y-4 text-sm sm:grid-cols-3 lg:grid-cols-5'>
572572
{[
573573
{ term: 'Category', detail: categoryLabel },
574574
{ term: 'Authentication', detail: AUTH_LABEL[authType] },
@@ -603,11 +603,11 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
603603
<section aria-labelledby='install-heading' className='px-6 py-10'>
604604
<h2
605605
id='install-heading'
606-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
606+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
607607
>
608608
{landingContent.install.heading}
609609
</h2>
610-
<p className='mb-6 max-w-[700px] text-[15px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
610+
<p className='mb-6 max-w-[700px] text-[var(--text-body)] text-base leading-[150%] tracking-[0.02em]'>
611611
{landingContent.install.intro}
612612
</p>
613613
<ol className='space-y-4' aria-label={`Steps to add ${name}`}>
@@ -623,7 +623,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
623623
<h3 className='mb-1 text-[15px] text-[var(--text-primary)] tracking-[-0.02em]'>
624624
{item.title}
625625
</h3>
626-
<p className='text-[14px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
626+
<p className='text-[var(--text-body)] text-sm leading-[150%] tracking-[0.02em]'>
627627
{item.body}
628628
</p>
629629
</div>
@@ -644,11 +644,11 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
644644
<section aria-labelledby='privacy-heading' className='px-6 py-10'>
645645
<h2
646646
id='privacy-heading'
647-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
647+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
648648
>
649649
Privacy & data
650650
</h2>
651-
<p className='max-w-[700px] text-[15px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
651+
<p className='max-w-[700px] text-[var(--text-body)] text-base leading-[150%] tracking-[0.02em]'>
652652
{landingContent.privacy.body}{' '}
653653
<Link
654654
href={landingContent.privacy.href}
@@ -669,11 +669,11 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
669669
<section aria-labelledby='ai-disclaimer-heading' className='px-6 py-10'>
670670
<h2
671671
id='ai-disclaimer-heading'
672-
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
672+
className='mb-4 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
673673
>
674674
AI-generated content
675675
</h2>
676-
<p className='max-w-[700px] text-[15px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
676+
<p className='max-w-[700px] text-[var(--text-body)] text-base leading-[150%] tracking-[0.02em]'>
677677
{landingContent.aiDisclaimer}
678678
</p>
679679
</section>
@@ -685,7 +685,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
685685
<section aria-labelledby='how-it-works-heading' className='px-6 py-10'>
686686
<h2
687687
id='how-it-works-heading'
688-
className='mb-6 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
688+
className='mb-6 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
689689
>
690690
How to automate {name} with Sim
691691
</h2>
@@ -723,7 +723,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
723723
<h3 className='mb-1 text-[15px] text-[var(--text-primary)] tracking-[-0.02em]'>
724724
{title}
725725
</h3>
726-
<p className='text-[14px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
726+
<p className='text-[var(--text-body)] text-sm leading-[150%] tracking-[0.02em]'>
727727
{body}
728728
</p>
729729
</div>
@@ -752,12 +752,12 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
752752
</span>
753753
<h2
754754
id='triggers-heading'
755-
className='text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
755+
className='text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
756756
>
757757
{name} triggers
758758
</h2>
759759
</div>
760-
<p className='text-[14px] text-[var(--text-body)] leading-[150%] tracking-[0.02em]'>
760+
<p className='text-[var(--text-body)] text-sm leading-[150%] tracking-[0.02em]'>
761761
{seo?.triggersIntro ?? (
762762
<>
763763
Add {articleFor(name)} {name} trigger to a Sim agent and it starts a run
@@ -771,11 +771,11 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
771771
<div key={trigger.id}>
772772
<div className='flex items-start gap-4 px-6 py-4'>
773773
<div className='flex min-w-0 flex-1 flex-col gap-0.5'>
774-
<h3 className='text-[14px] text-[var(--text-primary)] leading-snug tracking-[-0.02em]'>
774+
<h3 className='text-[var(--text-primary)] text-sm leading-snug tracking-[-0.02em]'>
775775
{trigger.name}
776776
</h3>
777777
{trigger.description && (
778-
<p className='text-[12px] text-[var(--text-muted)] leading-[150%]'>
778+
<p className='text-[var(--text-muted)] text-caption leading-[150%]'>
779779
{trigger.description}
780780
</p>
781781
)}
@@ -793,7 +793,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
793793
<div className='px-6 pt-10 pb-4'>
794794
<h2
795795
id='templates-heading'
796-
className='mb-2 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
796+
className='mb-2 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
797797
>
798798
Agent templates
799799
</h2>
@@ -860,7 +860,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
860860
<TemplateIconRow allTypes={resolveTypes(template)} />
861861
</div>
862862
<div className='flex flex-col gap-2'>
863-
<h3 className='text-[14px] text-[var(--text-primary)] leading-snug tracking-[-0.02em]'>
863+
<h3 className='text-[var(--text-primary)] text-sm leading-snug tracking-[-0.02em]'>
864864
{template.title}
865865
</h3>
866866
<p className='line-clamp-2 text-[var(--text-muted)] text-sm leading-[150%]'>
@@ -886,10 +886,10 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
886886
<TemplateIconRow allTypes={resolveTypes(lastTemplate)} />
887887
</div>
888888
<div className='flex min-w-0 flex-1 flex-col gap-0.5'>
889-
<h3 className='text-[14px] text-[var(--text-primary)] leading-snug tracking-[-0.02em]'>
889+
<h3 className='text-[var(--text-primary)] text-sm leading-snug tracking-[-0.02em]'>
890890
{lastTemplate.title}
891891
</h3>
892-
<p className='line-clamp-1 text-[12px] text-[var(--text-muted)] leading-[150%]'>
892+
<p className='line-clamp-1 text-[var(--text-muted)] text-caption leading-[150%]'>
893893
{lastTemplate.prompt}
894894
</p>
895895
</div>
@@ -909,7 +909,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
909909
<div className='px-6 pt-10 pb-4'>
910910
<h2
911911
id='tools-heading'
912-
className='mb-2 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
912+
className='mb-2 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
913913
>
914914
{name} tools
915915
</h2>
@@ -923,11 +923,11 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
923923
<div key={op.name}>
924924
<div className='flex items-start gap-4 px-6 py-4'>
925925
<div className='flex min-w-0 flex-1 flex-col gap-0.5'>
926-
<h3 className='text-[14px] text-[var(--text-primary)] leading-snug tracking-[-0.02em]'>
926+
<h3 className='text-[var(--text-primary)] text-sm leading-snug tracking-[-0.02em]'>
927927
{op.name}
928928
</h3>
929929
{op.description && (
930-
<p className='text-[12px] text-[var(--text-muted)] leading-[150%]'>
930+
<p className='text-[var(--text-muted)] text-caption leading-[150%]'>
931931
{op.description}
932932
</p>
933933
)}
@@ -971,7 +971,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
971971
<section aria-labelledby='faq-heading' className='px-6 py-10'>
972972
<h2
973973
id='faq-heading'
974-
className='mb-8 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
974+
className='mb-8 text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
975975
>
976976
Frequently asked questions
977977
</h2>
@@ -986,7 +986,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
986986
<div className='px-6 pt-10 pb-4'>
987987
<h2
988988
id='related-heading'
989-
className='text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em]'
989+
className='text-[var(--text-primary)] text-xl leading-[100%] tracking-[-0.02em]'
990990
>
991991
Related {categoryLabel} integrations
992992
</h2>

0 commit comments

Comments
 (0)