Components

Scholar includes a library of reusable components for documentation and marketing pages.

Layout components

Component	Path	Purpose
Header	components/layout/Header.astro	Site header with navigation
Footer	components/layout/Footer.astro	Multi-column footer
DocsSidebar	components/layout/DocsSidebar.astro	Sticky documentation nav
MobileDrawer	components/layout/MobileDrawer.astro	Navigation drawer for mobile

UI components

Component	Props	Description
Button	variant, href, size	Primary, secondary, ghost buttons
Badge	variant	Status and category labels
Card	title, description	Content card with optional link
Callout	type, title	Info, tip, warning, error boxes

Section components

Marketing sections on the homepage:

• Hero — above-the-fold with 3D canvas background
• Features — feature grid with icons
• Stats — key metrics bar
• LogoCloud — trusted-by logos
• Testimonials — social proof cards
• CTA — conversion-focused call to action
• PricingPreview — pricing tier overview

Usage example

---
import Button from '../components/ui/Button.astro';
---

<Button href="/docs" variant="primary">Get Started</Button>