医疗培训平台设计

import React from 'react';
import './App.css';

const App = () => {
  return (
    <div className="app">
      <header className="header">
        <h1>Pract by Medvarsity</h1>
        <nav>
          <a href="#">Home</a>
          <a href="#logs">Logs</a>
          <a href="#case-discussions">Case Discussions</a>
          <a href="#video-presentations">Video Presentations</a>
          <a href="#medical-journals">Medical Journals</a>
          <a href="#online-courses">Online Courses</a>
          <a href="#ai-agent">AI Agent</a>
        </nav>
      </header>

      <section id="logs" className="section">
        <h2>Submit Logs</h2>
        <p>Upload and manage your fellowship logs here.</p>
      </section>

      <section id="case-discussions" className="section">
        <h2>Case Discussions</h2>
        <p>Participate in case discussions with peers.</p>
      </section>

      <section id="video-presentations" className="section">
        <h2>Video Presentations</h2>
        <p>Access specific video case presentations.</p>
      </section>

      <section id="medical-journals" className="section">
        <h2>Medical Journals</h2>
        <p>Access medical journals like PubMed, BMJ, etc.</p>
      </section>

      <section id="online-courses" className="section">
        <h2>Online Courses</h2>
        <p>Undertake selected online courses.</p>
      </section>

      <section id="ai-agent" className="section">
        <h2>AI Agent</h2>
        <p>Interact with our AI agent for assistance.</p>
        <img src="https://placehold.co/100x100" alt="AI Agent" />
      </section>

      <footer className="footer">
        <p>© 2025 Pract by Medvarsity. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;