Create a world-class, next-generation portfolio website using Next.js (latest version) with TypeScript, TailwindCSS for styling, and Framer Motion for animations. The site must look like it was built by a top-tier developer with 10+ years of professional experience. It must be highly polished, extremely responsive, and visually stunning across all devices. Requirements:

• Home Page: Eye-catching animated hero section with a professional developer introduction (name, short tagline like "Crafting elegant solutions with code", optional image or 3D illustration).
• About Me Section: Smooth scroll, elegant text reveal animations, show a clean "About Me" area with brief personal intro and tech stack logos/icons in a beautiful responsive grid (e.g., React, Next.js, TypeScript, Tailwind, Node.js, etc.).
• Projects Section: Animated cards for each project.
  • Each project card should show:
    • Title
    • Short description
    • Two icons/buttons only:
      • External Link Icon → live demo
      • GitHub Icon → view code
    • Cards should have hover animations (lift, glow, scale, shadow).
• Contact Section:
  • Include options for contacting via:
    • Email (mailto link)
    • Phone number (click to call link)
    • WhatsApp (deep link to open WhatsApp chat).
  • Animate the contact icons elegantly when in view.
• Resume Button: Prominently display a "Download Resume" button (with animation on hover) that triggers a PDF download.
• Header:
  • Sticky navbar with smooth scroll links to Home, About, Projects, Contact.
  • Navbar background should subtly change on scroll for better UX.
  • Highlight active section in the navbar as the user scrolls (scroll spy behavior).
• Footer:
  • Professional footer with copyright.
  • Minimalistic, dark background, slight fade-in animation.
• Design Feel:
  • Ultra-clean, modern, minimalistic.
  • White/Dark mode toggle.
  • Soft color palette (deep blue, dark background, soft accent colors).
  • Use high-quality professional fonts like Inter or Poppins.
• Animations:
  • Use Framer Motion for all major section entrances, hover effects, scroll reveals.
  • Subtle parallax on scroll for hero section.
  • Animate section load as they come into viewport (intersection observer).
• Performance Optimized:
  • Lazy loading images.
  • Responsive for all screen sizes.
  • Accessibility best practices.
• Extra Features (Bonus if possible):
  • Light/dark mode switcher animated.
  • Animated skill progress bars or charts for skills (optional).
  • Cursor animation or interactive cursor (optional if fits design).
  • Background subtle animated gradient or particles effect (very light, not distracting). Key Technologies:
• Next.js (TypeScript)
• TailwindCSS
• Framer Motion
• HeroIcons or Lucide Icons for beautiful consistent icons No backend. No database. No server-side code. Only frontend code needed. Output clean, production-quality, and scalable code following best practices.

I have to create a screen in react native , typescript, not expo where user can create ticket using vechile number, price, and in that page there will be three vehicle image user can select any vechile and the price will be automatically change 1st one will be selected bydefault

• Format: XX-XX-XXXX
  • The first two letters represent the state code (e.g., MH for Maharashtra, KA for Karnataka).
  • The next two digits represent the RTO (Regional Transport Office) code within the state (e.g., 01 for Mumbai, 02 for Pune).
  • The following characters are a serial number that can include alphabets and digits (e.g., AB1234).
  • Example: MH 12 AB 1234 Breakdown:
• First two characters: State code (e.g., "MH" for Maharashtra).
• Next two digits: RTO code (e.g., "12" for Mumbai).
• Next two characters: Alphabetic code (e.g., "AB").
• Last four digits: Serial number (e.g., "1234"). Example Vehicle Numbers:
• MH 12 AB 1234
• KA 01 CD 5678
• TN 22 XY 9876 once ticket number is filled and price is added Generate button will be enabled otherwise disabled while button has disabled the backgrouond color should also be change once everything filled correctly then button will be enabled user can change the price too it should have indian currency symbol too make this ultra professional, smooth UI animations, responsive, make it advanced modern ui add whatever effort you can add to make it look good break into some components for colors you can use white and #6c5ce7 impress me by your creativity