Skip to content

Commit c7501e0

Browse files
codeaashucodeaashu
committed
v2.0
1 parent 11a6c69 commit c7501e0

File tree

6 files changed

+142
-10
lines changed

6 files changed

+142
-10
lines changed

‎public/assets/Portfolio.png‎

221 KB
Loading

‎public/assets/Profile.png‎

168 KB
Loading

‎public/assets/Project.png‎

100 KB
Loading

‎public/profileverify.png‎

293 KB
Loading

‎src/Page/Home.jsx‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,17 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
99
import { faGithub } from '@fortawesome/free-brands-svg-icons';
1010
import Marquee from 'react-fast-marquee';
1111
import { Badges } from './Badges';
12+
import {
13+
FaGithub,
14+
FaLinkedin,
15+
FaInstagram,
16+
FaDiscord,
17+
FaMapMarkerAlt,
18+
FaEnvelope,
19+
FaCheckCircle,
20+
} from 'react-icons/fa';
21+
import { IoMdShareAlt } from 'react-icons/io';
22+
import { SiDevdotto } from 'react-icons/si';
1223

1324
// Removed duplicate import to avoid redeclaration of SupportersComponent
1425

@@ -1078,6 +1089,120 @@ export const SupportersComponent = () => {
10781089
);
10791090
};
10801091

