Hero - Copy this React, Tailwind Component to your project
here-is-my-website-on-which-i-am-working-on-About.js-```-import-{-motion-}-from-'framer-motion';-export-default-function-About()-{-return-(-About-Me-I'm-Nitish,-an-AI-&-LLM-engineer,-full-stack-developer,-and-innovator-with-a-passion-for-creating-impactful-solutions.-Currently,-I-am-working-at-Testingxperts-as-an-AI-engineer.-I-have-also-interned-at-9i-Technologies,-where-I-worked-on-Python-based-projects.-);-}-```-Contact.js-```-import-{-motion-}-from-'framer-motion';-export-default-function-Contact()-{-const-socialLinks-=-[-{-name:-'LinkedIn',-url:-'https://www.linkedin.com/in/nitish',-icon:-(-)-},-{-name:-'GitHub',-url:-'https://github.com/nitish',-icon:-(-)-},-{-name:-'Email',-url:-'mailto:nitish@example.com',-icon:-(-)-}-];-return-(-Get-In-Touch-I'm-always-open-to-discussing-new-projects,-opportunities,-or-just-having-a-chat.-Feel-free-to-reach-out!-{socialLinks.map((link,-index)-=>-(-{link.icon}-))}-Send-an-Email-);-}-```-experience.js-```-import-{-motion-}-from-'framer-motion';-export-default-function-Experience()-{-const-experiences-=-[-{-title:-"AI-Engineer",-company:-"Testingxperts",-period:-"Current",-description:-[-"Developing-AI-and-LLM-solutions",-"Implementing-innovative-technologies"-]-},-{-title:-"AI-Intern",-company:-"9i-Technologies",-period:-"Previous",-description:-[-"Worked-on-Python-based-projects",-"Gained-hands-on-experience-in-software-development"-]-}-];-return-(-Professional-Experience-{experiences.map((exp,-index)-=>-(-{exp.title}-{exp.company}-|-{exp.period}-{exp.description.map((desc,-descIndex)-=>-(-{desc}-))}-))}-);-}-```-Header.js-```-import-{-useState-}-from-'react';-import-Link-from-"next/link";-import-{-motion,-AnimatePresence-}-from-'framer-motion';-export-default-function-Header()-{-const-[isOpen,-setIsOpen]-=-useState(false);-const-menuItems-=-[-{-href:-"#about",-label:-"About"-},-{-href:-"#experience",-label:-"Experience"-},-{-href:-"#projects",-label:-"Projects"-},-{-href:-"#contact",-label:-"Contact"-}-];-const-menuVariants-=-{-hidden:-{-opacity:-0,-y:--20-},-visible:-{-opacity:-1,-y:-0,-transition:-{-staggerChildren:-0.1-}-}-};-const-itemVariants-=-{-hidden:-{-opacity:-0,-y:--20-},-visible:-{-opacity:-1,-y:-0-}-};-return-(-Nitish-{/*-Mobile-Menu-Toggle-*/}-setIsOpen(!isOpen)}-className="text-purple-400-focus:outline-none"->-{isOpen-?-'✕'-:-'☰'}-{/*-Desktop-Navigation-*/}-{menuItems.map((item)-=>-(-{item.label}-))}-{/*-Mobile-Menu-Overlay-*/}-{isOpen-&&-(-{menuItems.map((item)-=>-(-setIsOpen(false)}->-{item.label}-))}-)}-);-}-```-Hero.js-```-import-{-motion-}-from-'framer-motion';-export-default-function-Hero()-{-const-containerVariants-=-{-hidden:-{-opacity:-0-},-visible:-{-opacity:-1,-transition:-{-staggerChildren:-0.3-}-}-};-const-itemVariants-=-{-hidden:-{-opacity:-0,-y:-50-},-visible:-{-opacity:-1,-y:-0,-transition:-{-duration:-0.8,-ease:-"easeOut"-}-}-};-return-(-Hi,-I'm-Nitish-AI-&-LLM-Engineer-|-Full-Stack-Developer-|-Innovator-Discover-More-);-}-```-Projects.js-```-import-{-motion-}-from-'framer-motion';-export-default-function-Projects()-{-const-projects-=-[-{-title:-"AI-Language-Model",-description:-"Developed-a-custom-AI-language-model-with-advanced-natural-language-processing-capabilities.",-technologies:-["Python",-"TensorFlow",-"NLP"]-},-{-title:-"Full-Stack-Web-Application",-description:-"Created-a-dynamic-web-application-with-real-time-data-synchronization-and-user-authentication.",-technologies:-["React",-"Node.js",-"GraphQL"]-}-];-return-(-Featured-Projects-{projects.map((project,-index)-=>-(-{project.title}-{project.description}-{project.technologies.map((tech,-techIndex)-=>-(-{tech}-))}-))}-);-}-```-css-```-@tailwind-base;-@tailwind-components;-@tailwind-utilities;-/*-Custom-scrollbar-*/-::-webkit-scrollbar-{-width:-10px;-}-::-webkit-scrollbar-track-{-background:-#1E1E1E;-}-::-webkit-scrollbar-thumb-{-background:-#8B5CF6;-border-radius:-5px;-}-::-webkit-scrollbar-thumb:hover-{-background:-#7C3AED;-}-/*-Smooth-scroll-behavior-*/-html-{-scroll-behavior:-smooth;-}-/*-Global-body-styles-*/-body-{-background-color:-#121212;-color:-#FFFFFF;-font-family:-'Manrope',-sans-serif;-}-/*-Global-link-styles-*/-a-{-transition:-color-0.3s-ease;-}-/*-Fade-in-animations-*/-@keyframes-fadeIn-{-from-{-opacity:-0;-transform:-translateY(20px);-}-to-{-opacity:-1;-transform:-translateY(0);-}-}-.animate-fade-in-{-animation:-fadeIn-0.6s-ease-out;-}-```-more-css-```-.header-{-position:-fixed;-width:-100%;-top:-0;-background-color:-rgba(30,-30,-30,-0.9);-z-index:-1000;-}-.navbar-{-display:-flex;-justify-content:-space-between;-align-items:-center;-padding:-1rem-2rem;-color:-white;-}-.logo-{-font-size:-1.5rem;-font-weight:-bold;-}-.navbar-ul-{-display:-flex;-list-style:-none;-gap:-1rem;-}-.navbar-a-{-color:-white;-text-decoration:-none;-transition:-color-0.3s-ease;-}-.navbar-a:hover-{-color:-#4299e1;-}-.hero-{-display:-flex;-justify-content:-center;-align-items:-center;-height:-100vh;-background-color:-#1e1e1e;-color:-white;-text-align:-center;-opacity:-0;-transition:-opacity-1s-ease-in;-}-.hero.fadeIn-{-opacity:-1;-}-.heroContent-h1-{-font-size:-4rem;-font-weight:-bold;-}-.heroContent-p-{-font-size:-1.5rem;-margin-top:-10px;-}-@media-(max-width:-768px)-{-.heroContent-h1-{-font-size:-2.5rem;-}-.heroContent-p-{-font-size:-1rem;-}-}-.page-{---gray-rgb:-0,-0,-0;---gray-alpha-200:-rgba(var(--gray-rgb),-0.08);---gray-alpha-100:-rgba(var(--gray-rgb),-0.05);---button-primary-hover:-#383838;---button-secondary-hover:-#f2f2f2;-display:-grid;-grid-template-rows:-20px-1fr-20px;-align-items:-center;-justify-items:-center;-min-height:-100svh;-padding:-80px;-gap:-64px;-font-family:-var(--font-geist-sans);-}-@media-(prefers-color-scheme:-dark)-{-.page-{---gray-rgb:-255,-255,-255;---gray-alpha-200:-rgba(var(--gray-rgb),-0.145);---gray-alpha-100:-rgba(var(--gray-rgb),-0.06);---button-primary-hover:-#ccc;---button-secondary-hover:-#1a1a1a;-}-}-.main-{-display:-flex;-flex-direction:-column;-gap:-32px;-grid-row-start:-2;-}-.main-ol-{-font-family:-var(--font-geist-mono);-padding-left:-0;-margin:-0;-font-size:-14px;-line-height:-24px;-letter-spacing:--0.01em;-list-style-position:-inside;-}-.main-li:not(:last-of-type)-{-margin-bottom:-8px;-}-.main-code-{-font-family:-inherit;-background:-var(--gray-alpha-100);-padding:-2px-4px;-border-radius:-4px;-font-weight:-600;-}-.ctas-{-display:-flex;-gap:-16px;-}-.ctas-a-{-appearance:-none;-border-radius:-128px;-height:-48px;-padding:-0-20px;-border:-none;-border:-1px-solid-transparent;-transition:-background-0.2s,-color-0.2s,-border-color-0.2s;-cursor:-pointer;-display:-flex;-align-items:-center;-justify-content:-center;-font-size:-16px;-line-height:-20px;-font-weight:-500;-}-a.primary-{-background:-var(--foreground);-color:-var(--background);-gap:-8px;-}-a.secondary-{-border-color:-var(--gray-alpha-200);-min-width:-180px;-}-.footer-{-grid-row-start:-3;-display:-flex;-gap:-24px;-}-.footer-a-{-display:-flex;-align-items:-center;-gap:-8px;-}-.footer-img-{-flex-shrink:-0;-}-/*-Enable-hover-only-on-non-touch-devices-*/-@media-(hover:-hover)-and-(pointer:-fine)-{-a.primary:hover-{-background:-var(--button-primary-hover);-border-color:-transparent;-}-a.secondary:hover-{-background:-var(--button-secondary-hover);-border-color:-transparent;-}-.footer-a:hover-{-text-decoration:-underline;-text-underline-offset:-4px;-}-}-@media-(max-width:-600px)-{-.page-{-padding:-32px;-padding-bottom:-80px;-}-.main-{-align-items:-center;-}-.main-ol-{-text-align:-center;-}-.ctas-{-flex-direction:-column;-}-.ctas-a-{-font-size:-14px;-height:-40px;-padding:-0-16px;-}-a.secondary-{-min-width:-auto;-}-.footer-{-flex-wrap:-wrap;-align-items:-center;-justify-content:-center;-}-}-@media-(prefers-color-scheme:-dark)-{-.logo-{-filter:-invert();-}-}-.about-{-padding:-50px;-background-color:-#f4f4f4;-animation:-slideIn-1s-ease-out;-}-@keyframes-slideIn-{-from-{-opacity:-0;-transform:-translateY(50px);-}-to-{-opacity:-1;-transform:-translateY(0);-}-}-.contact-{-padding:-50px;-background-color:-white;-text-align:-center;-}-.contact-a-{-color:-#4299e1;-text-decoration:-none;-}-.experience-{-padding:-50px;-background-color:-white;-}-.experienceItem-{-margin-bottom:-20px;-}-.experienceItem-h3-{-margin-bottom:-5px;-}-.experienceItem-ul-{-list-style-type:-disc;-padding-left:-20px;-}-.projects-{-display:-flex;-flex-direction:-column;-padding:-50px;-background-color:-#f4f4f4;-}-.projectList-{-display:-flex;-flex-wrap:-wrap;-justify-content:-space-between;-}-.projectItem-{-flex-basis:-calc(50%---20px);-margin-bottom:-20px;-padding:-20px;-background-color:-white;-border-radius:-8px;-box-shadow:-0-4px-6px-rgba(0,-0,-0,-0.1);-}-@media-(max-width:-768px)-{-.projectList-{-flex-direction:-column;-}-.projectItem-{-flex-basis:-100%;-}-}-```-now-what-i-want-is-i-want-some-image-animation-like-coder-or-computer-image-on-homepage-and-instead-of-purple-lets-work-on-olive-and-white-color-try-to-enhance-more-animations
