First Commit
This commit is contained in:
cesnimda
@@ -0,0 +1,202 @@
|
||||
// @mui
|
||||
import Button from '@mui/material/Button';
|
||||
import CardMedia from '@mui/material/CardMedia';
|
||||
import Chip from '@mui/material/Chip';
|
||||
import Stack from '@mui/material/Stack';
|
||||
import Typography from '@mui/material/Typography';
|
||||
|
||||
// @project
|
||||
import branding from '@/branding.json';
|
||||
import { MegaMenuType } from '@/enum';
|
||||
import { ADMIN_PATH, BUY_NOW_URL, DOCS_URL, PAGE_PATH, PRIVIEW_PATH } from '@/path';
|
||||
import { Themes } from '@/config';
|
||||
|
||||
const linkProps = { target: '_blank', rel: 'noopener noreferrer' };
|
||||
|
||||
/*************************** MEGAMENU 4 - FOOTER ***************************/
|
||||
|
||||
function FooterData() {
|
||||
return (
|
||||
<Stack direction={{ sm: 'row' }} sx={{ gap: 1.5, justifyContent: 'space-between', alignItems: { xs: 'flex-start', sm: 'center' } }}>
|
||||
<Stack sx={{ gap: 1 }}>
|
||||
<Stack direction="row" sx={{ alignItems: 'center', gap: 1 }}>
|
||||
<Typography variant="h5">Explore our range of landing demos tailored to suit your needs</Typography>
|
||||
<Chip
|
||||
label="Featured"
|
||||
size="small"
|
||||
slotProps={{ label: { sx: { pl: 1.25, pr: 1.5, py: 0.5, typography: 'caption', my: 0.2 } } }}
|
||||
sx={{ bgcolor: 'background.default', display: { xs: 'none', sm: 'inline-flex' } }}
|
||||
icon={
|
||||
<CardMedia
|
||||
component="img"
|
||||
image="/assets/images/shared/celebration.svg"
|
||||
sx={{ width: 16, height: 16, pl: 0.5 }}
|
||||
alt="celebration"
|
||||
loading="lazy"
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</Stack>
|
||||
<Typography variant="body2" sx={{ color: 'text.secondary' }}>
|
||||
{branding.brandName} offers 200+ customizable blocks, empowering you to effortlessly design and build landing pages tailored to
|
||||
your product or service needs.
|
||||
</Typography>
|
||||
</Stack>
|
||||
<Button
|
||||
variant="contained"
|
||||
sx={{ display: { xs: 'none', sm: 'inline-flex' }, minWidth: 100, px: { xs: 2 }, py: 1.25 }}
|
||||
href={BUY_NOW_URL}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Buy Now
|
||||
</Button>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
/*************************** NAVBAR - MEGAMENU LANDINGS ***************************/
|
||||
|
||||
export const landingMegamenu = {
|
||||
id: 'landings',
|
||||
title: 'Landings',
|
||||
megaMenu: {
|
||||
type: MegaMenuType.MEGAMENU4,
|
||||
popperOffsetX: 195,
|
||||
toggleBtn: { children: 'Landings' },
|
||||
menuItems: [
|
||||
{
|
||||
title: 'CRM',
|
||||
theme: Themes.THEME_CRM,
|
||||
image: '/assets/images/mega-menu/crm-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'AI',
|
||||
theme: Themes.THEME_AI,
|
||||
image: '/assets/images/mega-menu/ai-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'Crypto',
|
||||
theme: Themes.THEME_CRYPTO,
|
||||
image: '/assets/images/mega-menu/crypto-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'Hosting',
|
||||
theme: Themes.THEME_HOSTING,
|
||||
image: '/assets/images/mega-menu/hosting-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'PMS',
|
||||
theme: Themes.THEME_PMS,
|
||||
image: '/assets/images/mega-menu/pms-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'HRM',
|
||||
theme: Themes.THEME_HRM,
|
||||
image: '/assets/images/mega-menu/hrm-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'Plugin',
|
||||
theme: Themes.THEME_PLUGIN,
|
||||
image: '/assets/images/mega-menu/plugin-light.svg',
|
||||
status: 'Pro'
|
||||
},
|
||||
{
|
||||
title: 'LMS',
|
||||
theme: Themes.THEME_LMS,
|
||||
image: '/assets/images/mega-menu/lms-light.svg',
|
||||
status: 'Pro'
|
||||
}
|
||||
],
|
||||
footerData: FooterData()
|
||||
}
|
||||
};
|
||||
|
||||
/*************************** MEGAMENU 5 - BANNER ***************************/
|
||||
|
||||
function BannerData() {
|
||||
return (
|
||||
<Stack sx={{ alignItems: 'flex-start', gap: 3, height: 1, justifyContent: 'center' }}>
|
||||
<Stack sx={{ gap: 1 }}>
|
||||
<Stack sx={{ alignItems: 'flex-start', gap: 1.5 }}>
|
||||
<Chip
|
||||
label={`${branding.brandName} Admin Template`}
|
||||
icon={
|
||||
<CardMedia
|
||||
component="img"
|
||||
image="/assets/images/shared/celebration.svg"
|
||||
sx={{ width: 16, height: 16 }}
|
||||
alt="celebration"
|
||||
loading="lazy"
|
||||
/>
|
||||
}
|
||||
size="small"
|
||||
slotProps={{ label: { sx: { px: 1.5, py: 0.5, typography: 'subtitle2' } } }}
|
||||
sx={{ bgcolor: 'background.default', '& .MuiChip-icon': { ml: 1.25 } }}
|
||||
/>
|
||||
<Typography variant="h5">Stunning dashboards designed to meet your needs.</Typography>
|
||||
</Stack>
|
||||
<Typography variant="body2" sx={{ color: 'text.secondary' }}>
|
||||
Effortlessly manage your app’s backend with customizable admin dashboards that enhance productivity.
|
||||
</Typography>
|
||||
</Stack>
|
||||
<Button href={ADMIN_PATH} variant="contained" sx={{ minWidth: 92, px: { xs: 2 }, py: 1.25 }}>
|
||||
View Dashboard
|
||||
</Button>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
/*************************** NAVBAR - MEGAMENU PAGES ***************************/
|
||||
|
||||
export const pagesMegamenu = {
|
||||
id: 'pages',
|
||||
title: 'Pages',
|
||||
megaMenu: {
|
||||
type: MegaMenuType.MEGAMENU5,
|
||||
toggleBtn: { children: 'Pages' },
|
||||
popperWidth: 860,
|
||||
menuItems: [
|
||||
{
|
||||
title: 'General',
|
||||
itemsList: [
|
||||
{ title: 'About', link: { href: 'https://stage.saasable.io/about', ...linkProps } },
|
||||
{ title: 'Career', status: 'Pro' },
|
||||
{ title: 'Privacy Policy', link: { href: PAGE_PATH.privacyPolicyPage, ...linkProps } },
|
||||
{ title: 'Contact Us', status: 'Pro' },
|
||||
{ title: 'FAQs', status: 'Pro' },
|
||||
{ title: 'Pricing', status: 'Pro' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Maintenance',
|
||||
itemsList: [
|
||||
{ title: 'Coming Soon', status: 'Pro' },
|
||||
{ title: 'Error 404', link: { href: PRIVIEW_PATH.error404, ...linkProps } },
|
||||
{ title: 'Error 500', link: { href: PRIVIEW_PATH.error500, ...linkProps } },
|
||||
{ title: 'Under Maintenance', status: 'Pro' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'External',
|
||||
itemsList: [
|
||||
{ title: 'Blog', link: { href: 'https://blog.saasable.io/', ...linkProps } },
|
||||
{ title: 'Documentation', link: { href: DOCS_URL, ...linkProps } },
|
||||
{ title: 'Support', link: { href: branding.company.socialLink.support, ...linkProps } },
|
||||
{
|
||||
title: 'Discord',
|
||||
link: { href: branding.company.socialLink.discord, ...linkProps }
|
||||
},
|
||||
{ title: 'Terms & Conditions', link: { href: 'https://mui.com/store/terms/', ...linkProps } }
|
||||
]
|
||||
}
|
||||
],
|
||||
bannerData: <BannerData />
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user