Page not rendering properly

I have an FAQ page with some javascript accordian questions. The page is not pulling in the layout file to view in the browser and the @extends (layouts.layout) is showing in the browser. Why would this be?

Route::get('faq', 'FAQController@index');

class FAQController extends Controller
{
    public function index ()
    {
        return view ('faq');
    }
}

@extends ('layouts.layout')

@section('content')
    <br><br><hr><br>

    <div class="container ">
        <div class="panel-group" id="faqAccordion">
            <div class="panel panel-default ">
                <div class="panel-heading accordion-toggle question-toggle collapsed" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question0">
                    <h4 class="panel-title">
                        <a href="#" class="ing">Q: How long does a project take?</a>
                    </h4>

                </div>
                <div id="question0" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <h5><span class="label label-primary">Answer</span></h5>
                        <p>The simple answer is it depends on the work involved but a typical Brochure site or simple CMS can take anywhere from 1-4 weeks, whereas a more complicated build with numerous pages and features will take a bit longer. We will be upfront from the start of your project on deadlines and we will work with you to achieve your goals.</p>

                    </div>
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading accordion-toggle collapsed question-toggle" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question1">
                    <h4 class="panel-title">
                        <a href="#" class="ing">Q: Why do I need a Website?</a>
                    </h4>

                </div>
                <div id="question1" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <h5><span class="label label-primary">Answer</span></h5>
                        <p>In Ireland 70% of all sales are researched online prior to purchase, can you really afford not to have a website? A website is always online, always open and always ready to interact with your customers new an old. Your website allows customers to look through your entire catalogue, making sales that might not have happened in a high street store.</p>
                    </div>
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading accordion-toggle collapsed question-toggle" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question2">
                    <h4 class="panel-title">
                        <a href="#" class="ing">Q: What are the costs involved?</a>
                    </h4>

                </div>
                <div id="question2" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <h5><span class="label label-primary">Answer</span></h5>
                        <p>The cost of the project will depend on the work and the time involved but we will work with you to ensure your project is delivered efficiently and within budget, but with 70% of sales being researched online prior to purchased can you afford not to be online?</p>
                    </div>
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading accordion-toggle collapsed question-toggle" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question3">
                    <h4 class="panel-title">
                        <a href="#" class="ing">Q: Do you offer an after sales service?</a>
                    </h4>

                </div>
                <div id="question3" class="panel-collapse collapse" style="height: 0px;">
                    <div class="panel-body">
                        <h5><span class="label label-primary">Answer</span></h5>
                        <p>Building your site is only part of the project. Your site will need to be maintained and kept up-to-date to ensure that it alwys representing your business in the best possible light. Hosting and updates are free for the first year with every project and we have packages to suit all budgets thereafter.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection