Finding a Page

1. To locate the a page components, navigate to the themes/nextsaas/layouts/**/list.html file. And data will be found at content/**/_index.md file. For homepage it will be themes/nextsaas/layouts/index.html and content/_index.md .
2. Any single page data will be available on content/**/markdown.md file and page file will be themes/nextsaas/layouts/**/single.html

Customize Navbar#

To customize a navbar or change the navbar style follow these steps:

1. open a page. Suppose, for the homepage open themes/nextsaas/layouts/index.html.
2. Now update the following codes:

{{ partial "shared/header-one.html"
   ( dict
   "class" "border border-stroke-2 dark:border-stroke-6 bg-accent dark:bg-background-9"
   "btnClass" "btn-primary hover:btn-white-dark dark:hover:btn-white"
   )
}}

3. you can change the footer version to shared/header-two.html

{{ partial "shared/header-two.html"
   ( dict
   "class" "bg-accent/10 dark:bg-background-7/40 backdrop-blur-[25px] max-md:!top-8"
   "btnClass" "btn-green hover:btn-white dark:hover:btn-white-dark"
   )
}}

Customize footer#

To customize a footer or change the footer style follow these steps:

1. open a page. Suppose, for the homepage open themes/nextsaas/layouts/index.html.
2. Now update the following codes:

{{ partial "shared/footer-one.html" . }}

3. you can change the footer version to shared/footer-two.html:

{{ partial "shared/footer-two.html"  }}

Customize Sections#

The sections are added from the themes/nextsaas/layouts/partials/** folder. Edit a partial from the folder to update the sctions in a page.

<main>
{{ partial "pages/home-page-01/hero.html" .}}
{{ partial "pages/home-page-01/about.html" .}}
</main