Skip to content

Configure the Landing Page UI (User Interface)

The Nav and Footer are "global" components which appear everywhere throughout the whole website. So these components are included in templates/base.html.

The dedicated file for each component can be found here:

  • templates/components/nav.html

  • templates/components/footer.html

Home (Landing Page)

You can add and remove different UI sections (also called partials) for the landing page based on your needs.

Go to: app/templates/pages/home.html

At the bottom of this file you will find where all the partials are specified:

{% block content %}
    {% include "partials/hero.html" %}
    {% include "partials/social.html" %}
    {% include "partials/testimonials_3.html" %}
    {% include "partials/problems.html" %}
    {% include "partials/features.html" %}
    {% include "partials/about.html" %}
    {% include "partials/demo.html" %}
    {% include "partials/pricing.html" %}
    {% include "partials/faqs.html" %}
{% endblock %}

Hero section (partial)

templates/partials/hero.html

Hero Screenshot

Social partial

templates/partials/social.html

Social partial screenshot

Testimonials partial

templates/partials/testimonials_3.html

Testimonials screenshot

The text "data" for easy text/copy editing can be found in: data/testimonials.py

Problems partial

templates/partials/problems.html

Problems screenshot

The text "data" for easy text/copy editing can be found in: data/problems.py

Features partial

templates/partials/features.html

Features screenshot

The text "data" for easy text/copy editing can be found in: data/features.py

About partial

templates/partials/about.html

About screenshot

Demo partial

templates/partials/demo.html

Demo screenshot

Pricing partial

templates/partials/pricing.html

Pricing screenshot

The text "data" for easy text/copy editing can be found in: data/pricing.py

FAQs partial

templates/partials/faqs.html

FAQs screenshot

The text "data" for easy text/copy editing can be found in: data/faqs.py