Project: IT Consulting Hero Section

Project Goal

To create a unique, modern, and customized hero section to be embedded in a Google Site. The section will showcase IT capabilities with a focus on business intelligence and medium business SaaS solutions. It will feature animations and be optimized for SEO.

Technology Stack

• Framework: Next.js (with React)
• Language: TypeScript
• UI Components: Custom (Glassmorphism Style)
• Styling: Tailwind CSS
• Animations: Framer Motion
• Background: Vanta.js (Three.js)
• Development Environment: Node.js

Implementation Status

Environment Setup:

• Initialize Next.js project with TypeScript and Tailwind CSS.
• Install Framer Motion for animations.

Component Development:

• Create Layout Components (Navbar, Footer, SectionContainer).
• Implement Hero Section (Revamped with Vanta.js).
• Implement About & Skills Sections.
• Implement Experience Timeline.
• Implement Projects Grid.
• Implement Contact Section.

Content & SEO:

• Integrate SEO-focused keywords and meta tags.
• Structure content based onprovided resume.

Animation:

• Implement scroll animations using Framer Motion.

Build & Deployment:

• Create GitHub Actions workflow (.github/workflows/nextjs.yml).
• Verify production build locally (Pending environment setup).
• Deploy to GitHub Pages.