Skip to content

Commit aa23f33

Browse files
Adez017Adez017
authored
Fix the cards text visibilty and functions
Fix text visibility on interview prep page cards for better readability
2 parents 1bc9154 + a2b41ac commit aa23f33

File tree

5 files changed

+70
-70
lines changed

5 files changed

+70
-70
lines changed

‎src/pages/interview-prep/BehavioralTab.tsx‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
3434
<h2 className="mb-4 text-4xl font-bold text-gray-900 dark:text-white">
3535
Behavioral Interview Preparation
3636
</h2>
37-
<p className="ml-3 text-center text-xl text-gray-600 dark:text-gray-300">
37+
<p className="ml-3 text-center text-xl text-gray-700 dark:text-gray-200">
3838
Master the art of storytelling and showcase your soft skills with
3939
confidence
4040
</p>
@@ -52,13 +52,13 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
5252
</h3>
5353
<div className="grid gap-12 md:grid-cols-2">
5454
<div>
55-
<p className="mb-4 text-gray-700 dark:text-gray-300">
55+
<p className="mb-4 text-gray-800 dark:text-gray-200">
5656
Behavioral interviews focus on how you've handled situations in
5757
the past to predict your future performance. These questions
5858
typically start with phrases like "Tell me about a time when..."
5959
or "Describe a situation where..."
6060
</p>
61-
<p className="text-gray-700 dark:text-gray-300">
61+
<p className="text-gray-800 dark:text-gray-200">
6262
Unlike technical interviews that test your coding skills,
6363
behavioral interviews evaluate your soft skills, cultural fit,
6464
and ability to work in a team environment.
@@ -71,25 +71,25 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
7171
<ul className="space-y-2 text-sm">
7272
<li className="flex items-start">
7373
<span className="mt-2 mr-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500"></span>
74-
<span className="text-gray-600 dark:text-gray-300">
74+
<span className="text-gray-700 dark:text-gray-200">
7575
70% of hiring decisions are based on cultural fit
7676
</span>
7777
</li>
7878
<li className="flex items-start">
7979
<span className="mt-2 mr-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500"></span>
80-
<span className="text-gray-600 dark:text-gray-300">
80+
<span className="text-gray-700 dark:text-gray-200">
8181
Assess leadership and communication skills
8282
</span>
8383
</li>
8484
<li className="flex items-start">
8585
<span className="mt-2 mr-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500"></span>
86-
<span className="text-gray-600 dark:text-gray-300">
86+
<span className="text-gray-700 dark:text-gray-200">
8787
Evaluate problem-solving approach
8888
</span>
8989
</li>
9090
<li className="flex items-start">
9191
<span className="mt-2 mr-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500"></span>
92-
<span className="text-gray-600 dark:text-gray-300">
92+
<span className="text-gray-700 dark:text-gray-200">
9393
Determine team collaboration ability
9494
</span>
9595
</li>
@@ -143,7 +143,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
143143
<h4 className="mb-2 font-bold text-gray-900 dark:text-white">
144144
{item.word}
145145
</h4>
146-
<p className="text-sm text-gray-600 dark:text-gray-300">
146+
<p className="text-sm text-gray-700 dark:text-gray-200">
147147
{item.desc}
148148
</p>
149149
</div>
@@ -162,7 +162,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
162162
<strong className="text-red-600 dark:text-red-400">
163163
Situation:
164164
</strong>
165-
<p className="mt-1 text-gray-600 dark:text-gray-300">
165+
<p className="mt-1 text-gray-700 dark:text-gray-200">
166166
"During my internship, our team was behind schedule on a
167167
critical project with only 2 weeks left before the deadline."
168168
</p>
@@ -171,7 +171,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
171171
<strong className="text-yellow-600 dark:text-yellow-400">
172172
Task:
173173
</strong>
174-
<p className="mt-1 text-gray-600 dark:text-gray-300">
174+
<p className="mt-1 text-gray-700 dark:text-gray-200">
175175
"As the junior developer, I needed to help coordinate efforts
176176
and find ways to accelerate our progress."
177177
</p>
@@ -180,7 +180,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
180180
<strong className="text-green-600 dark:text-green-400">
181181
Action:
182182
</strong>
183-
<p className="mt-1 text-gray-600 dark:text-gray-300">
183+
<p className="mt-1 text-gray-700 dark:text-gray-200">
184184
"I organized daily stand-ups, created a shared task board, and
185185
volunteered to work extra hours on critical features."
186186
</p>
@@ -189,7 +189,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
189189
<strong className="text-blue-600 dark:text-blue-400">
190190
Result:
191191
</strong>
192-
<p className="mt-1 text-gray-600 dark:text-gray-300">
192+
<p className="mt-1 text-gray-700 dark:text-gray-200">
193193
"We delivered the project on time, and my manager praised my
194194
initiative. I learned the importance of proactive
195195
communication."
@@ -208,7 +208,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
208208
<strong className="text-red-600 dark:text-red-400">
209209
Situation:
210210
</strong>
211-
<p className="mt-1 text-gray-600 dark:text-gray-300">
211+
<p className="mt-1 text-gray-700 dark:text-gray-200">
212212
"Our main application was experiencing frequent crashes
213213
affecting 30% of users during peak hours."
214214
</p>
@@ -217,7 +217,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
217217
<strong className="text-yellow-600 dark:text-yellow-400">
218218
Task:
219219
</strong>
220-
<p className="mt-1 text-gray-600 dark:text-gray-300">
220+
<p className="mt-1 text-gray-700 dark:text-gray-200">
221221
"I was assigned to identify the root cause and implement a
222222
solution within 48 hours."
223223
</p>
@@ -226,7 +226,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
226226
<strong className="text-green-600 dark:text-green-400">
227227
Action:
228228
</strong>
229-
<p className="mt-1 text-gray-600 dark:text-gray-300">
229+
<p className="mt-1 text-gray-700 dark:text-gray-200">
230230
"I analyzed logs, reproduced the issue, and discovered a
231231
memory leak in our caching system. I implemented a fix and
232232
added monitoring."
@@ -236,7 +236,7 @@ const BehavioralTab: React.FC<BehavioralTabProps> = ({
236236
<strong className="text-blue-600 dark:text-blue-400">
237237
Result:
238238
</strong>
239-
<p className="mt-1 text-gray-600 dark:text-gray-300">
239+
<p className="mt-1 text-gray-700 dark:text-gray-200">
240240
"Crashes reduced by 95%, user satisfaction improved, and we
241241
prevented similar issues with better monitoring."
242242
</p>

‎src/pages/interview-prep/CompaniesTab.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
124124
<h2 className="mb-6 text-5xl font-bold text-gray-900 dark:text-white">
125125
Company-Specific Interview Prep
126126
</h2>
127-
<p className="text-xl leading-relaxed text-gray-600 dark:text-gray-300">
127+
<p className="text-xl leading-relaxed text-gray-700 dark:text-gray-200">
128128
Get insider knowledge, real interview questions, and proven strategies
129129
for landing your dream job at top tech companies
130130
</p>
@@ -151,7 +151,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
151151
<span className="mr-4 text-4xl">🏢</span>
152152
FAANG+ Companies Overview
153153
</h3>
154-
<p className="text-lg text-gray-600 dark:text-gray-300">
154+
<p className="text-lg text-gray-700 dark:text-gray-200">
155155
Navigate the unique interview processes of the world's most
156156
competitive tech companies
157157
</p>
@@ -224,10 +224,10 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
224224
<h4 className="mb-3 text-lg font-bold text-gray-900 dark:text-white">
225225
{item.title}
226226
</h4>
227-
<p className="mb-3 text-sm leading-relaxed text-gray-600 dark:text-gray-300">
227+
<p className="mb-3 text-sm leading-relaxed text-gray-700 dark:text-gray-200">
228228
{item.description}
229229
</p>
230-
<div className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-700 dark:bg-gray-700 dark:text-gray-300">
230+
<div className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-800 dark:bg-gray-700 dark:text-gray-200">
231231
{item.stats}
232232
</div>
233233
</motion.div>
@@ -486,7 +486,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
486486
{i + 1}
487487
</span>
488488
</div>
489-
<span className="leading-relaxed text-gray-700 dark:text-gray-300">
489+
<span className="leading-relaxed text-gray-800 dark:text-gray-200">
490490
{tip}
491491
</span>
492492
</motion.li>
@@ -558,7 +558,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
558558
animate={{ opacity: 1, y: 0 }}
559559
transition={{ duration: 0.3 }}
560560
>
561-
<p className="text-sm leading-relaxed text-gray-700 dark:text-gray-300">
561+
<p className="text-sm leading-relaxed text-gray-800 dark:text-gray-200">
562562
{item.answer}
563563
</p>
564564
</motion.div>
@@ -590,7 +590,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
590590
Community Contributors Needed!
591591
</h5>
592592
</div>
593-
<p className="mb-6 leading-relaxed text-gray-700 dark:text-gray-300">
593+
<p className="mb-6 leading-relaxed text-gray-800 dark:text-gray-200">
594594
Help keep {company.company}'s interview information
595595
current! Share recent questions, tips, or insights
596596
you've encountered to help fellow candidates
@@ -672,7 +672,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
672672
<span className="mr-4 text-5xl">🤝</span>
673673
Join Our Interview Prep Community
674674
</h3>
675-
<p className="text-xl text-gray-600 dark:text-gray-300">
675+
<p className="text-xl text-gray-700 dark:text-gray-200">
676676
Help build the most comprehensive company interview resource and
677677
accelerate your career growth
678678
</p>
@@ -744,10 +744,10 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
744744
<h4 className="mb-3 text-lg font-bold text-gray-900 dark:text-white">
745745
{item.title}
746746
</h4>
747-
<p className="mb-4 text-sm leading-relaxed text-gray-600 dark:text-gray-300">
747+
<p className="mb-4 text-sm leading-relaxed text-gray-700 dark:text-gray-200">
748748
{item.description}
749749
</p>
750-
<div className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-700 dark:bg-gray-700 dark:text-gray-300">
750+
<div className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-800 dark:bg-gray-700 dark:text-gray-200">
751751
{item.benefit}
752752
</div>
753753
</motion.div>

0 commit comments

Comments
 (0)