Build a landing page with this exact visual language.
COLORS:
  #ffffff
  #f0f6fc
  #000000
  #8dd6ff
  #9198a1
  #1f2328
  #58635b
  #59636e
  #a4aea6
  #d1d9e0
  #5fed83
  #d1242f
  #f85149
  #0d1117
FONTS: [object Object], [object Object], [object Object]
SPACING: 1, 40, 64, 80, 96, 102, 112, 274
RADIUS: 3, 6, 12, 16, 24, 48
SHADOWS: rgba(209, 217, 224, 0.25) 0px 0px 0px 1px, rgba(37, 41, 46, 0.04) 0px 6px 12px -3px, rgba(37, 41, 46, 0.12) 0px 6px 18px 0px | rgba(209, 217, 224, 0) 0px 0px 0px 1px, rgba(37, 41, 46, 0.24) 0px 40px 80px 0px | rgba(255, 255, 255, 0) 0px 0px 0px 1px inset
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: Use Bootstrap 5 utility classes. Customize via CSS variables.
SECTIONS (in order):
- 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. Match these tokens exactly. Keep the material language consistent.