<?php 
        // Normally you would put you menu in the header, But since you'll need
        // to dynamically generate the menu based on the pages not included it in
        // your header.php.
        get_header(); 
?>

<?php 
    $args = array(
        'post_type' => 'CUSTOM_POST_TYPE',
        'posts_per_page' => NUM_OF_POSTS // defaults to 10.
        'orderby' => "" // not sure how you want them order by I guess you'll need an order.
    );
    $query = new WP_Query( $args );
?>
<nav>
        <?php if ( $query->have_posts() ) : ?>
            <ul id="main-menu">
          <!-- the loop -->
          <?php while ( $query->have_posts() ) : $query->the_post(); ?>
                <?php 
                        // This should take the title, make it lower case and replace all spaces with a dash 
                        // Should make hrefs like "#about-us".
                ?>
                <li><a href="#<?php echo strtolower(preg_replace(" ", "-", get_the_title()));?>"><?php the_title(); ?></a></li>
          <?php endwhile; ?>
          <!-- end of the loop -->
            </ul>

        <?php endif; ?>
</nav>

<div id="main-content">
    <?php 
            // this will rewind the custom query back to the beginning so that we
            // can loop through it again to display the page sections.
            $query->rewind_posts();
     ?>
     <?php if ( $query->have_posts() ) : ?>

       <!-- the loop -->
       <?php while ( $query->have_posts() ) : $query->the_post(); ?>
         <section id="<?php echo strtolower(preg_replace(" ", "-", get_the_title()));?>"><?php the_title(); ?>">
            <h2><?php the_title(); ?></h2>
            <?php the_content(); ?>
         </section>
       <?php endwhile; ?>
       <!-- end of the loop -->

       <?php //wp_reset_postdata(); ?>

     <?php else:  ?>

     <?php endif; ?>
</div>
<?php get_footer(); ?>