Skip to content

Commit c9be241

Browse files
committed
Merge branches 'remove-scap-win-unwraps' and 'main' of https://github.com/CapSoftware/Cap
2 parents 843b0b5 + efdf385 commit c9be241

File tree

9 files changed

+42
-32
lines changed

9 files changed

+42
-32
lines changed

apps/web/components/pages/HomePage/Features.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -149,8 +149,10 @@ const features: Feature[] = homepageCopy.features.features.map(
149149
const Features = () => {
150150
return (
151151
<div className="text-center max-w-[1440px] mx-auto px-5">
152-
<h2 className="mb-3">{homepageCopy.features.title}</h2>
153-
<p className="text-lg leading-[1.75rem] w-full max-w-[600px] mx-auto">
152+
<h1 className="mb-3 text-4xl font-medium text-gray-12">
153+
{homepageCopy.features.title}
154+
</h1>
155+
<p className="text-lg text-gray-10 leading-[1.75rem] w-full max-w-[600px] mx-auto">
154156
{homepageCopy.features.subtitle}
155157
</p>
156158
<div className="flex flex-col gap-4 mt-[52px]">

apps/web/components/pages/HomePage/Pricing/CommercialCard.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -77,13 +77,13 @@ export const CommercialCard = () => {
7777
<h3 className="mb-2 text-xl font-semibold text-center text-gray-12">
7878
{homepageCopy.pricing.commercial.title}
7979
</h3>
80-
<p className="mb-3 text-sm text-center text-gray-11 w-full max-w-[285px] mx-auto font-medium">
80+
<p className="mb-3 text-base text-center text-gray-11 w-full max-w-[285px] mx-auto">
8181
{homepageCopy.pricing.commercial.description}
8282
</p>
8383
<div className="mb-6 text-center">
8484
<a
8585
href="/docs/commercial-license"
86-
className="text-xs underline text-gray-10 hover:text-gray-12"
86+
className="text-sm underline text-gray-10 hover:text-gray-12"
8787
>
8888
Learn more about the commercial license here
8989
</a>
@@ -99,15 +99,15 @@ export const CommercialCard = () => {
9999
/ {billingCycleText}
100100
</span>
101101
{isYearly ? (
102-
<p className="text-sm tabular-nums text-gray-10">
102+
<p className="text-base tabular-nums text-gray-10">
103103
or, $
104104
<NumberFlow
105105
value={licenses * COMMERCIAL_LICENSE_LIFETIME_PRICE}
106106
/>{" "}
107107
one-time payment
108108
</p>
109109
) : (
110-
<p className="text-sm tabular-nums text-gray-10">
110+
<p className="text-base tabular-nums text-gray-10">
111111
or, $
112112
<NumberFlow value={licenses * COMMERCIAL_LICENSE_YEARLY_PRICE} />{" "}
113113
/ year

apps/web/components/pages/HomePage/Pricing/EnterpriseCard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export const EnterpriseCard = () => {
6262
<h3 className="mb-2 text-xl font-semibold text-center text-gray-12">
6363
Cap for Enterprise
6464
</h3>
65-
<p className="mb-4 text-sm font-medium text-center text-gray-11">
65+
<p className="mb-4 text-base text-center text-gray-11">
6666
Deploy Cap across your organization with enterprise-grade
6767
features, dedicated support, and custom integrations.
6868
</p>

apps/web/components/pages/HomePage/Pricing/ProCard.tsx

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,7 @@ export const ProCard = () => {
120120
<h3 className="mb-2 text-xl font-semibold text-center">
121121
{homepageCopy.pricing.pro.title}
122122
</h3>
123-
<p className="mb-4 text-sm font-medium text-center text-gray-6">
123+
<p className="mb-4 text-base text-center text-gray-6">
124124
{homepageCopy.pricing.pro.description}
125125
</p>
126126
</div>
@@ -134,11 +134,11 @@ export const ProCard = () => {
134134
{billingCycleTextPro}
135135
</span>
136136
{isAnnually ? (
137-
<p className="text-sm text-gray-8">
137+
<p className="text-base text-gray-8">
138138
or,{" "}
139139
<NumberFlow
140140
value={CAP_PRO_MONTHLY_PRICE_PER_USER * users}
141-
className="text-sm tabular-nums"
141+
className="text-base tabular-nums"
142142
format={{
143143
notation: "compact",
144144
style: "currency",
@@ -151,18 +151,21 @@ export const ProCard = () => {
151151
) : (
152152
<>
153153
for{" "}
154-
<NumberFlow value={users} className="text-sm tabular-nums" />{" "}
154+
<NumberFlow
155+
value={users}
156+
className="text-base tabular-nums"
157+
/>{" "}
155158
users,{" "}
156159
</>
157160
)}
158161
billed monthly
159162
</p>
160163
) : (
161-
<p className="text-sm text-gray-8">
164+
<p className="text-base text-gray-8">
162165
or,{" "}
163166
<NumberFlow
164167
value={CAP_PRO_ANNUAL_PRICE_PER_USER * users}
165-
className="text-sm tabular-nums"
168+
className="text-base tabular-nums"
166169
format={{
167170
notation: "compact",
168171
style: "currency",
@@ -175,7 +178,10 @@ export const ProCard = () => {
175178
) : (
176179
<>
177180
for{" "}
178-
<NumberFlow value={users} className="text-sm tabular-nums" />{" "}
181+
<NumberFlow
182+
value={users}
183+
className="text-base tabular-nums"
184+
/>{" "}
179185
users,{" "}
180186
</>
181187
)}

apps/web/components/pages/HomePage/Pricing/index.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,10 @@ const Pricing = () => {
1111
return (
1212
<div className="w-full max-w-[1100px] mx-auto px-5">
1313
<div className="px-5 mb-16 text-center">
14-
<h2 className="mb-3 w-full">{homepageCopy.pricing.title}</h2>
15-
<p className="text-lg max-w-[800px] mx-auto leading-[1.75rem] w-full">
14+
<h1 className="mb-3 w-full text-4xl font-medium text-gray-12">
15+
{homepageCopy.pricing.title}
16+
</h1>
17+
<p className="text-lg text-gray-10 max-w-[800px] mx-auto leading-[1.75rem] w-full">
1618
{homepageCopy.pricing.subtitle}
1719
</p>
1820
<div className="flex justify-center items-center px-5 py-2.5 gap-2 mx-auto mt-6 rounded-full border bg-gray-1 border-gray-5 w-fit">

apps/web/components/pages/HomePage/RecordingModes.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,10 +56,10 @@ const RecordingModes = () => {
5656
return (
5757
<div className="w-full max-w-[1000px] mx-auto px-5">
5858
<div className="flex flex-col gap-2 justify-center items-center text-center">
59-
<h1 className="text-4xl font-medium text-12">
59+
<h1 className="text-4xl font-medium text-gray-12">
6060
{homepageCopy.recordingModes.title}
6161
</h1>
62-
<p className="text-lg text-gray-10">
62+
<p className="text-lg text-gray-10 w-full max-w-[670px] mx-auto">
6363
{homepageCopy.recordingModes.subtitle}
6464
</p>
6565
</div>
@@ -143,7 +143,7 @@ const RecordingModes = () => {
143143
</div>
144144
{/*Video Description*/}
145145
<div className="p-4 border-t border-b bg-gray-2 border-gray-5">
146-
<p className="mx-auto w-full text-sm text-center md:text-xl text-gray-12">
146+
<p className="mx-auto w-full text-lg text-center text-gray-12">
147147
{activeMode?.description}
148148
</p>
149149
</div>

apps/web/components/pages/HomePage/Testimonials.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -120,11 +120,11 @@ const testimonialItems: TestimonialItem[] = [
120120
const Testimonials = () => {
121121
return (
122122
<div className="w-full max-w-[1200px] mx-auto md:px-5">
123-
<div className="px-5 mb-16 text-center md:text-left">
124-
<h2 className="mb-3 w-full max-w-[440px]">
123+
<div className="px-5 mb-16 text-center">
124+
<h1 className="mx-auto mb-3 w-full text-4xl font-medium text-gray-12 text-balance">
125125
{homepageCopy.testimonials.title}
126-
</h2>
127-
<p className="text-lg leading-[1.75rem] w-full max-w-[500px]">
126+
</h1>
127+
<p className="text-lg text-gray-10 w-full max-w-[400px] mx-auto leading-[1.75rem]">
128128
{homepageCopy.testimonials.subtitle}
129129
</p>
130130
</div>

apps/web/components/pages/seo/AgenciesPage.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,9 @@ const FAQItem = ({
3434
return (
3535
<div
3636
className={clsx(
37-
"rounded-xl overflow-hidden border border-gray-5",
37+
"overflow-hidden rounded-xl border border-gray-5",
3838
isOpen
39-
? "bg-blue-500 text-white"
39+
? "text-white bg-blue-500"
4040
: "bg-gray-1 hover:bg-gray-3 text-gray-12",
4141
"transition-colors duration-200",
4242
)}
@@ -96,8 +96,8 @@ const AnimatedDomainBanner = () => {
9696
}, []);
9797

9898
return (
99-
<div className="mx-auto max-w-2xl mb-12 text-center">
100-
<div className="relative rounded-xl bg-white border border-gray-200 p-8 shadow-sm">
99+
<div className="mx-auto mb-12 max-w-2xl text-center">
100+
<div className="relative p-8 bg-white rounded-xl border border-gray-200 shadow-sm">
101101
<div className="flex flex-col items-center space-y-4">
102102
{/* Art */}
103103
<div className="flex-shrink-0">
@@ -110,7 +110,7 @@ const AnimatedDomainBanner = () => {
110110
</h3>
111111

112112
{/* Description */}
113-
<p className="text-sm text-gray-600 max-w-md">
113+
<p className="max-w-md text-sm text-gray-600">
114114
Send from your own domain for higher client trust and professional
115115
branding. Your share links reflect your agency's identity.
116116
</p>
@@ -399,14 +399,14 @@ export const AgenciesPage = () => {
399399
</div>
400400
</div>
401401

402-
<div className="relative z-10 space-y-24 md:space-y-32 mt-24 mb-24 wrapper">
402+
<div className="relative z-10 mt-24 mb-24 space-y-24 md:space-y-32 wrapper">
403403
{/* Features Section */}
404404
<div>
405405
<div className="text-center max-w-[800px] mx-auto mb-16">
406406
<h2 className="inline-block relative mb-2 text-3xl font-medium md:text-4xl text-gray-12">
407407
{agenciesContent.featuresTitle}
408408
</h2>
409-
<p className="text-xl leading-relaxed text-gray-600">
409+
<p className="text-xl leading-relaxed text-gray-10">
410410
{agenciesContent.featuresDescription}
411411
</p>
412412
</div>

apps/web/components/seo/SeoPageTemplate.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,7 @@ export const SeoPageTemplate = ({
223223
<h2 className="inline-block relative mb-2 text-3xl font-medium md:text-4xl text-gray-12">
224224
{content.featuresTitle}
225225
</h2>
226-
<p className="text-xl leading-relaxed text-gray-600">
226+
<p className="text-xl leading-relaxed text-gray-10">
227227
{renderHTML(content.featuresDescription)}
228228
</p>
229229
</div>
@@ -241,7 +241,7 @@ export const SeoPageTemplate = ({
241241
<h3 className="mb-4 text-xl font-semibold text-gray-12">
242242
{feature.title}
243243
</h3>
244-
<p className="leading-relaxed text-gray-600">
244+
<p className="leading-relaxed text-gray-10">
245245
{renderHTML(feature.description)}
246246
</p>
247247
</div>

0 commit comments

Comments
 (0)