Animations & sum layout shi

[Flapjacck]

This pull request introduces new CSS-based animations to enhance the visual appearance of several hero and universal components. The main changes add fade/slide and scrapbook-style entrance animations to key UI elements, making the landing experience more dynamic and engaging. The changes are grouped below by theme.

Animation Enhancements

• Added a new fadeSlideUpFromBottom animation and corresponding CSS class in fadeSlideUpAnimation.css, and applied it to the main hero box, the welcome header, and the "Meet the Professionals" heading for a smooth fade/slide-up entrance effect. [1] [2] [3] [4] [5]
• Introduced scrapbookAnimations.css with keyframes for scrapbook-style letter reveals and mascot appearances, and imported it into relevant components. [1] [2] [3]

Component Animation Integration

• Updated the Mascots component to animate mascot images with a staggered "bounce" effect as they appear, based on their index. [1] [2] [3] [4]
• Updated the ScrapbookText component to animate each letter with a staggered scrapbook-style reveal, also based on its index. [1] [2] [3]

Minor Layout Adjustment

• Adjusted vertical padding in the hero section for better spacing on various screen sizes.