Go To style.scss (public/assets/scss/styles.scss )
if you want to change another font-family Go to the site Google Fonts And Select One font Family and import in to styles.scss file

And paste Your Selected font-family in style.scss

And add the Your Selected font-family in _variables.scss(public/assets/scss/_variables.scss)
--default-font-family: 'Roboto', sans-serif;
To change nav.tsx, open sidebar.tsx page
Path:shared\layouts-components\sidebar\nav.tsx and go through
Arrey objects
section, in that section you will find icon class icon:
'ti-home', inside the items array
there you can replace your icon class. Example
as shown in below
Go To "public/assets/images/brand-logos" folder and replace your logo with Previous Logos within in image size. note: Please don't increase logo sizes. Replace your logo within given image size. otherwise the logo will not fit in particular place it disturbs the template design.
Open header.tsx component
shared/layout-components/header/header.tsx
To remove switcher section as shown below.
<Link href="#!" className="header-link switcher-icon"onClick={handleSwitcherClick}>
<i className="fe fe-settings header-link-icon"></i> </Link>
<Switcher show={showSwitcher} onClose={() => setShowSwitcher(false)} />
//Switcher functionality
const [showSwitcher, setShowSwitcher] = useState(false);
const handleSwitcherClick = () => {
setShowSwitcher(true);
}
Remove theSwitcher component from the main layout follow the path
components/content-layout/layout.tsx
import Landingswitcher from '@/shared/layout-components/swicther/landing-switcher';
<Landingswitcher />
Now remove the switcher component and switcherData file from the root folder, follow the path Switcher component
root:shared/layout-components/switcher/switcher.tsx and swirtcherdata file from root:shared/data/switcherdata/switcherdata.tsx