Create a React artifact that reproduces this brand's design language.
Page intent: landing.
Material language: material-you.
Voice: Tone: neutral · Headings: Sentence case · CTA verbs: [object Object], [object Object], [object Object], [object Object], [object Object], [object Object].
Library preference: Use Bootstrap 5 utility classes. Customize via CSS variables.
Colors to use: #ffffff, #f0f6fc, #000000, #8dd6ff, #9198a1, #1f2328, #58635b, #59636e, #a4aea6, #d1d9e0, #5fed83, #d1242f, #f85149, #0d1117.
Fonts: [object Object], [object Object], [object Object].
Radius vocabulary: 3, 6, 12, 16, 24, 48.
Sections:
- cta — heading: "Navigation Menu"
- feature-grid — heading: "The future of building happens together"
- hero — heading: "The future of building happens together"
- hero — heading: "The future of building happens together"
- cta
- testimonials — heading: "Accelerate your entire workflow"
- pricing — heading: "Work together, achieve more"
- testimonials — heading: "From startups to enterprises, GitHub scales with teams of any size in any indust"
- cta — heading: "Millions of developers and businesses call GitHub home"
- cta — heading: "Millions of developers and businesses call GitHub home"
- cta
- footer — heading: "Site-wide Links"
Use Tailwind via CDN, lucide-react for icons, and keep the material language consistent across sections. Do not add extra decorative elements outside this vocabulary.