Create a responsive DevOps & Cloud Engineer portfolio website using React.js with a clean, modern UI and smooth React animations. The website should reflect the engineer’s expertise in cloud infrastructure, CI/CD, automation, and modern DevOps tooling. Use React functional components, React Router, and animations powered by Framer Motion or AOS (Animate on Scroll). Ensure the design is fully responsive across all devices and implement CSS Modules or styled-components for scoped styling.

Required Sections:
Home
Full-screen landing section

Display:

Full Name

Title: e.g., "DevOps & Cloud Engineer"

Tagline: Short sentence expressing passion for automation, reliability, and cloud-native solutions

Background Animation:

Use subtle motion like particles (via react-tsparticles) or floating tech icons (via framer-motion)

Add a gentle call-to-action scroll indicator

About
A brief paragraph about the engineer:

Highlight experience in DevOps, cloud platforms (AWS, Azure, GCP), scripting, IaC (Terraform/Ansible), and CI/CD

Include a professional profile image

Apply entrance animations as the section scrolls into view

Projects
Showcase at least 3 key projects:

Each project card must include:

Title

Tools/Stack used (e.g., Docker, Jenkins, Terraform, Kubernetes, etc.)

Links to:

GitHub repository

Live deployment (if available)

Project cards should:

Fade in when scrolled into view

Animate on hover with subtle scale or shadow effects

Skills
Divide into:

DevOps Toolchain (e.g., Git, Jenkins, Docker, Ansible, Terraform, Kubernetes)

Cloud Platforms (e.g., AWS, Azure, GCP)

Display via:

Icon grid or animated skill bars

Animate:

Icons using Framer Motion or scroll-triggered bar fill transitions

Certifications
Optional but recommended section

List professional certifications (e.g., AWS Certified DevOps Engineer, CKA, Terraform Associate)

Use badge icons or logos with fade-in animation

Contact Me
Include a responsive contact form:

Fields: Name, Email, Message

Animate form fields on focus/input using Framer Motion

On submit: show success/failure feedback with animation

Include social media links:

GitHub, LinkedIn, personal blog (if any), etc.

Animate icons on hover

Technical Requirements:
React functional components

React Router for navigation

Framer Motion or AOS for animations

Scoped styling using either:

CSS Modules

styled-components

Fully responsive design compatible with all screen sizes

Modern, minimal aesthetic with intuitive UX