Portfolio - Copy this React, Tailwind Component to your project

Create-a-stylish,-fully-responsive-portfolio-website-with-four-distinct-pages,-each-displaying-its-content-without-requiring-scrolling.-The-website-should-use-a-sleek-black-theme-with-dotted-white-borders-on-all-sides.-Each-page-will-feature-four-dots-at-the-bottom,-indicating-the-number-of-pages,-along-with-a-right-arrow-icon-to-navigate-through-the-pages.-Page-Details:-Home-Page:-Display-a-circular,-glowing-profile-picture-on-the-right-with-a-glowing-background.-On-the-left,-add-a-brief-bio-section.-The-navigation-dots-will-be-visible-at-the-bottom,-with-a-right-arrow-for-page-transition.-Projects-Page:-Show-a-"Projects"-heading-at-the-top,-followed-by-a-horizontal-scroll-of-project-cards.-The-first-card-will-appear-in-focus,-while-others-will-be-blurred.-As-the-user-clicks-the-right-scroll-icon,-the-next-card-becomes-clear,-and-the-previous-card-blurs-out.-Contact-Page:-Design-a-beautiful-contact-form-that-includes-fields-for-Name,-Email,-Phone-Number,-and-Message.-Services-and-Pricing-Page:-List-all-services-offered,-followed-by-a-responsive-pricing-table-with-"Simple,"-"Pro,"-and-"Advanced"-options.-Ensure-that-all-pages-are-fully-responsive-and-include-the-dotted-navigation-icons-and-the-white-dotted-border-for-a-consistent-look.