Guardnet Demo

Build a high-performance, agency-grade Info section called "Guardnet Demo" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build two React + TypeScript sections using Tailwind CSS. No extra libraries besides React and Tailwind. Everything is fully mobile-responsive. The entire page has a black background with white text.

Visual Aesthetics & Mood:
pure black background white text all lowercase typography retro geometric sans-serif fullscreen security-themed video fade overlays minimal stark techy monospace-feel restrained cyber defense mood high contrast dark clean utilitarian confident

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)