> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Reva

> T3 Reva documentation for TYPO3

<div className="t3-template-landing">
  <div className="t3-landing-hero">
    <p className="t3-landing-eyebrow">TYPO3 Template</p>
    <h1 className="t3-landing-title">Reva</h1>
    <p className="t3-landing-subtitle">Everything you need to install, configure, and customize T3 Reva in TYPO3. From first setup to production.</p>
  </div>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Get started</p>
    <h2 className="t3-landing-section-title">Installation & setup</h2>

    <CardGroup cols={2}>
      <Card title="Introduction" icon="book-open" href="/en/latest/en/latest/EXTReva/Introduction/Index">
        Overview, features, and system requirements.
      </Card>

      <Card title="Important notes before Installation" icon="circle-alert" href="/en/latest/en/latest/EXTReva/InstallationT3RevaTheme/Index">
        Important prerequisites before you begin installation.
      </Card>

      <Card title="React.js Setup" icon="code" href="/en/latest/en/latest/EXTReva/InstallationT3RevaReactjs/Index">
        Set up the React.js frontend build for this theme.
      </Card>

      <Card title="Update Version" icon="refresh-cw" href="/en/latest/en/latest/EXTReva/UpdateVersion/Index">
        Upgrade to the latest theme version safely.
      </Card>
    </CardGroup>
  </section>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Configure</p>
    <h2 className="t3-landing-section-title">Theme & content</h2>

    <CardGroup cols={2}>
      <Card title="Theme Options" icon="settings" href="/en/latest/en/latest/EXTReva/GlobalSettingsConfiguration/Index">
        Configure global theme settings and constants.
      </Card>

      <Card title="Mask Elements" icon="blocks" href="/en/latest/en/latest/EXTReva/CustomElements/Index">
        Configure Mask-based content elements.
      </Card>

      <Card title="Localization" icon="languages" href="/en/latest/en/latest/EXTReva/Localization/Index">
        Translate and localize your theme content.
      </Card>

      <Card title="Customization" icon="palette" href="/en/latest/en/latest/EXTReva/Customization/Index">
        Extend and customize templates without losing upgrades.
      </Card>
    </CardGroup>
  </section>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Optimize</p>
    <h2 className="t3-landing-section-title">Performance & customization</h2>

    <CardGroup cols={2}>
      <Card title="Preview Feature" icon="eye" href="/en/latest/en/latest/EXTReva/PreviewFeature/Index">
        Preview content changes before publishing.
      </Card>
    </CardGroup>
  </section>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Resources</p>
    <h2 className="t3-landing-section-title">Help & support</h2>

    <CardGroup cols={2}>
      <Card title="Demo Site" icon="monitor" href="/en/latest/en/latest/EXTReva/DemoSite/Index">
        Explore the live demo site and backend.
      </Card>

      <Card title="FAQ" icon="circle-question-mark" href="/en/latest/en/latest/EXTReva/FAQ/Index">
        Answers to frequently asked questions.
      </Card>

      <Card title="Help & Support" icon="life-buoy" href="/en/latest/en/latest/EXTReva/HelpSupport/Index">
        Get help from the T3Planet support team.
      </Card>
    </CardGroup>
  </section>
</div>