How do you extend templates in Leaf and why does following the documentation not allow me to do so?

The Leaf documentation doesn't seem to be working for me I can't figure out why.

child.leaf

#extend("index"):
    #export("hello"):
        <p>Welcome to Vapor!</p>
    #endexport
#endextend

index.leaf

<!-- Backend Projects -->
<div class="seciton-label">
    <h3>#(.backendCollection.title)</h3>
</div>
  
#import("hello")
 
<!-- Backend Card -->
#for(card in .backendCollection.collection):
<div class="greeting-card">
    <a href=#(card.url)>
        <h3>#(card.title)</h3>
    </a>
    <p> #(card.description) </p>
</div>
#endfor

The result is the following image.

Please help - I can't find solutions to this issue.

If I remove the quotes from #import I get an error
{ "error":true,"reason":"import only supports string literals" }

Hey mofokengethon, is it still an issue?

You're extending the view seems correct. So the issue has to be somewhere else.