@{
    ViewData["Title"] = "Finally finish your novel";
    ViewData["ShellClass"] = "marketing-shell";
    ViewData["SeoTitle"] = "PlotDirector | Novel Planning Software for Authors";
    ViewData["SeoDescription"] = "PlotDirector helps authors organise characters, plot threads, timelines, story assets, relationships, and continuity so they can finish complex novels with confidence.";
    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/";
    ViewData["StructuredData"] = new[]
    {
        """
        {
          "@context": "https://schema.org",
          "@type": "WebSite",
          "name": "PlotDirector",
          "url": "https://plotdirector.com",
          "description": "Novel planning and story organisation software for authors."
        }
        """,
        """
        {
          "@context": "https://schema.org",
          "@type": "SoftwareApplication",
          "name": "PlotDirector",
          "applicationCategory": "WritingApplication",
          "operatingSystem": "Web",
          "description": "Novel planning software for authors to organise characters, plot threads, timelines, story assets, relationships, continuity, and series.",
          "url": "https://plotdirector.com",
          "offers": {
            "@type": "Offer",
            "priceCurrency": "GBP",
            "availability": "https://schema.org/InStock"
          }
        }
        """,
        """
        {
          "@context": "https://schema.org",
          "@type": "Organization",
          "name": "PlotDirector",
          "url": "https://plotdirector.com",
          "logo": "https://plotdirector.com/android-chrome-512x512.png",
          "sameAs": []
        }
        """
    };
}

