Portfolio - Copy this React, Tailwind Component to your project
Design-a-Fully-Responsive-Portfolio-Website-Overall-Structure-and-Navigation:-The-website-should-contain-five-pages:-Home,-Projects,-Services,-Courses,-and-Contact.-Each-page-must-be-fully-responsive,-adjusting-seamlessly-across-all-screen-sizes-with-no-horizontal-(x)-or-vertical-(y)-scrolling.-Include-a-navigation-indicator:-each-page-should-have-five-dots-at-the-bottom-representing-each-of-the-five-pages,-with-a-highlighted-dot-to-indicate-the-current-page.-Navigation-Controls:-Each-page-should-feature-a-glowing-right-arrow-next-to-the-dots-to-proceed-to-the-next-page,-and-users-should-also-be-able-to-navigate-directly-by-clicking-on-any-of-the-dots.-Design-Details-and-Effects:-Slide-Transition-Effect:-Use-a-smooth-slide-show-effect-to-transition-between-pages.-White-Glowing-Border:-Each-page-should-have-a-glowing-white-border-outline-to-enhance-visual-appeal.-No-Footer-is-required-for-any-page.-Page-Layout-and-Content:-Home-Page:-Centered-in-the-middle,-display-a-circular-profile-picture-with-a-glowing-white-shadow-effect-in-the-background.-On-the-left-side,-add-a-brief-bio-section-about-the-individual.-Below-the-bio,-place-social-media-icons-(YouTube,-Facebook,-GitHub)-linking-to-the-respective-profiles.-Projects-Page:-Include-a-responsive-heading-at-the-top,-"Projects".-Display-five-project-cards-in-a-horizontal-row.-These-cards-should-scroll-horizontally-within-their-section.-Add-a-scrolling-icon-(e.g.,-“>”)-to-move-between-the-project-cards.-The-card-in-view-should-appear-clear,-while-the-others-are-slightly-blurred.-Services-Page:-Add-a-section-with-a-table-listing-the-services-offered:-Web-Development,-Typing,-Graphic-Designing,-and-AI-Content-Generation.-Ensure-the-table-is-styled-responsively,-adapting-to-different-screen-sizes.-Courses-Page:-Display-four-courses-offered-with-titles:-"Frontend-Development,"-"AI-Development,"-"Canva-Course,"-and-"YouTube."-Each-course-should-be-represented-with-an-attractive-card-or-list-format.-Contact-Page:-Design-a-contact-form-with-the-following-fields:-Name,-Email,-Phone-Number,-and-a-dropdown-list-labeled-"What-do-you-need?"-with-options.-Include-a-textarea-for-additional-comments-and-a-Submit-button-to-send-the-form.
