Skip to content

Commit 19dad7b

Browse files
rorychattrorychatt
committed
chore: card alignment fixes
1 parent ed11c36 commit 19dad7b

1 file changed

Lines changed: 25 additions & 26 deletions

File tree

‎src/pages/About.tsx‎

Lines changed: 25 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import React from "react";
22
import { Button } from "../components/ui/button";
33
import { Card, CardContent } from "../components/ui/card";
4-
import { Badge } from "../components/ui/badge";
54

65
const About: React.FC = () => {
76
return (
@@ -60,10 +59,10 @@ const About: React.FC = () => {
6059
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
6160
{/* Speed Card */}
6261
<Card className="bg-card border-border">
63-
<CardContent className="p-6 text-center">
64-
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
62+
<CardContent className="p-6 text-left">
63+
<div className="w-16 h-16 bg-white/10 rounded-lg flex items-center justify-center mb-6">
6564
<svg
66-
className="w-6 h-6 text-primary"
65+
className="w-8 h-8 text-white"
6766
fill="none"
6867
stroke="currentColor"
6968
viewBox="0 0 24 24"
@@ -76,10 +75,10 @@ const About: React.FC = () => {
7675
/>
7776
</svg>
7877
</div>
79-
<h3 className="text-xl font-semibold text-foreground mb-3">
78+
<h3 className="text-xl font-bold text-white mb-3">
8079
Speed Without Sacrificing Quality
8180
</h3>
82-
<p className="text-muted-foreground">
81+
<p className="text-gray-300 text-sm leading-relaxed">
8382
Fast delivery without sacrificing quality or security
8483
standards.
8584
</p>
@@ -88,10 +87,10 @@ const About: React.FC = () => {
8887

8988
{/* Transparent Pricing Card */}
9089
<Card className="bg-card border-border">
91-
<CardContent className="p-6 text-center">
92-
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
90+
<CardContent className="p-6 text-left">
91+
<div className="w-16 h-16 bg-white/10 rounded-lg flex items-center justify-center mb-6">
9392
<svg
94-
className="w-6 h-6 text-primary"
93+
className="w-8 h-8 text-white"
9594
fill="none"
9695
stroke="currentColor"
9796
viewBox="0 0 24 24"
@@ -104,10 +103,10 @@ const About: React.FC = () => {
104103
/>
105104
</svg>
106105
</div>
107-
<h3 className="text-xl font-semibold text-foreground mb-3">
106+
<h3 className="text-xl font-bold text-white mb-3">
108107
Transparent Pricing
109108
</h3>
110-
<p className="text-muted-foreground">
109+
<p className="text-gray-300 text-sm leading-relaxed">
111110
No hidden costs or surprise fees — clear, upfront pricing
112111
always.
113112
</p>
@@ -116,10 +115,10 @@ const About: React.FC = () => {
116115

117116
{/* Client Ownership Card */}
118117
<Card className="bg-card border-border">
119-
<CardContent className="p-6 text-center">
120-
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
118+
<CardContent className="p-6 text-left">
119+
<div className="w-16 h-16 bg-white/10 rounded-lg flex items-center justify-center mb-6">
121120
<svg
122-
className="w-6 h-6 text-primary"
121+
className="w-8 h-8 text-white"
123122
fill="none"
124123
stroke="currentColor"
125124
viewBox="0 0 24 24"
@@ -132,21 +131,21 @@ const About: React.FC = () => {
132131
/>
133132
</svg>
134133
</div>
135-
<h3 className="text-xl font-semibold text-foreground mb-3">
134+
<h3 className="text-xl font-bold text-white mb-3">
136135
Client Ownership
137136
</h3>
138-
<p className="text-muted-foreground">
137+
<p className="text-gray-300 text-sm leading-relaxed">
139138
You own your code and data completely — no vendor lock-in.
140139
</p>
141140
</CardContent>
142141
</Card>
143142

144143
{/* Innovation First Card */}
145144
<Card className="bg-card border-border">
146-
<CardContent className="p-6 text-center">
147-
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
145+
<CardContent className="p-6 text-left">
146+
<div className="w-16 h-16 bg-white/10 rounded-lg flex items-center justify-center mb-6">
148147
<svg
149-
className="w-6 h-6 text-primary"
148+
className="w-8 h-8 text-white"
150149
fill="none"
151150
stroke="currentColor"
152151
viewBox="0 0 24 24"
@@ -159,10 +158,10 @@ const About: React.FC = () => {
159158
/>
160159
</svg>
161160
</div>
162-
<h3 className="text-xl font-semibold text-foreground mb-3">
161+
<h3 className="text-xl font-bold text-white mb-3">
163162
Innovation First
164163
</h3>
165-
<p className="text-muted-foreground">
164+
<p className="text-gray-300 text-sm leading-relaxed">
166165
Always pushing the boundaries of what's possible in software
167166
development.
168167
</p>
@@ -171,10 +170,10 @@ const About: React.FC = () => {
171170

172171
{/* Community Focused Card */}
173172
<Card className="bg-card border-border">
174-
<CardContent className="p-6 text-center">
175-
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
173+
<CardContent className="p-6 text-left">
174+
<div className="w-16 h-16 bg-white/10 rounded-lg flex items-center justify-center mb-6">
176175
<svg
177-
className="w-6 h-6 text-primary"
176+
className="w-8 h-8 text-white"
178177
fill="none"
179178
stroke="currentColor"
180179
viewBox="0 0 24 24"
@@ -187,10 +186,10 @@ const About: React.FC = () => {
187186
/>
188187
</svg>
189188
</div>
190-
<h3 className="text-xl font-semibold text-foreground mb-3">
189+
<h3 className="text-xl font-bold text-white mb-3">
191190
Community Focused
192191
</h3>
193-
<p className="text-muted-foreground">
192+
<p className="text-gray-300 text-sm leading-relaxed">
194193
Contributing back to the developer community through open
195194
source.
196195
</p>

0 commit comments

Comments
 (0)