<article class="marketing-home">
    <section class="marketing-hero reveal-section">
        <div class="marketing-container marketing-hero__grid">
            <div class="marketing-hero__copy">
                <p class="marketing-eyebrow">PlotDirector for novelists</p>
                <h1>Finally finish the novel you've always wanted to write.</h1>
                <p class="marketing-lead">
                    PlotDirector gives your characters, chapters, plot threads, notes, timelines and continuity checks one calm place to live, so you can plan, organise, track and finish your book.
                </p>
                <div class="marketing-actions">
                    <a class="marketing-btn marketing-btn--primary" asp-controller="Account" asp-action="Register">Start Free Trial</a>
                    <a class="marketing-btn marketing-btn--secondary" href="#overview">Watch 2 Minute Overview</a>
                </div>
                <dl class="hero-proof" aria-label="PlotDirector highlights">
                    <div>
                        <dt>9</dt>
                        <dd>story systems brought together</dd>
                    </div>
                    <div>
                        <dt>1</dt>
                        <dd>calm place to plan, draft, and revise</dd>
                    </div>
                </dl>
            </div>

            <div class="home-image-card home-hero-image hero-product" id="overview">
                <img src="~/images/home/hero-writing-workspace.webp"
                     width="1600"
                     height="1200"
                     alt="PlotDirector writing workspace showing manuscript planning, character notes, plot threads and continuity checks." />
            </div>
        </div>
    </section>

    <section class="problem-intro reveal-section">
        <div class="marketing-container">
            <p class="marketing-eyebrow">Made for real drafting problems</p>
            <h2>Every writer faces these challenges. PlotDirector helps solve them.</h2>
        </div>
    </section>

    <section class="problem-stack">
        <div class="marketing-container">
            <div class="problem-section reveal-section">
                <div class="problem-visual visual-notes" aria-hidden="true">
                    <span>Where is Mary?</span>
                    <span>Who saw Sophie?</span>
                    <span>Chapter 18 clue</span>
                    <span>Rebecca's notebook</span>
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Losing track of story details</p>
                    <h3>Your story should feel alive, not scattered across notebooks, documents and half-remembered ideas.</h3>
                    <p>You shouldn't have to remember what colour someone's eyes were fifty thousand words ago, or which chapter introduced an important clue. PlotDirector keeps the details connected so you can stay close to the story.</p>
                </div>
            </div>

            <div class="problem-section problem-section--reverse reveal-section">
                <div class="problem-visual visual-plot" aria-hidden="true">
                    <span>Secret</span>
                    <span>Reveal</span>
                    <span>Consequence</span>
                    <span>Pay-off</span>
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Managing complex plots</p>
                    <h3>See how every scene, reveal and promise connects before the story ties itself in knots.</h3>
                    <p>When plots, subplots, mysteries, romances and character arcs start pulling in different directions, PlotDirector helps you keep the shape of the book in view.</p>
                </div>
            </div>

            <div class="problem-section reveal-section">
                <div class="problem-visual problem-visual--image visual-warning">
                    <img class="home-feature-image"
                         src="~/images/home/manuscript-continuity.webp"
                         width="1200"
                         height="675"
                         loading="lazy"
                         alt="PlotDirector manuscript continuity view highlighting story details and possible contradictions." />
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Continuity mistakes</p>
                    <h3>Catch contradictions before readers do.</h3>
                    <p>Readers notice when characters know things they shouldn't, important objects disappear, or timelines stop making sense. PlotDirector helps you spot those problems before publication.</p>
                </div>
            </div>

            <div class="problem-section problem-section--reverse reveal-section">
                <div class="problem-visual visual-next" aria-hidden="true">
                    <small>Writing queue</small>
                    <strong>Draft Scene 31</strong>
                    <p>Revise Chapter 12</p>
                    <p>Polish ending</p>
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Knowing what to work on next</p>
                    <h3>Open your project and know exactly what scene needs you next.</h3>
                    <p>Many novels stall because writers simply don't know what to tackle next. PlotDirector helps you identify the scenes, revisions, and unresolved issues that deserve your attention today.</p>
                </div>
            </div>

            <div class="problem-section reveal-section">
                <div class="problem-visual visual-docs" aria-hidden="true">
                    <span>Notebook</span>
                    <span>Research</span>
                    <span>Scene ideas</span>
                    <span>Character notes</span>
                    <span>Loose pages</span>
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Drowning in notes and documents</p>
                    <h3>Stop opening five files just to remember what happened next.</h3>
                    <p>If your story lives across Word documents, notebooks, spreadsheets, and scraps of paper, you're not alone. PlotDirector brings everything together in one organised place.</p>
                </div>
            </div>

            <div class="problem-section problem-section--reverse reveal-section">
                <div class="problem-visual problem-visual--image visual-relationships">
                    <img class="home-feature-image"
                         src="~/images/home/character-relationship-board.webp"
                         width="1200"
                         height="800"
                         loading="lazy"
                         alt="PlotDirector character relationship board showing connected characters and relationship details." />
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Tracking character relationships</p>
                    <h3>Track the loyalties, secrets and tensions that make your cast feel real.</h3>
                    <p>Friendships evolve. Rivalries deepen. Secrets change everything. PlotDirector helps you track how your characters connect and how those relationships change over time.</p>
                </div>
            </div>

            <div class="problem-section reveal-section">
                <div class="problem-visual problem-visual--image visual-threads">
                    <img class="home-feature-image"
                         src="~/images/home/plot-thread-map.webp"
                         width="1200"
                         height="434"
                         loading="lazy"
                         alt="Plot threads visualised across scenes in PlotDirector" />
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Keeping plot threads organised</p>
                    <h3>Never lose a promise you made to the reader.</h3>
                    <p>Give each thread a visible lifecycle from introduction to resolution, whether it is a murder clue, family secret, magic rule, rivalry, or slow-burn confession.</p>
                </div>
            </div>

            <div class="problem-section problem-section--reverse reveal-section">
                <div class="problem-visual problem-visual--image visual-series">
                    <img class="home-feature-image"
                         src="~/images/home/series-dashboard.webp"
                         width="1200"
                         height="596"
                         loading="lazy"
                         alt="Series dashboard showing books, progress and writing statistics" />
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Managing series and multiple books</p>
                    <h3>Keep the whole series organised without flattening the life out of it.</h3>
                    <p>Long-running mysteries, character journeys, and future revelations become difficult to manage across multiple books. PlotDirector helps you keep the bigger picture in view.</p>
                </div>
            </div>

            <div class="problem-section reveal-section">
                <div class="problem-visual problem-visual--image visual-flow">
                    <img class="home-feature-image"
                         src="~/images/home/story-timeline.webp"
                         width="1200"
                         height="660"
                         loading="lazy"
                         alt="Story pacing and emotional timeline visualisation in PlotDirector" />
                </div>
                <div class="problem-copy">
                    <p class="marketing-eyebrow">Understanding pacing and emotional flow</p>
                    <h3>Feel the rhythm of the novel as a whole.</h3>
                    <p>Action without breathing room can exhaust readers. Quiet moments without momentum can slow the story. PlotDirector helps you visualise pacing and emotional balance across your manuscript.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="founder-story reveal-section">
        <div class="marketing-container founder-story__grid">
            <div class="founder-mark" aria-hidden="true">PD</div>
            <div>
                <p class="marketing-eyebrow">Built by an author</p>
                <h2>Created by a novelist who needed the same calm.</h2>
                <p>
                    PlotDirector was built while writing a real novel, because spreadsheets, scattered notes and half-finished planning documents weren't enough.
                </p>
                <p>
                    It is not trying to turn writing into admin. It is there to keep the admin from eating the writing.
                </p>
            </div>
        </div>
    </section>

    <section class="social-proof reveal-section">
        <div class="marketing-container">
            <div class="section-heading">
                <p class="marketing-eyebrow">Loved by story-obsessed writers</p>
                <h2>Authors use PlotDirector to feel oriented again.</h2>
            </div>
            <div class="testimonial-grid">
                <figure>
                    <blockquote>"For the first time in years, I could see the whole book without losing the thread."</blockquote>
                    <figcaption>Anna M., novelist</figcaption>
                </figure>
                <figure>
                    <blockquote>"It helped me spot the contradiction before my reader did."</blockquote>
                    <figcaption>Maya K., crime writer</figcaption>
                </figure>
                <figure>
                    <blockquote>"I stopped opening five documents just to work out what happened next."</blockquote>
                    <figcaption>Elena S., series author</figcaption>
                </figure>
            </div>
        </div>
    </section>

    <section class="final-cta reveal-section">
        <div class="marketing-container final-cta__inner">
            <p class="marketing-eyebrow">Start with the story you already have</p>
            <h2>Ready to take control of your story?</h2>
            <p>Whether you're writing your first novel or untangling an epic series, PlotDirector helps you stay organised, maintain confidence, and finally finish your story.</p>
            <a class="marketing-btn marketing-btn--primary" asp-controller="Account" asp-action="Register">Start Your Free Trial</a>
        </div>
    </section>
</article>


@section Scripts {
    <script>
        (() => {
            const sections = document.querySelectorAll(".reveal-section");
            if (!("IntersectionObserver" in window)) {
                sections.forEach((section) => section.classList.add("is-visible"));
                return;
            }

            const observer = new IntersectionObserver((entries) => {
                entries.forEach((entry) => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add("is-visible");
                        observer.unobserve(entry.target);
                    }
                });
            }, { threshold: 0.14 });

            sections.forEach((section) => observer.observe(section));
        })();
    </script>
}
