Skip to content

Commit 7573184

Browse files
codeaashucodeaashu
committed
Refactor TechFeatures section: update grid layout, rename portfolio ideas, and add new project cards
1 parent 7c46c27 commit 7573184

1 file changed

Lines changed: 96 additions & 15 deletions

File tree

‎src/Page/Home.jsx‎

Lines changed: 96 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Navbar from '../components/Navbar';
44
import Globe from '../components/Globe';
55
import { Footer } from '../components/Footer/Footer';
66
import LOGO from './WordMark.png';
7-
// import PoweredByDevDisplay from './PoweredByDevDisplay.png';
7+
import PoweredByDevDisplay from './PoweredByDevDisplay.png';
88
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
99
import { faGithub } from '@fortawesome/free-brands-svg-icons';
1010
import Marquee from 'react-fast-marquee';
@@ -315,7 +315,7 @@ const TechFeatures = () => {
315315
</div>
316316

317317
{/* Grid Layout for Features */}
318-
<div className="grid grid-cols-1 gap-6 text-center md:grid-cols-2 lg:grid-cols-4">
318+
<div className="grid grid-cols-1 gap-6 text-center md:grid-cols-2 lg:grid-cols-3">
319319
<StyledDot>
320320
<a
321321
href="/opportunities"
@@ -424,7 +424,7 @@ const TechFeatures = () => {
424424
<span className="absolute inset-0"></span>
425425
<div className="custom-font project-card-inner relative z-10 flex h-full flex-col justify-between rounded-lg p-[2px]">
426426
<div>
427-
<h3 className="mb-4 text-2xl font-semibold text-[#00a6fb]">Portfolio Ideas</h3>
427+
<h3 className="mb-4 text-2xl font-semibold text-[#00a6fb]">Portfolio Showcase</h3>
428428
<p>Get inspired with creative ideas to enhance your portfolio and make an impact.</p>
429429
</div>
430430
<StyledButton onClick={() => (window.location.href = '/PortfolioIdeas')}>
@@ -436,6 +436,60 @@ const TechFeatures = () => {
436436
</a>
437437
</StyledDot>
438438

439+
<StyledDot>
440+
<a
441+
href="https://github-legacy.vercel.app/"
442+
target="_blank"
443+
rel="noopener noreferrer"
444+
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
445+
>
446+
<span className="absolute inset-0"></span>
447+
<div className="custom-font project-card-inner relative z-10 flex h-full flex-col justify-between rounded-lg p-[2px]">
448+
<div>
449+
<h3 className="mb-4 text-2xl font-semibold text-[#00a6fb]">GitHub Legacy</h3>
450+
<p>Transform your GitHub journey into a professional resume in seconds</p>
451+
</div>
452+
<StyledButton
453+
onClick={() => {
454+
window.location.href = 'https://github-legacy.vercel.app';
455+
window.open('_blank');
456+
}}
457+
>
458+
<div className="blob1" />
459+
<div className="inner">Explore Now</div>
460+
</StyledButton>
461+
</div>
462+
<div className="dot" />
463+
</a>
464+
</StyledDot>
465+
466+
<StyledDot>
467+
<a
468+
href="https://resume-builder-pro.vercel.app/"
469+
target="_blank"
470+
rel="noopener noreferrer"
471+
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
472+
>
473+
<span className="absolute inset-0"></span>
474+
<div className="custom-font project-card-inner relative z-10 flex h-full flex-col justify-between rounded-lg p-[2px]">
475+
<div>
476+
<h3 className="mb-4 text-2xl font-semibold text-[#00a6fb]">Resume Builder</h3>
477+
<p>Transform your GitHub journey into a professional resume in seconds</p>
478+
</div>
479+
<StyledButton
480+
onClick={() => {
481+
window.location.href = 'https://resume-builder-pro.vercel.app/';
482+
window.open('_blank');
483+
}}
484+
>
485+
<div className="blob1" />
486+
<div className="inner">Explore Now</div>
487+
</StyledButton>
488+
</div>
489+
<div className="dot" />
490+
</a>
491+
</StyledDot>
492+
439493
{/* <StyledDot>
440494
<a
441495
href="/PortfolioBuilder"
@@ -456,7 +510,7 @@ const TechFeatures = () => {
456510
</a>
457511
</StyledDot> */}
458512

459-
<StyledDot>
513+
{/* <StyledDot>
460514
<a
461515
href="/ResumeBuilder"
462516
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
@@ -474,9 +528,9 @@ const TechFeatures = () => {
474528
</div>
475529
<div className="dot" />
476530
</a>
477-
</StyledDot>
531+
</StyledDot> */}
478532

479-
<StyledDot>
533+
{/* <StyledDot>
480534
<a
481535
href="/AIToolsHub"
482536
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
@@ -494,7 +548,7 @@ const TechFeatures = () => {
494548
</div>
495549
<div className="dot" />
496550
</a>
497-
</StyledDot>
551+
</StyledDot> */}
498552

499553
{/* <StyledDot>
500554
<a
@@ -518,7 +572,7 @@ const TechFeatures = () => {
518572
</a>
519573
</StyledDot> */}
520574

521-
<StyledDot>
575+
{/* <StyledDot>
522576
<a
523577
href="/IndustryTrends"
524578
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
@@ -539,9 +593,9 @@ const TechFeatures = () => {
539593
</div>
540594
<div className="dot" />
541595
</a>
542-
</StyledDot>
596+
</StyledDot> */}
543597

544-
<StyledDot>
598+
{/* <StyledDot>
545599
<a
546600
href="/AiCareer"
547601
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
@@ -559,7 +613,7 @@ const TechFeatures = () => {
559613
</div>
560614
<div className="dot" />
561615
</a>
562-
</StyledDot>
616+
</StyledDot> */}
563617
</div>
564618
{/* <div style={{ margin: '100px 0' }}></div> */}
565619
{/*Powered By DevDisplay */}
@@ -568,8 +622,8 @@ const TechFeatures = () => {
568622
</div> */}
569623

570624
{/* Tech Projects Powered by DevDisplay */}
571-
{/* <div className="my-8 grid grid-cols-1 gap-6 text-center md:grid-cols-2 lg:grid-cols-4">
572-
<StyledDot>
625+
{/* <div className="my-8 grid grid-cols-1 gap-6 text-center md:grid-cols-2 lg:grid-cols-4"> */}
626+
{/* <StyledDot>
573627
<a
574628
href="https://github-legacy.vercel.app/"
575629
target="_blank"
@@ -597,6 +651,33 @@ const TechFeatures = () => {
597651
</StyledDot>
598652
599653
<StyledDot>
654+
<a
655+
href="https://github-legacy.vercel.app/"
656+
target="_blank"
657+
rel="noopener noreferrer"
658+
className="project-card to-[rgba(0, 43, 62, 0.6)] group relative block h-full rounded-lg border border-white bg-gradient-to-r from-[rgba(15,27,53,0.9)] p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform"
659+
>
660+
<span className="absolute inset-0"></span>
661+
<div className="custom-font project-card-inner relative z-10 flex h-full flex-col justify-between rounded-lg p-[2px]">
662+
<div>
663+
<h3 className="mb-4 text-2xl font-semibold text-[#00a6fb]">Resume Builder</h3>
664+
<p>Transform your GitHub journey into a professional resume in seconds</p>
665+
</div>
666+
<StyledButton
667+
onClick={() => {
668+
window.location.href = 'https://github-legacy.vercel.app';
669+
window.open('_blank');
670+
}}
671+
>
672+
<div className="blob1" />
673+
<div className="inner">Explore Now</div>
674+
</StyledButton>
675+
</div>
676+
<div className="dot" />
677+
</a>
678+
</StyledDot> */}
679+
680+
{/*<StyledDot>
600681
<a
601682
href="/Library"
602683
target="_blank"
@@ -660,8 +741,8 @@ const TechFeatures = () => {
660741
</div>
661742
<div className="dot" />
662743
</a>
663-
</StyledDot>
664-
</div> */}
744+
</StyledDot>*/}
745+
{/* </div> */}
665746
{/*Adding New Features */}
666747
</section>
667748
);

0 commit comments

Comments
 (0)