1092+
const DeveloperCard = () => {
1093+
return (
1094+
<div
1095+
className="flex flex-col items-center justify-between rounded-xl border p-4 md:flex-row"
1096+
style={{ borderColor: '#00a6fb', backgroundColor: 'rgba(1, 11, 31, 0.58)', color: '#e2e8f0' }}
1097+
>
1098+
{/* Left Developer Card */}
1099+
<div className="flex w-full flex-col items-start p-4 md:w-1/2">
1100+
<div className="flex items-center space-x-4">
1101+
<img src="/CREATOR.jpg" alt="Developer" className="h-20 w-20 rounded-full object-cover" />
1102+
<div>
1103+
<h2 className="flex items-center text-xl font-bold">
1104+
Ashutosh Singh <FaCheckCircle className="ml-2 text-blue-400" />
1105+
</h2>
1106+
<p className="flex items-center gap-2 text-sm text-gray-300">
1107+
<FaMapMarkerAlt className="text-blue-400" /> Mostly On DevDisplay
1108+
</p>
1109+
<div className="mt-2 flex gap-2 text-sm">
1110+
<span className="rounded bg-gray-700 px-2 py-1">WEB APP Development</span>
1111+
<span className="rounded bg-gray-700 px-2 py-1">Web Designing</span>
1112+
</div>
1113+
</div>
1114+
</div>
1115+
1116+
<p className="mt-4">
1117+
Building 🌐 Paradise for Developers – <strong>DevDisplay</strong>
1118+
</p>
1119+
1120+
<div className="mt-4 flex items-center gap-4 text-xl">
1121+
<FaGithub />
1122+
<FaLinkedin />
1123+
<FaInstagram />
1124+
<FaDiscord />
1125+
<IoMdShareAlt />
1126+
<SiDevdotto />
1127+
<FaEnvelope />
1128+
</div>
1129+
</div>
1130+
1131+
{/* Right Verification Steps */}
1132+
<div className="mt-6 flex w-full flex-col items-center justify-center md:mt-0 md:w-1/2">
1133+
<h3 className="mb-2 flex items-center gap-2 text-2xl font-semibold">
1134+
<FaCheckCircle className="text-blue-400" />
1135+
Verify Your Developer Profile
1136+
</h3>
1137+
<p className="mb-4 text-center text-sm">Follow this step to get a blue tick on your developer profile</p>
1138+
<style>
1139+
{`
1140+
@keyframes arrowMove {
1141+
0% { transform: translateX(0); }
1142+
50% { transform: translateX(6px); }
1143+
100% { transform: translateX(0); }
1144+
}
1145+
1146+
.arrow-animate {
1147+
animation: arrowMove 1.2s infinite;
1148+
}
1149+
`}
1150+
</style>
1151+
1152+
<div className="mt-6 flex items-center justify-center gap-6">
1153+
{/* Box 1 */}
1154+
<a
1155+
href="/"
1156+
rel="noopener noreferrer"
1157+
className="flex flex-col items-center text-center transition-transform hover:scale-105"
1158+
>
1159+
<div className="flex h-24 w-24 items-center justify-center rounded-lg border-2 border-[#00A6FB] p-4">
1160+
<img src="/assets/Profile.png" alt="Profile" className="h-16 w-16 object-contain" />
1161+
</div>
1162+
<p className="mt-2 text-sm font-medium text-[#e2e8f0]">Add Your Profile</p>
1163+
</a>
1164+
1165+
{/* Arrow 1 */}
1166+
<div className="flex h-24 items-center justify-center">
1167+
<span className="arrow-animate text-3xl text-[#00A6FB]">→</span>
1168+
</div>
1169+
1170+
{/* Box 2 */}
1171+
<a
1172+
href="/PortfolioIdeas"
1173+
target="_blank"
1174+
rel="noopener noreferrer"
1175+
className="flex flex-col items-center text-center transition-transform hover:scale-105"
1176+
>
1177+
<div className="flex h-24 w-24 items-center justify-center rounded-lg border-2 border-[#00A6FB] p-4">
1178+
<img src="/assets/Portfolio.png" alt="Portfolio" className="h-16 w-16 object-contain" />
1179+
</div>
1180+
<p className="mt-2 text-sm font-medium text-[#e2e8f0]">Add Your Portfolio</p>
1181+
</a>
1182+
1183+
{/* Arrow 2 */}
1184+
<div className="flex h-24 items-center justify-center">
1185+
<span className="arrow-animate text-3xl text-[#00A6FB]">→</span>
1186+
</div>
1187+
1188+
{/* Box 3 */}
1189+
<a
1190+
href="/ProjectShowcase"
1191+
target="_blank"
1192+
rel="noopener noreferrer"
1193+
className="flex flex-col items-center text-center transition-transform hover:scale-105"
1194+
>
1195+
<div className="flex h-24 w-24 items-center justify-center rounded-lg border-2 border-[#00A6FB] p-4">
1196+
<img src="/assets/Project.png" alt="Projects" className="h-16 w-16 object-contain" />
1197+
</div>
1198+
<p className="mt-2 text-sm font-medium text-[#e2e8f0]">Add minimum 5 projects</p>
1199+
</a>
1200+
</div>
1201+
</div>
1202+
</div>
1203+
);
1204+
};
1205+
10811206
const Home = () => {
10821207
return (
10831208
<div className="background-wrapper bg-gray-400">
@@ -1090,6 +1215,7 @@ const Home = () => {
10901215
<div style={{ margin: '30px 0' }}></div>
10911216
<Badges />
10921217
<div style={{ margin: '20px 0' }}></div>
1218+
<DeveloperCard />
10931219
<SupportersComponent />
10941220
<Footer />
10951221
</div>

‎src/Page/Resources.jsx‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -344,12 +344,6 @@ const ResourcesCards = () => {
344344
link: '/Courses',
345345
tags: ['Courses', 'Tech', 'Programming Languages'],
346346
},
347-
{
348-
title: 'Notes',
349-
description: 'Essential notes to simplify learning tech skills and programming languages.',
350-
link: '/Notes',
351-
tags: ['Notes', 'Hand Written', 'Programming Languages'],
352-
},
353347
{
354348
title: 'Documentation',
355349
description: 'Official documentation for popular libraries and frameworks.',
@@ -368,6 +362,12 @@ const ResourcesCards = () => {
368362
link: '/Libraries',
369363
tags: ['Libraries', 'Tools', 'OpenSource', 'Development'],
370364
},
365+
{
366+
title: 'Notes',
367+
description: 'Essential notes to simplify learning tech skills and programming languages.',
368+
link: '/Notes',
369+
tags: ['Notes', 'Hand Written', 'Programming Languages'],
370+
},
371371
{
372372
title: 'Roadmaps',
373373
description: 'Explore the best roadmaps to become a pro developer.',
@@ -461,10 +461,16 @@ const ResourcesCards = () => {
461461
))}
462462
</div>
463463
</div>
464-
<StyledButton onClick={() => (window.location.href = '/Resources')}>
465-
<div className="blob1" />
466-
<div className="inner">Explore Now</div>
467-
</StyledButton>
464+
{['Notes', 'Roadmaps', 'Preparation', 'Research Paper', 'Useful APIs'].includes(resources.title) ? (
465+
<StyledButton disabled>
466+
<div className="inner">Coming Soon</div>
467+
</StyledButton>
468+
) : (
469+
<StyledButton onClick={() => (window.location.href = resources.link)}>
470+
<div className="blob1" />
471+
<div className="inner">Explore Now</div>
472+
</StyledButton>
473+
)}
468474
</div>
469475
<div className="dot" />
470476
</a>

0 commit comments

Comments
 (0)