--- ## Prompt Create a single full-page section with a solid `#FF0000` red background using React 19, TypeScript, Vite, Tailwind CSS v4 (`@tailwindcss/vite`), and `motion` (from `motion/react`). ### Fonts (index.css) ```css @import url('https://fonts.googleapis.com/css2?family=Italiana&family=Manrope:wght@400;600&family=Marck+Script&display=swap'); @import "tailwindcss"; @theme { --font-manrope: "Manrope", sans-serif; --font-italiana: "Italiana", serif; --font-marck: "Marck Script", cursive; } ``` ### Section Container ``` ``` --- ### 1. Centered Content **Outer wrapper:** ``` ``` **Inner container:** ``` ``` **a) Logo SVG** -- white fill, 80x80, `mb-12`: ```tsx ``` **b) Mission statement:** ```tsx We built this platform with a single purpose to eliminate operational chaos and restore balance to your daily business routine ``` **c) Cursive signature:** ```tsx S.P.D ``` **d) Two paragraphs** (Title Case, font-light): ```tsx I Was Exhausted By Software That Demanded More Effort Than It Actually Saved. That Is Why We Engineered An Autonomous Architecture That Operates Silently In The Background. Your Business Should Serve Your Life, Not Consume It. Let Our Algorithms Handle The Heavy Lifting, So You Can Focus On The Vision. ``` --- ### 2. Bottom Video with Red Gradient Blend ```tsx ``` A 100px gradient overlay at the top of the video fades from `#FF0000` to transparent, seamlessly blending the red background into the video. The video uses `object-contain` -- native aspect ratio,
……（完整源码请在站内查看）
.webp)