DocsIndex.jsx

Go to the documentation of this file.

import { Link } from 'react-router-dom';
import DocsLayout from './DocsLayout';
import { guides } from './guides/index';
 
export default function DocsIndex() {
  return (
    <DocsLayout>
      <section className="doc-section">
        <h1><span className="material-symbols-outlined" style={{verticalAlign:'-6px',marginRight:8}}>menu_book</span>Documentation</h1>
        <p className="lead">Welcome to the IBG MSP Platform documentation. Browse topics below or use the search.</p>
      </section>
 
      <section className="doc-section">
        <div className="docs-grid">
          {guides.map((item) => (
            <Link key={item.slug} className="doc-card" to={`/docs/${item.slug}`}>
              <div className="doc-card-icon">
                <span className="material-symbols-outlined">{item.icon}</span>
              </div>
              <div className="doc-card-body">
                <h3>{item.title}</h3>
                <p>{item.summary}</p>
              </div>
            </Link>
          ))}
        </div>
      </section>
    </DocsLayout>
  );
}