@model PublicPageViewModel
@{
    ViewData["Title"] = "Contact";
    ViewData["ShellClass"] = "marketing-shell";
    ViewData["SeoTitle"] = "Contact PlotDirector";
    ViewData["SeoDescription"] = "Contact PlotDirector for support, questions, feedback, or feature suggestions about our novel planning and story organisation platform.";
    ViewData["SeoKeywords"] = "novel planning software, writing software, story planning app, author tools, plot tracking, character tracking, story timeline, novel organisation, fiction writing software, series writing software, continuity tracking, plot threads, story bible";
    ViewData["CanonicalUrl"] = "https://plotdirector.com/contact";
}

<article class="marketing-home public-info-page">
    <section class="public-hero">
        <div class="marketing-container public-hero__inner">
            <p class="marketing-eyebrow">Contact</p>
            <h1>Get in touch</h1>
            <p class="marketing-lead">We'd love to hear from you.</p>
            <a class="marketing-btn marketing-btn--primary" href="mailto:@Model.SupportEmail">@Model.SupportEmail</a>
        </div>
    </section>

    <section class="public-content-section">
        <div class="marketing-container public-card-grid">
            <article class="public-card">
                <h2>General enquiries</h2>
                <p>For questions about PlotDirector, subscriptions, or whether it is right for your writing process, email <a href="mailto:@Model.SupportEmail">@Model.SupportEmail</a>.</p>
            </article>
            <article class="public-card">
                <h2>Support</h2>
                <p>If you're experiencing a problem, please include as much detail as possible, including screenshots if appropriate.</p>
            </article>
            <article class="public-card">
                <h2>Feedback and suggestions</h2>
                <p>For feature suggestions, we'd love to hear how PlotDirector could better support your writing process.</p>
            </article>
        </div>
    </section>

    <section class="public-content-section public-content-section--soft">
        <div class="marketing-container">
            <div class="section-heading">
                <p class="marketing-eyebrow">Contact FAQ</p>
                <h2>Useful to know</h2>
            </div>
            <div class="faq-grid">
                <article>
                    <h3>How quickly will I receive a response?</h3>
                    <p>We aim to respond to enquiries as quickly as possible.</p>
                </article>
                <article>
                    <h3>Can I suggest new features?</h3>
                    <p>Absolutely. PlotDirector continues to evolve based on feedback from writers.</p>
                </article>
            </div>
        </div>
    </section>
</article>