About.jsx

Go to the documentation of this file.

import PublicLayout from '../components/Layout/PublicLayout';
import './About.css';
 
export default function About() {
  return (
    <PublicLayout>
      <div className="about-container">
        <section className="about-hero">
          <h1>About IBG MSP Platform</h1>
          <p className="lead">
            A complete Remote Monitoring & Management (RMM) and Professional Services Automation (PSA) 
            solution built for modern Managed Service Providers.
          </p>
        </section>
 
        <section className="about-section">
          <h2>Our Mission</h2>
          <p>
            We built the IBG MSP Platform to empower service providers with tools that scale. 
            From monitoring endpoints to managing tickets, contracts, and billing—everything in one place.
          </p>
        </section>
 
        <section className="about-section">
          <h2>What We Offer</h2>
          <div className="features-grid">
            <div className="feature-box">
              <span className="material-symbols-outlined">computer</span>
              <h3>Remote Monitoring</h3>
              <p>Real-time agent reporting, alerts, and automated responses.</p>
            </div>
            <div className="feature-box">
              <span className="material-symbols-outlined">confirmation_number</span>
              <h3>Ticketing</h3>
              <p>Streamlined support workflows with SLA tracking.</p>
            </div>
            <div className="feature-box">
              <span className="material-symbols-outlined">payments</span>
              <h3>Billing</h3>
              <p>Invoicing, contracts, and revenue insights.</p>
            </div>
            <div className="feature-box">
              <span className="material-symbols-outlined">inventory_2</span>
              <h3>Inventory</h3>
              <p>Stock management, purchase orders, and product catalogs.</p>
            </div>
          </div>
        </section>
 
        <section className="about-section">
          <h2>Technology Stack</h2>
          <p>
            Built with modern web technologies: React frontend, Node.js backend, PostgreSQL database, 
            and a multi-tenant architecture designed for security and scalability.
          </p>
        </section>
 
        <section className="about-section">
          <h2>Contact Us</h2>
          <p>
            Have questions or want to learn more? Reach out to our team at{' '}
            <a href="mailto:support@ibgmsp.com">support@ibgmsp.com</a>
          </p>
        </section>
      </div>
    </PublicLayout>
  );
}