{% extends 'Frontend/_templates/default.html.twig' %}{% block page_title %}Interlet Group - Cardiff Letting Agent{% endblock %}{% block meta_tags %} {% if page.seoDescription %} <meta name="description" content="{{ page.seoDescription }}"> {% endif %} {% if page.seoKeywords %} <meta name="keywords" content="{{ page.seoKeywords }}"> {% endif %}{% endblock %}{% block content %} <div class="block-hero"> <div class="container"> <div class="row"> <div class="col-md-9 col-lg-7"> <div class="inside"> <h1>Residential Sales & Property Management</h1> <p> We offer a range of high quality properties available around Cardiff University and the city centre with excellent prices. </p> <div class="d-lg-none"> <a href="{{ path('frontend_properties_lettings') }}" class="btn btn-lg btn-primary">Browse Properties</a> </div> </div> <div class="d-none d-lg-block quick-search"> <form action="{{ path('frontend_properties_lettings') }}" method="get"> <div class="row g-1"> <div class="col"> <label>Area</label> <select class="form-control" name="area"> <option value="">Any</option> {% for someArea in allAreas %} <option value="{{ someArea.id }}">{{ someArea.name }}</option> {% endfor %} </select> </div> <div class="col"> <label>Type</label> <select class="form-control" name="type"> <option value="">Any</option> {% for someType in allTypes %} <option value="{{ someType.id }}">{{ someType.name }}</option> {% endfor %} </select> </div> <div class="col"> <label>Bedrooms</label> <select class="form-control" name="bedrooms"> <option value="">Any</option> {% for i in range(1, 14) %} <option value="{{ i }}">{{ i }}</option> {% endfor %} </select> </div> <div class="col"> <label>Max PCM</label> <select class="form-control" name="max_price"> <option value="">Any</option> {% for i in range(1, 26) %} <option value="{{ 200 + (i*50) }}">{{ 200 + (i*50) }}</option> {% endfor %} </select> </div> <div class="col-3"> <button class="btn btn-lg btn-primary w-100 ml-2"><i class="fas fa-search"></i></button> </div> </div> </form> </div> </div> </div> </div> </div> <div class="block-heroquote"> <div class="container"> <blockquote> <p>Interlet found me the perfect property and was incredibly helpful throughout the entire process. I can highly recommend Interlet for your property needs!</p> </blockquote> </div> </div> <div class="block-featurehighlight"> <div class="container"> <h2 class="text-center mb-5">Why Choose Us?</h2> <div class="row"> <div class="col-12 col-lg-4"> <div class="icon-box"> <i class="fas fa-home"></i> </div> <h3>Sales & Lettings</h3> <p> We offer a fantastic selection of properties to rent in Cardiff for both Students & Professionals. Give us a call now or drop us a line and we'll get back to you. </p> <div class="mb-4 d-lg-none"> </div> </div> <div class="col-12 col-lg-4"> <div class="icon-box"> <i class="fas fa-key"></i> </div> <h3>Management</h3> <p> At Interlet we look after a range of properties and with our on call maintenance team you can be confident your house will be looked after. </p> <div class="mb-4 d-lg-none"> </div> </div> <div class="col-12 col-lg-4"> <div class="icon-box"> <i class="fas fa-hands-helping"></i> </div> <h3>Helpful Service</h3> <p> We believe that choosing a house should be a fun experience and with our friendly & trained staff we will find only the properties that are suitable for you. </p> <div class="mb-4 d-lg-none"> </div> </div> </div> </div> </div> <div class="block-propertylist px-0"> <div class="container"> <h2 class="text-center mb-5">Featured Properties</h2> </div> <div id="featured-slider"> {% for propIndex,someProperty in featuredProperties %} <div> <div class="p-2"> <div class="property" style="max-width: 400px;"> <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="image"><img src="{{ file_helper.thumbnail((someProperty.featuredImage ? 'data/' ~ someProperty.featuredImage.filename : '.' ~ asset('build/images/placeholder.png')), 750, 750) }}" alt=""/></a> {% if someProperty.cornerBanner %} <img src="{{ asset('build/images/' ~ someProperty.cornerBanner) }}" class="corner-banner" alt=""/> {% endif %} <div class="detail"> <span class="area">{{ someProperty.area.name }}, {{ someProperty.postcode }}</span> <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="title">{{ someProperty.address2 }}</a> <div class="row mt-3"> <div class="col-4"> <div class="spec"> <i class="fas fa-bed"></i> <span>{{ someProperty.bedrooms }} Beds</span> </div> </div> <div class="col-4"> <div class="spec"> <i class="fas fa-bath"></i> <span>{{ someProperty.bathrooms }} Bathrooms</span> </div> </div> <div class="col-4"> <div class="spec"> <i class="far fa-calendar"></i> {% if someProperty.dateAvailable and someProperty.dateAvailable > "today"|date %} <span class="availability">Available {{ someProperty.dateAvailable|date('F') }}</span> {% else %} <span>Available Now</span> {% endif %} </div> </div> </div> </div> <div class="bottom"> <div class="row"> <div class="col-6"> {% if someProperty.listingType == "letting" %} <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="btn btn-lg btn-outline-secondary w-100"><strong>{{ (someProperty.rentalPrice / 10)|format_currency('GBP', {fraction_digit: 0}) }}</strong> <small>/{{ someProperty.rentFrequency|short_rental_frequency }}</small></a> {% else %} <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="btn btn-lg btn-outline-secondary w-100"><strong>{{ (someProperty.salePrice / 10)|format_currency('GBP', {fraction_digit: 0}) }}</strong></a> {% endif %} </div> <div class="col-6"> <a href="{{ path('frontend_properties_viewproperty', {property_reference: someProperty.reference}) }}" class="btn btn-lg btn-dark w-100">View Details</a> </div> </div> </div> </div> </div> </div> {% endfor %} </div> </div>{% endblock %}