first commit

.gitignore

@@ -0,0 +1,10 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist
+Dockerfile
+docker-compose.yml

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

README.md

@@ -0,0 +1,48 @@
+# Matdash-nuxtjs-free
+Free Nuxt 3 Admin Template with vuetify 3 + Typescript
+<img src="https://adminmart.com/wp-content/uploads/2023/02/Matdash-free-vuetify-dashboard.png" alt="Free Nuxt 3 Admin Template with vuetify 3 + Typescript"/>
+# <a href="https://Matdash-nuxtjs-free.netlify.app">Live Demo </a>
+
+
+# Nuxt 3 Starter
+
+> 💚 A Better Nuxt 3 starter template
+
+## Use the Template
+
+### Clone to local
+
+```bash
+
+$>    💿  Install dependencies with `npm install` or `yarn install`
+$>
+$>    🚀  Start development server with `npm run dev` or `yarn dev`
+```
+
+## Setup
+
+### Installation
+
+Make sure to install the dependencies
+
+```bash
+yarn install
+```
+
+### Development
+
+Start the development server on http://localhost:3088
+
+```bash
+yarn dev
+```
+
+### Production
+
+Build the application for production:
+
+```bash
+yarn build
+```
+
+

_mockApis/apps/blog/index.ts

@@ -0,0 +1,288 @@
+import { Chance } from 'chance';
+import { random } from 'lodash';
+import { sub } from 'date-fns';
+import mock from '../../mockAdapter';
+import s1 from '@/assets/images/blog/blog-img1.jpg';
+import s2 from '@/assets/images/blog/blog-img2.jpg';
+import s3 from '@/assets/images/blog/blog-img3.jpg';
+import s4 from '@/assets/images/blog/blog-img4.jpg';
+import s5 from '@/assets/images/blog/blog-img5.jpg';
+import s6 from '@/assets/images/blog/blog-img6.jpg';
+import s7 from '@/assets/images/blog/blog-img11.jpg';
+import s8 from '@/assets/images/blog/blog-img8.jpg';
+import s9 from '@/assets/images/blog/blog-img9.jpg';
+import s10 from '@/assets/images/blog/blog-img10.jpg';
+
+import user1 from '@/assets/images/profile/user-6.jpg';
+import user2 from '@/assets/images/profile/user-2.jpg';
+import user3 from '@/assets/images/profile/user-3.jpg';
+import user4 from '@/assets/images/profile/user-4.jpg';
+import user5 from '@/assets/images/profile/user-5.jpg';
+import user6 from '@/assets/images/profile/user-8.jpg';
+import { uniqueId } from 'lodash';
+
+import type { blogType, blogpostType } from '@/types/apps/BlogTypes';
+
+const chance = new Chance();
+
+const BlogComment: blogType[] = [
+    {
+        id: uniqueId('#comm_'),
+        profile: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user2,
+            name: chance.name()
+        },
+        time: chance.date(),
+        comment: chance.paragraph({ sentences: 2 }),
+        replies: []
+    },
+    {
+        id: uniqueId('#comm_'),
+        profile: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user3,
+            name: chance.name()
+        },
+        time: chance.date(),
+        comment: chance.paragraph({ sentences: 2 }),
+        replies: [
+            {
+                id: uniqueId('#comm_'),
+                profile: {
+                    id: chance.integer({ min: 1, max: 2000 }),
+                    avatar: user3,
+                    name: chance.name()
+                },
+                time: chance.date(),
+                comment: chance.paragraph({ sentences: 2 })
+            }
+        ]
+    },
+    {
+        id: uniqueId('#comm_'),
+        profile: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user5,
+            name: chance.name()
+        },
+        time: chance.date(),
+        comment: chance.paragraph({ sentences: 2 }),
+        replies: []
+    }
+];
+
+const BlogPost: blogpostType[] = [
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Garmins Instinct Crossover is a rugged hybrid smartwatch',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s1,
+        createdAt: sub(new Date(), { days: 8, hours: 6, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Gadget',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user1,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'After Twitter Staff Cuts, Survivors Face ‘Radio Silence',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s2,
+        createdAt: sub(new Date(), { days: 7, hours: 3, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Lifestyle',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user2,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Apple is apparently working on a new ‘streamlined’ accessibility',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s3,
+        createdAt: sub(new Date(), { days: 5, hours: 2, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Design',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user3,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Why Figma is selling to Adobe for $20 billion',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s4,
+        createdAt: sub(new Date(), { days: 7, hours: 6, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Design',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user4,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Streaming video way before it was cool, go dark tomorrow',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s5,
+        createdAt: sub(new Date(), { days: 4, hours: 6, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Lifestyle',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user5,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'As yen tumbles, gadget-loving Japan goes for secondhand',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s6,
+        createdAt: sub(new Date(), { days: 2, hours: 6, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Gadget',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user6,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Intel loses bid to revive antitrust case against patent foe Fortress',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s7,
+        createdAt: sub(new Date(), { days: 3, hours: 6, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Social',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user2,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'COVID outbreak deepens as more lockdowns loom in China',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s8,
+        createdAt: sub(new Date(), { days: 4, hours: 6, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Health',
+        featured: false,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user3,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Early Black Friday Amazon deals: cheap TVs, headphones',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s9,
+        createdAt: sub(new Date(), { days: 5, hours: 3, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Gadget',
+        featured: true,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user4,
+            name: chance.name()
+        },
+        comments: BlogComment
+    },
+    {
+        id: chance.integer({ min: 1, max: 2000 }),
+        title: 'Presented by Max Rushden with Barry Glendenning, Philippe',
+        content: chance.paragraph({ sentences: 2 }),
+        coverImg: s10,
+        createdAt: sub(new Date(), { days: 0, hours: 1, minutes: 20 }),
+        view: random(9999),
+        share: random(9999),
+        category: 'Health',
+        featured: true,
+        author: {
+            id: chance.integer({ min: 1, max: 2000 }),
+            avatar: user5,
+            name: chance.name()
+        },
+        comments: BlogComment
+    }
+];
+
+mock.onGet('/api/data/blog/BlogPosts').reply(() => {
+    return [200, BlogPost];
+});
+
+// ----------------------------------------------------------------------
+mock.onPost('/api/data/blog/post').reply((config: string | any) => {
+    try {
+        const { title } = JSON.parse(config.data);
+
+        const paramCase = (t: string) =>
+            t
+                .toLowerCase()
+                .replace(/ /g, '-')
+                .replace(/[^\w-]+/g, '');
+
+        const post = BlogPost.find((_post: blogpostType | string | any) => paramCase(_post.title) === title);
+
+        if (!post) {
+            return [404, { message: 'Post not found' }];
+        }
+
+        return [200, { post }];
+    } catch (error) {
+        console.error(error);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/data/blog/post/add').reply((config: string | any) => {
+    try {
+        const { postId, comment } = JSON.parse(config.data);
+        const postIndex = BlogPost.findIndex((x) => x.id === postId);
+        const post = BlogPost[postIndex];
+        const cComments = post.comments || [];
+        post.comments = [comment, ...cComments];
+        return [200, { posts: [...BlogPost] }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});

_mockApis/apps/chat/index.ts

@@ -0,0 +1,531 @@
+import mock from '../../mockAdapter';
+import { Chance } from 'chance';
+import type { ChatType } from '@/types/apps/ChatType';
+import { sub } from 'date-fns';
+import { uniqueId } from 'lodash';
+
+import user1 from '@/assets/images/profile/user-2.jpg';
+import user2 from '@/assets/images/profile/user-3.jpg';
+import user3 from '@/assets/images/profile/user-4.jpg';
+import user4 from '@/assets/images/profile/user-5.jpg';
+import user5 from '@/assets/images/profile/user-6.jpg';
+import user6 from '@/assets/images/profile/user-7.jpg';
+import user7 from '@/assets/images/profile/user-8.jpg';
+
+import background1 from '@/assets/images/products/product-1.jpg';
+import background2 from '@/assets/images/products/product-2.jpg';
+import background3 from '@/assets/images/products/product-3.jpg';
+import background4 from '@/assets/images/products/product-4.jpg';
+
+
+import adobe from '@/assets/images/chat/icon-adobe.svg';
+import chrome from '@/assets/images/chat/icon-chrome.svg';
+import figma from '@/assets/images/chat/icon-figma.svg';
+import java from '@/assets/images/chat/icon-javascript.svg';
+import zip from '@/assets/images/chat/icon-zip-folder.svg';
+
+const chance = new Chance();
+
+// const ChatData: ChatTypes[] = [
+const ChatData: ChatType[] = [
+    {
+        id: 1,
+        name: 'James Johnson',
+        status: 'online',
+        thumb: user2,
+        recent: false,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 1 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: adobe, file: 'service-task.pdf', fileSize: '2MB' },
+                    { icon: chrome, file: 'homepage-design.fig', fileSize: '3MB' },
+                    { icon: figma, file: 'about-us.htmlf', fileSize: '1KB' },
+                    { icon: java, file: 'work-project.zip', fileSize: '20MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 30 }),
+                msg: chance.sentence({ words: 10 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: uniqueId(),
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: background1,
+                senderId: uniqueId(),
+                type: 'img',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 2,
+        name: 'Maria Hernandez',
+        status: 'away',
+        thumb: user3,
+        recent: true,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 1 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: uniqueId(),
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 30 }),
+                msg: chance.sentence({ words: 10 }),
+                senderId: uniqueId(),
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 2,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: background1,
+                senderId: 2,
+                type: 'img',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 1 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: uniqueId(),
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 3,
+        name: 'David Smith',
+        status: 'busy',
+        thumb: user4,
+        recent: false,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: adobe, file: 'service-task.pdf', fileSize: '2MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 30 }),
+                msg: chance.sentence({ words: 10 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 4,
+        name: 'Loren Rodriguez',
+        status: 'offline',
+        thumb: user5,
+        recent: true,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 1 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 4,
+                type: 'text',
+                attachment: [
+                    { icon: java, file: 'work-project.zip', fileSize: '20MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 11 }),
+                msg: background2,
+                senderId: uniqueId(),
+                type: 'img',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 4,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 1 }),
+                msg: chance.sentence({ words: 7 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 5,
+        name: 'Robert Smith',
+        status: 'online',
+        thumb: user6,
+        recent: true,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 1 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: adobe, file: 'service-task.pdf', fileSize: '2MB' },
+                    { icon: chrome, file: 'homepage-design.fig', fileSize: '3MB' },
+                    { icon: figma, file: 'about-us.htmlf', fileSize: '1KB' },
+                    { icon: java, file: 'work-project.zip', fileSize: '20MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 30 }),
+                msg: chance.sentence({ words: 10 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: uniqueId(),
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: background3,
+                senderId: 5,
+                type: 'img',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 5,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 6,
+        name: 'Joseph Sara',
+        status: 'busy',
+        thumb: user7,
+        recent: false,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: chrome, file: 'homepage-design.fig', fileSize: '3MB' },
+                    { icon: java, file: 'work-project.zip', fileSize: '20MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: background4,
+                senderId: uniqueId(),
+                type: 'img',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 2 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 6,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 7,
+        name: 'Thomas Smith',
+        status: 'away',
+        thumb: user2,
+        recent: true,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: adobe, file: 'service-task.pdf', fileSize: '2MB' },
+                    { icon: chrome, file: 'homepage-design.fig', fileSize: '3MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 1 }),
+                msg: chance.sentence({ words: 10 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 15 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 7,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 7,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 8,
+        name: 'Davina Elizabeth',
+        status: 'offline',
+        thumb: user3,
+        recent: false,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: adobe, file: 'service-task.pdf', fileSize: '2MB' },
+                    { icon: java, file: 'work-project.zip', fileSize: '20MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 1 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 8,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 9,
+        name: 'Charles Martha',
+        status: 'online',
+        thumb: user4,
+        recent: false,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: java, file: 'work-project.zip', fileSize: '20MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 8 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 8 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 5 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 9,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 2 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 9,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    },
+    {
+        id: 10,
+        name: 'Samuel Ban',
+        status: 'online',
+        thumb: user5,
+        recent: false,
+        chatHistory: [
+            {
+                createdAt: sub(new Date(), { hours: 10 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 1,
+                type: 'text',
+                attachment: [
+                    { icon: adobe, file: 'service-task.pdf', fileSize: '2MB' },
+                    { icon: zip, file: 'custom.js', fileSize: '2MB' }
+                ],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 11 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { hours: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 3,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            },
+            {
+                createdAt: sub(new Date(), { minutes: 6 }),
+                msg: chance.sentence({ words: 5 }),
+                senderId: 10,
+                type: 'text',
+                attachment: [],
+                id: uniqueId()
+            }
+        ]
+    }
+];
+
+mock.onGet('/api/data/chat/ChatData').reply(() => {
+    return [200, ChatData];
+});
+
+export default ChatData;

_mockApis/apps/contact/index.ts

@@ -0,0 +1,131 @@
+import mock from '../../mockAdapter';
+
+import user1 from '@/assets/images/profile/user-11.jpg';
+import user2 from '@/assets/images/profile/user-2.jpg';
+import user3 from '@/assets/images/profile/user-3.jpg';
+import user4 from '@/assets/images/profile/user-4.jpg';
+import user5 from '@/assets/images/profile/user-5.jpg';
+import user6 from '@/assets/images/profile/user-6.jpg';
+import user7 from '@/assets/images/profile/user-7.jpg';
+import user8 from '@/assets/images/profile/user-8.jpg';
+import user9 from '@/assets/images/profile/user-9.jpg';
+import user10 from '@/assets/images/profile/user-10.jpg';
+
+
+// types
+export type KeyedObject = {
+    [key: string]: string | number | KeyedObject | any;
+};
+
+const contacts: KeyedObject[] = [
+    {
+        id: '#123',
+        avatar: user2,
+        userinfo: 'Hanna Gover',
+        usermail: 'hannagover@gmail.com',
+        phone: '+123 456 789',
+        jdate: '12-10-2014',
+        role: 'Designer',
+        rolestatus: 'primary'
+    },
+    {
+        id: '#452',
+        avatar: user1,
+        userinfo: 'Daniel Kristeen',
+        usermail: 'danielr@gmail.com',
+        phone: '+234 456 789',
+        jdate: '10-09-2014',
+        role: 'Developer',
+        rolestatus: 'secondary'
+    },
+    {
+        id: '#565',
+        avatar: user3,
+        userinfo: 'Julian Josephs',
+        usermail: 'julijosep@gmail.com',
+        phone: '+345 456 789',
+        jdate: '01-10-2013',
+        role: 'Accountant',
+        rolestatus: 'error'
+    },
+    {
+        id: '#785',
+        avatar: user4,
+        userinfo: 'Jany Petrovic',
+        usermail: 'janyver@gmail.com',
+        phone: '+456 456 789',
+        jdate: '02-10-2017',
+        role: 'Designer',
+        rolestatus: 'success'
+    },
+    {
+        id: '#564',
+        avatar: user5,
+        userinfo: 'Leanne Graham',
+        usermail: 'leanegr@gmail.com',
+        phone: '+567 456 789',
+        jdate: '10-9-2015',
+        role: 'HR',
+        rolestatus: 'info'
+    },
+    {
+        id: '#980',
+        avatar: user6,
+        userinfo: 'Dennis Schulist',
+        usermail: 'dennis12@gmail.com',
+        phone: '+678 456 789',
+        jdate: '10-5-2013',
+        role: 'Designer',
+        rolestatus: 'warning'
+    },
+    {
+        id: '#521',
+        avatar: user7,
+        userinfo: 'Kurtis Weissnat',
+        usermail: 'kurtisr@gmail.com',
+        phone: '+123 456 789',
+        jdate: '05-10-2012',
+        role: 'Manager',
+        rolestatus: 'primary'
+    },
+    {
+        id: '#450',
+        avatar: user8,
+        userinfo: 'Nicholas Runolfsdottir V',
+        usermail: 'nickover@gmail.com',
+        phone: '+234 456 789',
+        jdate: '11-10-2014',
+        role: 'Chairman',
+        rolestatus: 'secondary'
+    },
+    {
+        id: '#212',
+        avatar: user9,
+        userinfo: 'Glenna Reichert',
+        usermail: 'glenarei@gmail.com',
+        phone: '+345 456 789',
+        jdate: '12-5-2017',
+        role: 'Designer',
+        rolestatus: 'error'
+    },
+    {
+        id: '#152',
+        avatar: user10,
+        userinfo: 'Clementina DuBuque',
+        usermail: 'clementina@gmail.com',
+        phone: '+456 456 789',
+        jdate: '18-5-2009',
+        role: 'Developer',
+        rolestatus: 'success'
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+// mock.onGet('/api/products/list').reply(200, { products });
+mock.onGet('/api/contacts').reply(() => {
+    return [200, contacts];
+});
+
+
+export default contacts;

_mockApis/apps/ecommerce/Editproduc.ts

@@ -0,0 +1,72 @@
+import type { Productreview } from "@/types/apps/Editproducts";
+
+import img1 from '@/assets/images/profile/user-11.jpg';
+import img2 from '@/assets/images/profile/user-8.jpg';
+import img3 from '@/assets/images/profile/user-3.jpg';
+import img4 from '@/assets/images/profile/user-4.jpg';
+import img5 from '@/assets/images/profile/user-5.jpg';
+import img6 from '@/assets/images/profile/user-6.jpg';
+import img7 from '@/assets/images/profile/user-7.jpg';
+import img8 from '@/assets/images/profile/user-10.jpg';
+
+
+const ProductreviewData: Productreview[] = [
+    {
+        review:5,
+        image:img1,
+        name: 'Sunil Joshi',
+        comment:'I like this design',
+        date:'1 day ago'
+    },
+    {
+        review:4,
+        image:img2,
+        name: 'Mark Richard',
+        comment:'Awesome quality with great materials used, but could be more comfortable',
+        date:'11:20 PM'
+    },
+    {
+        review:4.5,
+        image:img3,
+        name: 'Hanry Lord',
+        comment:'This is the best product I have ever used.',
+        date:'Today'
+    },
+    {
+        review:3.5,
+        image:img4,
+        name: 'Britny Cox',
+        comment:'Beautifully crafted. Worth every penny.',
+        date:'Today'
+    },
+    {
+        review:4,
+        image:img5,
+        name: 'Olvin wild',
+        comment:'Awesome value for money. Shipping could be faster tho.',
+        date:'12:00 PM'
+    },
+    {
+        review:5,
+        image:img6,
+        name: 'Dan wilsed',
+        comment:'Excellent quality, I got it for my sons birthday and he loved it',
+        date:'1 May 2024'
+    },
+    {
+        review:5,
+        image:img7,
+        name: 'Jon Miller',
+        comment:'Firesale is on! Buy now! Totally worth it!',
+        date:'25 April 2024'
+    },
+    {
+        review:3.5,
+        image:img8,
+        name: 'Anaa Crown',
+        comment:'Excellent quality, I got it for my sons birthday and he loved it',
+        date:'1 May 2024'
+    }
+];
+
+export {ProductreviewData}

_mockApis/apps/ecommerce/billing-address.ts

@@ -0,0 +1,112 @@
+import mock from '../../mockAdapter';
+
+// third-party
+import { add, sub } from 'date-fns';
+import { Chance } from 'chance';
+//Types
+import type { Address } from '@/types/apps/EcommerceType';
+
+const chance = new Chance();
+
+// billing address list
+let address: Address[] = [
+    {
+        id: 1,
+        name: chance.name(),
+        destination: 'Home',
+        building: chance.address({ short_suffix: true }),
+        city: chance.city(),
+        state: chance.state({ full: true }),
+        phone: chance.phone(),
+        isDefault: true
+    },
+    {
+        id: 2,
+        name: chance.name(),
+        destination: 'Office',
+        building: chance.address({ short_suffix: true }),
+        city: chance.city(),
+        state: chance.state({ full: true }),
+        phone: chance.phone(),
+        isDefault: false
+    },
+    {
+        id: 3,
+        name: chance.name(),
+        destination: 'Office',
+        building: chance.address({ short_suffix: true }),
+        city: chance.city(),
+        state: chance.state({ full: true }),
+        phone: chance.phone(),
+        isDefault: false
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+mock.onGet('/api/address/list').reply(() => {
+    return [200, address];
+});
+
+mock.onPost('/api/address/new').reply((request) => {
+    try {
+        const data = JSON.parse(request.data);
+        const { name, destination, building, street, city, state, country, post, phone, isDefault } = data;
+        const newAddress = {
+            id: new Date(),
+            name,
+            destination,
+            building,
+            street,
+            city,
+            state,
+            country,
+            post,
+            phone,
+            isDefault
+        };
+
+        if (isDefault) {
+            address = address.map((item) => {
+                if (item.isDefault === true) {
+                    return { ...item, isDefault: false };
+                }
+                return item;
+            });
+        }
+
+        address = [...address, newAddress];
+
+        return [200, { address }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/address/edit').reply((request) => {
+    try {
+        const data = JSON.parse(request.data);
+
+        if (data.isDefault) {
+            address = address.map((item) => {
+                if (item.isDefault === true) {
+                    return { ...item, isDefault: false };
+                }
+                return item;
+            });
+        }
+
+        address = address.map((item) => {
+            if (item.id === data.id) {
+                return data;
+            }
+            return item;
+        });
+
+        return [200, { address }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});

_mockApis/apps/ecommerce/index.ts

@@ -0,0 +1,2 @@
+import './products';
+import './billing-address';

_mockApis/apps/ecommerce/products.ts

@@ -0,0 +1,273 @@
+import mock from '../../mockAdapter';
+
+// third-party
+import { add, sub } from 'date-fns';
+import { Chance } from 'chance';
+import product1 from '@/assets/images/products/s11.jpg';
+import product2 from '@/assets/images/products/s5.jpg';
+import product3 from '@/assets/images/products/s6.jpg';
+import product4 from '@/assets/images/products/s4.jpg';
+import product5 from '@/assets/images/products/s10.jpg';
+import product6 from '@/assets/images/products/s9.jpg';
+import product7 from '@/assets/images/products/s7.jpg';
+import product8 from '@/assets/images/products/s8.jpg';
+import product9 from '@/assets/images/products/s3.jpg';
+import product10 from '@/assets/images/products/s1.jpg';
+import product11 from '@/assets/images/products/s12.jpg';
+import product12 from '@/assets/images/products/s2.jpg';
+//Types
+import type { Products } from '@/types/apps/EcommerceType';
+
+const chance = new Chance();
+// products list
+const products: Products[] = [
+    {
+        id: 1,
+        image: product1,
+        name: 'Super Games',
+        description: chance.paragraph({ sentences: 1 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 25,
+        salePrice: 180,
+        offerPrice: 200,
+        gender: 'kids',
+        categories: ['fashion', 'toys','electronics'],
+        colors: ['error', 'warning', 'primary', 'secondary'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 8, hours: 6, minutes: 20 }),
+        isStock: true,
+        qty: 1,
+        rank:87,
+        price:'200'
+    },
+    {
+        id: 2,
+        image: product2,
+        name: 'Derma-E',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 10,
+        salePrice: 81,
+        offerPrice: 89,
+        gender: 'kids',
+        categories: ['fashion', 'female'],
+        colors: ['lightprimary', 'success', 'lighterror', 'warning'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 10, hours: 8, minutes: 69 }),
+        isStock: false,
+        qty: 1,
+        rank:87,
+        price:'100'
+    },
+    {
+        id: 3,
+        image: product3,
+        name: 'SockSoho',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 40,
+        salePrice: 49,
+        offerPrice: 59,
+        gender: 'male',
+        categories: ['fashion','kids'],
+        colors: ['lightprimary', 'primary'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 4, hours: 9, minutes: 50 }),
+        isStock: true,
+        qty: 1,
+        rank:50,
+        price:'100'
+    },
+    {
+        id: 4,
+        image: product4,
+        name: 'Glossy Solution',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 17,
+        salePrice: 29,
+        offerPrice: 36,
+        gender: 'kids',
+        categories: ['fashion','female'],
+        colors: ['error', 'warning', 'warning'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 7, hours: 6, minutes: 45 }),
+        isStock: false,
+        qty: 1,
+        rank:90,
+        price:'50'
+    },
+    {
+        id: 5,
+        image: product5,
+        name: 'Supercolor 645CL',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 20,
+        salePrice: 12,
+        offerPrice: 15,
+        gender: 'male',
+        categories: ['toys'],
+        colors: ['warning', 'lightprimary'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 2, hours: 9, minutes: 45 }),
+        isStock: true,
+        qty: 1,
+        rank:88,
+        price:'50'
+    },
+    {
+        id: 6,
+        image: product6,
+        name: 'Orange Glass',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 13,
+        salePrice: 86,
+        offerPrice: 99,
+        gender: 'female',
+        categories: ['fashion', 'kitchen'],
+        colors: ['primary', 'warning'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: add(new Date(), { days: 6, hours: 10, minutes: 0 }),
+        isStock: true,
+        qty: 1,
+        rank:95,
+        price:'100'
+    },
+    {
+        id: 7,
+        image: product7,
+        name: 'Polraid One Step',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 15,
+        salePrice: 16,
+        offerPrice: 14.59,
+        gender: 'female',
+        categories: ['fashion'],
+        colors: ['error', 'secondary', 'primary', 'warning'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: add(new Date(), { days: 14, hours: 1, minutes: 55 }),
+        isStock: false,
+        qty: 1,
+        rank:60,
+        price:'50'
+    },
+    {
+        id: 8,
+        image: product8,
+        name: 'Colorful Camera',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 20,
+        salePrice: 130,
+        offerPrice: 105,
+        gender: 'female',
+        categories: ['toys'],
+        colors: ['lightsuccess', 'primary', 'success'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 0, hours: 11, minutes: 10 }),
+        isStock: true,
+        qty: 1,
+        rank:80,
+        price:'151'
+    },
+    {
+        id: 9,
+        image: product9,
+        name: 'Smart Watch',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 20,
+        salePrice: 130,
+        offerPrice: 160,
+        gender: 'female',
+        categories: ['toys','electronics'],
+        colors: ['lightsuccess', 'primary', 'success'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 0, hours: 11, minutes: 10 }),
+        isStock: true,
+        qty: 1,
+        rank:80,
+        price:'252'
+    },
+    {
+        id: 10,
+        image: product10,
+        name: 'Curology Face wash',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 20,
+        salePrice: 275,
+        offerPrice: 350,
+        gender: 'female',
+        categories: ['toys'],
+        colors: ['lightsuccess', 'primary', 'success'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 0, hours: 11, minutes: 10 }),
+        isStock: true,
+        qty: 1,
+        rank:80,
+        price:'275'
+    },
+    {
+        id: 11,
+        image: product11,
+        name: 'Smart Game',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 20,
+        salePrice: 10,
+        offerPrice: 15,
+        gender: 'female',
+        categories: ['toys','electronics'],
+        colors: ['lightsuccess', 'primary', 'success'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 0, hours: 11, minutes: 10 }),
+        isStock: true,
+        qty: 1,
+        rank:80,
+        price:'275'
+    },
+    {
+        id: 12,
+        image: product12,
+        name: 'Body Lotion',
+        description: chance.paragraph({ sentences: 2 }),
+        rating: chance.floating({ min: 0.1, max: 5.0 }),
+        discount: 20,
+        salePrice: 89,
+        offerPrice: 99,
+        gender: 'female',
+        categories: ['toys'],
+        colors: ['lightsuccess', 'primary', 'success'],
+        popularity: chance.natural(),
+        date: chance.natural(),
+        created: sub(new Date(), { days: 0, hours: 11, minutes: 10 }),
+        isStock: true,
+        qty: 1,
+        rank:80,
+        price:'275'
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+// mock.onGet('/api/products/list').reply(200, { products });
+mock.onGet('/api/products/list').reply(() => {
+    return [200, products];
+});
+
+export default products;

_mockApis/apps/email/index.ts

@@ -0,0 +1,596 @@
+import mock from "../../mockAdapter";
+import { Chance } from "chance";
+import type { EmailType } from "@/types/apps/EmailTypes";
+import { sub } from "date-fns";
+
+import user1 from '@/assets/images/profile/user-2.jpg';
+import user2 from '@/assets/images/profile/user-3.jpg';
+import user3 from '@/assets/images/profile/user-4.jpg';
+import user4 from '@/assets/images/profile/user-5.jpg';
+import user5 from '@/assets/images/profile/user-6.jpg';
+import user6 from '@/assets/images/profile/user-7.jpg';
+import user7 from '@/assets/images/profile/user-8.jpg';
+import user8 from '@/assets/images/profile/user-14.jpg';
+import user9 from '@/assets/images/profile/user-9.jpg';
+import user10 from '@/assets/images/profile/user-10.jpg';
+import user11 from '@/assets/images/profile/user-11.jpg';
+import user12 from '@/assets/images/profile/user-12.jpg';
+import user13 from '@/assets/images/profile/user-13.jpg';
+
+import adobe from '@/assets/images/chat/icon-adobe.svg';
+import chrome from '@/assets/images/chat/icon-chrome.svg';
+import figma from '@/assets/images/chat/icon-figma.svg';
+import java from '@/assets/images/chat/icon-javascript.svg';
+import zip from '@/assets/images/chat/icon-zip-folder.svg';
+
+const chance = new Chance();
+
+const EmailData: EmailType[] = [
+  {
+    id: 1,
+    from: "James Smith",
+    thumbnail: user10,
+    subject: "Kindly check this latest updated",
+    time: sub(new Date(), { hours: 1 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "Contrary to popular belief, Lorem Ipsum is not simply random text. ",
+    emailContent: `<p>Hello Andrew, </p>
+           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque bibendum hendrerit lobortis. Nullam ut lacus eros. Sed at luctus urna, eu fermentum diam. In et tristique mauris.</p>
+           <p>Ut id ornare metus, sed auctor enim. Pellentesque nisi magna, laoreet a augue eget, 
+           tempor volutpat diam.</p>
+           <p>Regards,<br/> <b>James Smith</b></p>
+           `,
+    unread: true,
+    attachment: false,
+    starred: true,
+    important: false,
+    inbox: true,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: false,
+    promotional:true,
+    social:false,
+    health:true,
+    label: "Promotional",
+    attchments: [
+      {
+        id: "#1Attach",
+        image: adobe,
+        title: "adobe.pdf",
+        fileSize: "2MB",
+      },
+      {
+        id: "#2Attach",
+        image: chrome,
+        title: "abouts.html",
+        fileSize: "2MB",
+      },
+      {
+        id: "#3Attach",
+        image: zip,
+        title: "cheese.zip",
+        fileSize: "2MB",
+      },
+    ],
+  },
+  {
+    id: 2,
+    from: "Michael Smith",
+    thumbnail: user1,
+    subject: "Fact that a reader will be distracted.",
+    time: sub(new Date(), { days: 0, hours: 3, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "It has roots in a piece of classical Latin literature from 45 BC",
+    emailContent: `<p>Hello Andrew, </p>
+           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque bibendum hendrerit lobortis. Nullam ut lacus eros. Sed at luctus urna, eu fermentum diam. In et tristique mauris.</p>
+           <p>Ut id ornare metus, sed auctor enim. Pellentesque nisi magna, laoreet a augue eget, 
+           tempor volutpat diam.</p>
+           <p>Regards,<br/> <b>Michael Smith</b></p>
+           `,
+    unread: true,
+    attachment: false,
+    starred: true,
+    important: false,
+    inbox: false,
+    sent: false,
+    draft: true,
+    spam: false,
+    promotional:true,
+    social:false,
+    health:true,
+    trash: false,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 3,
+    from: "Robert Smith",
+    thumbnail: user2,
+    subject:
+      "The point of using Lorem Ipsum is that it has a more-or-less normal",
+    time: sub(new Date(), { days: 0, hours: 11, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "Richard McClintock, a Latin professor at Hampden-Sydney",
+    emailContent:
+      "<p>Dummy text is also used to demonstrate the appearance of different typefaces and layouts, and in general the content of dummy text is nonsensical. ",
+    unread: false,
+    attachment: false,
+    starred: false,
+    important: true,
+    inbox: false,
+    sent: true,
+    draft: false,
+    promotional:true,
+    social:true,
+    health:true,
+    spam: false,
+    trash: false,
+    label: "Promotional",
+    attchments: [
+      {
+        id: "#4Attach",
+        image: figma,
+        title: "service.fig",
+        fileSize: "2MB",
+      },
+      {
+        id: "#5Attach",
+        image: java,
+        title: "abouts.js",
+        fileSize: "2MB",
+      },
+    ],
+  },
+  {
+    id: 4,
+    from: "Maria Garcia",
+    thumbnail:user5,
+    subject: "Contrary to popular belief, Lorem Ipsum is.",
+    time: sub(new Date(), { days: 1, hours: 2, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "Lorem Ipsum passage, and going through",
+    emailContent:
+      "<p>Furthermore, it is advantageous when the dummy text is relatively realistic so that the layout impression of the final publication is not compromised.</p>",
+    unread: false,
+    attachment: true,
+    starred: true,
+    important: false,
+    inbox: false,
+    promotional:false,
+    social:false,
+    health:false,
+    sent: false,
+    draft: true,
+    spam: false,
+    trash: false,
+    label: "Social",
+    attchments: [
+      {
+        id: "#4Attach",
+        image: figma,
+        title: "service.fig",
+        fileSize: "2MB",
+      },
+      {
+        id: "#5Attach",
+        image: java,
+        title: "abouts.js",
+        fileSize: "2MB",
+      },
+    ],
+  },
+  {
+    id: 5,
+    from: "David Smith",
+    thumbnail: user6,
+    subject: "Literature from 45 BC, making",
+    time: sub(new Date(), { days: 1, hours: 8, minutes: 45 }),
+    To: "abc123@company.com",
+    emailExcerpt: "The standard chunk of Lorem Ipsum used since the 1500s",
+    emailContent:
+      "<p>One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others which creates a distinct visual impression.</p>",
+    unread: false,
+    attachment: false,
+    starred: false,
+    important: true,
+    inbox: true,
+    sent: false,
+    draft: false,
+    promotional:true,
+    social:true,
+    health:true,
+    spam: false,
+    trash: false,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 6,
+    from: "Maria Rodriguez",
+    thumbnail: user7,
+    subject: "Latin professor at Hampden-Sydney College.",
+    time: sub(new Date(), { days: 1, hours: 10, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "Cicero are also reproduced in their exact original form",
+    emailContent:
+      "<p>Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts. If the fill text is intended to illustrate the characteristics of different typefaces.</p>",
+    unread: false,
+    attachment: true,
+    starred: false,
+    important: true,
+    inbox: true,
+    promotional:false,
+    social:true,
+    health:true,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Health",
+    attchments: [],
+  },
+  {
+    id: 7,
+    from: "Mary Smith",
+    thumbnail: user8,
+    subject: "the cites of the word in classical.",
+    time: sub(new Date(), { days: 1, hours: 11, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "There are many variations of passages of Lorem Ipsum available",
+    emailContent:
+      "<p>There is now an abundance of readable dummy texts. These are usually used when a text is required purely to fill a space.These alternatives to the classic Lorem Ipsum texts are often amusing and tell short, funny or nonsensical stories.</p>",
+    unread: true,
+    attachment: true,
+    starred: false,
+    important: false,
+    promotional:true,
+    social:false,
+    health:false,
+    inbox: true,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 8,
+    from: "Maria Hernandez",
+    thumbnail: user9,
+    subject: " This book is a treatise on the theory of ethics.",
+    time: sub(new Date(), { days: 2, hours: 1, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "the majority have suffered alteration in some form, by injected ",
+    emailContent:
+      "<p>According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero in 45 BC. Allegedly, a Latin scholar established the origin of the text.</p>",
+    unread: false,
+    attachment: true,
+    starred: false,
+    important: true,
+    inbox: false,
+    promotional:true,
+    social:true,
+    health:true,
+    sent: false,
+    draft: false,
+    spam: true,
+    trash: false,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 9,
+    from: "Maria Martinez",
+    thumbnail: user10,
+    subject: "Lorem Ipsum used since the 1500s is reproduced.",
+    time: sub(new Date(), { days: 2, hours: 3, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "If you are going to use a passage of Lorem Ipsum",
+    emailContent:
+      "<p>It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate that over the course of time certain letters.</p>",
+    unread: false,
+    attachment: true,
+    starred: false,
+    important: false,
+    inbox: false,
+    promotional:false,
+    social:true,
+    health:false,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: true,
+    label: "Promotional",
+    attchments: [],
+  },
+  {
+    id: 10,
+    from: "James Johnson",
+    thumbnail:user1,
+    subject: "accompanied by English versions from the 1914 translation.",
+    time: sub(new Date(), { days: 2, hours: 8, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "you need to be sure there isn't anything",
+    emailContent:
+      "<p>This might also explain why one can now find slightly different versions. Due to the age of the Lorem Ipsum text there are no copyright issues to contend with.</p>",
+    unread: false,
+    attachment: true,
+    starred: true,
+    important: false,
+    inbox: false,
+    promotional:true,
+    social:false,
+    health:true,
+    sent: true,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Health",
+    attchments: [],
+  },
+  {
+    id: 11,
+    from: "James Smith",
+    thumbnail:user3,
+    subject: "All the Lorem Ipsum generators on the Internet.",
+    time: sub(new Date(), { days: 2, hours: 9, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "All the Lorem Ipsum generators on the Internet tend to repeat predefined",
+    emailContent:
+      "<p>The spread of computers and layout programmes thus made dummy text better known. While in earlier times several lines of the Lorem Ipsum text were repeated in the creation of dummy texts.</p>",
+    unread: false,
+    attachment: false,
+    starred: true,
+    important: false,
+    inbox: true,
+    promotional:true,
+    social:false,
+    health:false,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Promotional",
+    attchments: [],
+  },
+  {
+    id: 12,
+    from: "Michael Smith",
+    thumbnail: user7,
+    subject: "Latin words, combined with a handful.",
+    time: sub(new Date(), { days: 2, hours: 11, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "combined with a handful of model sentence structures",
+    emailContent:
+      "<p>basis for many dummy text or Lorem Ipsum generators. Based on 'De finibus', these generators automatically create longer sections of the Lorem Ipsum text or various other filler texts.</p>",
+    unread: false,
+    attachment: false,
+    starred: false,
+    important: false,
+    promotional:true,
+    social:true,
+    health:true,
+    inbox: true,
+    sent: false,
+    draft: true,
+    spam: false,
+    trash: true,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 13,
+    from: "Robert Smith",
+    thumbnail: user1,
+    subject: "If you are going to use a passage.",
+    time: sub(new Date(), { days: 3, hours: 2, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "Lorem Ipsum is therefore always free from repetition, injected humour",
+    emailContent:
+      "<p>The phrasal sequence of the Lorem Ipsum text is now so widespread and commonplace that many DTP programmes can generate dummy text using the starting sequence.</p>",
+    unread: false,
+    attachment: true,
+    starred: true,
+    important: true,
+    promotional:false,
+    social:false,
+    health:false,
+    inbox: false,
+    sent: true,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Health",
+    attchments: [],
+  },
+  {
+    id: 14,
+    from: "Maria Garcia",
+    thumbnail: user2,
+    subject: "piece of classical Latin literature.",
+    time: sub(new Date(), { days: 3, hours: 11, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "Lorem Ipsum passage, and going through the cites",
+    emailContent:
+      "<p>now recognized by electronic pre-press systems and, when found, an alarm can be raised. This avoids a publication going to print with overlooked dummy text.</p>",
+    unread: false,
+    attachment: false,
+    starred: true,
+    important: false,
+    inbox: false,
+    promotional:true,
+    social:true,
+    health:true,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: true,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 15,
+    from: "David Smith",
+    thumbnail: user3,
+    subject: "first true generator on the Internet.",
+    time: sub(new Date(), { days: 3, hours: 4, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
+    emailContent:
+      "<p>Certain internet providers exploit the fact that fill text cannot be recognized by automatic search engines - meaningful information cannot be distinguished from meaningless.</p>",
+    unread: false,
+    attachment: true,
+    starred: false,
+    important: false,
+    inbox: false,
+    promotional:true,
+    social:false,
+    health:true,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: true,
+    label: "Promotional",
+    attchments: [],
+  },
+  {
+    id: 16,
+    from: "Maria Rodriguez",
+    thumbnail: user4,
+    subject: "combined with a handful of model sentence structure.",
+    time: sub(new Date(), { days: 4, hours: 1, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt:
+      "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
+    emailContent:
+      "<p>Target-generated dummy text mixed with a certain combination of search terms can lead to an increased frequency of visits by search machine users. As a consequence, advertising revenues, which rely on website 'hits', are increased.</p>",
+    unread: true,
+    attachment: false,
+    starred: false,
+    important: true,
+    inbox: true,
+    promotional:true,
+    social:true,
+    health:false,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: true,
+    label: "Social",
+    attchments: [],
+  },
+  {
+    id: 17,
+    from: "Mary Smith",
+    thumbnail: user6,
+    subject: "randomised words which don't look even.",
+    time: sub(new Date(), { days: 4, hours: 1, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "when an unknown printer took a galley of type",
+    emailContent:
+      "<p>Vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra. Amet nisl suscipit adipiscing bibendum est ultricies integer.</p>",
+    unread: true,
+    attachment: false,
+    starred: false,
+    important: false,
+    inbox: false,
+    promotional:true,
+    social:false,
+    health:true,
+    sent: false,
+    draft: false,
+    spam: true,
+    trash: false,
+    label: "Health",
+    attchments: [],
+  },
+  {
+    id: 18,
+    from: "Maria Hernandez",
+    thumbnail: user8,
+    subject: "Lorem Ipsum generators on the Internet tend.",
+    time: sub(new Date(), { days: 4, hours: 1, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "scrambled it to make a type specimen book",
+    emailContent:
+      "<p>Volutpat diam ut venenatis tellus in metus vulputate eu. Id aliquet lectus proin nibh nisl condimentum id venenatis. Risus quis varius quam quisque id diam vel. Pulvinar pellentesque habitant morbi tristique senectus et netus et.</p>",
+    unread: false,
+    attachment: false,
+    starred: false,
+    important: true,
+    inbox: false,
+    promotional:true,
+    social:false,
+    health:true,
+    sent: true,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Promotional",
+    attchments: [],
+  },
+  {
+    id: 19,
+    from: "Maria Martinez",
+    thumbnail: user9,
+    subject: "combined with a handful of model.",
+    time: sub(new Date(), { days: 4, hours: 1, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "It has survived not only five centuries",
+    emailContent:
+      "<p>Scelerisque purus semper eget duis at. Tempus imperdiet nulla malesuada pellentesque elit. Vitae semper quis lectus nulla at volutpat. Ac tortor vitae purus faucibus ornare suspendisse.</p>",
+    unread: true,
+    attachment: false,
+    starred: false,
+    important: false,
+    inbox: false,
+    promotional:true,
+    social:false,
+    health:true,
+    sent: false,
+    draft: true,
+    spam: false,
+    trash: false,
+    label: "Health",
+    attchments: [],
+  },
+  {
+    id: 20,
+    from: "James Johnson",
+    thumbnail: user11,
+    subject: "The Extremes of Good and Evil.",
+    time: sub(new Date(), { days: 4, hours: 1, minutes: 45 }),
+    To: "abc@company.com",
+    emailExcerpt: "the 1960s with the release of Letraset sheets containings",
+    emailContent:
+      "<p>Ultrices in iaculis nunc sed augue lacus viverra. Tellus cras adipiscing enim eu turpis egestas. Libero enim sed faucibus turpis in eu mi bibendum neque. Consectetur adipiscing elit ut aliquam. Mattis nunc sed blandit libero volutpat sed cras. </p>",
+    unread: false,
+    attachment: true,
+    starred: true,
+    important: true,
+    inbox: true,
+    promotional:false,
+    social:false,
+    health:false,
+    sent: false,
+    draft: false,
+    spam: false,
+    trash: false,
+    label: "Social",
+    attchments: [],
+  },
+];
+
+mock.onGet('/api/data/email/EmailData').reply(() => {
+    return [200, EmailData];
+});
+export default EmailData;

_mockApis/apps/invoice/index.ts

@@ -0,0 +1,253 @@
+import type { InvoiceType } from "@/types/apps/InvoiceTypes";
+import mock from "../../mockAdapter";
+import { Chance } from "chance";
+const chance = new Chance();
+
+const InvoiceData: InvoiceType[] = [
+  {
+    id: 101,
+    billFrom: "PineappleInc.",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ganesh glory,Godrej garden city,Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "Redq Inc.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 15,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date(),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Shipped",
+    completed: false,
+    isSelected: false,
+  },
+  {
+    id: 102,
+    billFrom: "Pineapple.",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ganesh glory,Godrej garden city,Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "ME Inc.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 9,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date(),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Delivered",
+    completed: false,
+    isSelected: false,
+  },
+  {
+    id: 103,
+    billFrom: "Incorporation.",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "Redirwed.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 9,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date(),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Pending",
+    completed: false,
+    isSelected: false,
+  },
+  {
+    id: 104,
+    billFrom: "PineappleTimes.",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ganesh glory,Godrej garden city,Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "RFc.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 9,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date(),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Shipped",
+    completed: false,
+    isSelected: false,
+  },
+  {
+    id: 105,
+    billFrom: "FortuneCreation",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ganesh glory,Godrej garden city,Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "Soft solution.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 9,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date("2020-10-15"),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Delivered",
+    completed: false,
+    isSelected: false,
+  },
+  {
+    id: 106,
+    billFrom: "PineappleTimes.",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ganesh glory,Godrej garden city,Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "RFc.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 9,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date(),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Shipped",
+    completed: false,
+    isSelected: false,
+  },
+  {
+    id: 107,
+    billFrom: "FortuneCreation",
+    billFromEmail: "first@xabz.com",
+    billFromAddress: "Ganesh glory,Godrej garden city,Ahmedabad.",
+    billFromPhone: 979796786,
+    billFromFax: 13,
+    billTo: "Soft solution.",
+    billToEmail: "toFirst@agth.com",
+    billToAddress: "Godrej garden city,Ahmedabad.",
+    billToPhone: 757575233,
+    billToFax: 76,
+    orders: [
+      {
+        itemName: "Courge",
+        unitPrice: 10,
+        units: 9,
+        unitTotalPrice: 90,
+      },
+    ],
+    orderDate: new Date("2020-10-15"),
+    totalCost: 90,
+    vat: 9,
+    grandTotal: 99,
+    status: "Delivered",
+    completed: false,
+    isSelected: false,
+  },
+];
+
+mock.onGet("/api/data/invoices/invoiceData").reply(() => {
+  return [200, InvoiceData];
+});
+
+// Handle POST requests to add a new invoice
+mock.onPost("/api/data/invoices/invoiceData").reply((config) => {
+  try {
+    // Parse the new invoice from the request body
+    const newInvoice = JSON.parse(config.data) as InvoiceType;
+
+    // Assign a new ID to the new invoice
+    const newId =
+      InvoiceData.length > 0
+        ? Math.max(...InvoiceData.map((i) => i.id)) + 1
+        : 1;
+    newInvoice.id = newId;
+
+    // Add the new invoice to the invoice array
+    InvoiceData.push(newInvoice);
+
+    // Return the new invoice in the response
+    return [201, newInvoice];
+  } catch (error) {
+    return [500, { message: "Failed to add new invoice" }];
+  }
+});
+
+// Handle PUT requests to update an existing invoice
+mock.onPut(/\/api\/data\/invoices\/invoiceData\/\d+/).reply((config) => {
+    const id = config.url?.split('/').pop(); // Get the last segment of the URL
+    console.log('Extracted ID:', id);
+    if (!id) {
+      return [400, { message: "Invalid ID" }];
+    }
+  
+    const updatedInvoice = JSON.parse(config.data) as InvoiceType;
+    const index = InvoiceData.findIndex(invoice => invoice.id === parseInt(id, 10));
+    console.log('Index of invoice to update:', index);
+  
+    if (index !== -1) {
+      InvoiceData[index] = { ...InvoiceData[index], ...updatedInvoice };
+  
+      return [200, InvoiceData[index]];
+    }
+  
+    return [404, { message: "Invoice not found" }];
+  });
+  
+export default InvoiceData;

_mockApis/apps/kanban/index.ts

@@ -0,0 +1,141 @@
+import mock from '../../mockAdapter';
+import image1 from '@/assets/images/backgrounds/kanban-img-1.jpg';
+import image2 from '@/assets/images/backgrounds/kanban-img-2.jpg';
+import image3 from '@/assets/images/backgrounds/kanban-img-3.jpg';
+import image4 from '@/assets/images/backgrounds/kanban-img-4.jpg';
+import { uniqueId } from 'lodash';
+import { sub } from 'date-fns';
+
+interface TaskType {
+    id?: number | any;
+    title?: string;
+    subtitle?: string;
+    cardbg?: string;
+    datef?: Date | any;
+    taskimg?: string;
+    date?: Date | any;
+    category?: string;
+    tasks?: TaskType[];
+    categorybg?: string;
+}
+
+const TaskData: TaskType[] = [
+    {
+        id: uniqueId('#m_'),
+        title: 'Todo',
+        cardbg: 'light',
+        tasks: [
+            {
+                id: uniqueId('#task_'), 
+                title: 'This is first task',
+                taskimg: image1,
+                date:sub(new Date(), { months: 1 }),
+                category: 'Design',
+                categorybg: 'success'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Lets do some task on pd',
+                subtitle: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, o eiusmod tempor incid.',
+                date:sub(new Date(), { days: 2 }),
+                category: 'Development',
+                categorybg: 'warning'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Do some projects on React Native with Flutter',
+                date:sub(new Date(), { days: 4 }),
+                category: 'Mobile',
+                categorybg: 'primary'
+            }
+        ]
+    },
+    {
+        id: uniqueId('#m_'),
+        title: 'In Progress',
+        cardbg: 'lightsecondary',
+        tasks: [
+            {
+                id: uniqueId('#task_'),
+                title: 'Work on Dashboard Designing',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Mobile',
+                categorybg: 'primary'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Battle with fire',
+                taskimg: image2,
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'success'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Do some projects on Reactjs with tailwind ',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Mobile',
+                categorybg: 'primary'
+            }
+        ]
+    },
+    {
+        id: uniqueId('#m_'),
+        title: 'Pending',
+        cardbg: 'lightinfo',
+        tasks: [
+            {
+                id: uniqueId('#task_'),
+                title: 'Create a Nextjs Dashboard',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'success'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Solve Vuejs Project errors',
+                subtitle: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, o eiusmod tempor incid.',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Development',
+                categorybg: 'primary'
+            },
+            {
+                id: uniqueId('#task_'),
+                taskimg: image4,
+                title: 'Redesign Overview',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'error'
+            },
+
+        ]
+    },
+    {
+        id: uniqueId('#m_'),
+        title: 'Done',
+        cardbg: 'lightsuccess',
+        tasks: [
+            {
+                id: uniqueId('#task_'), 
+                title: 'Develop React app',
+                taskimg: image3,
+                date:sub(new Date(), { months: 1 }),
+                category: 'Mobile',
+                categorybg: 'warning'
+            },
+            {
+                id: uniqueId('#task_'),
+                title: 'Do some task on Nuxtjs',
+                subtitle: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
+                date:sub(new Date(), { seconds: 1 }),
+                category: 'Design',
+                categorybg: 'error'
+            },
+        ]
+    }
+];
+
+mock.onGet('/api/data/task/TaskData').reply(() => {
+    return [200, TaskData];
+});
+export default TaskData;

_mockApis/apps/notes/index.ts

@@ -0,0 +1,68 @@
+import mock from '../../mockAdapter';
+
+interface NotesType {
+    id?: number | any;
+    color?: string;
+    title?: string;
+    datef?: string | Date;
+}
+
+const NotesData: NotesType[] = [
+    {
+        id: 1,
+        color: 'primary',
+        title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+        datef: '2023-06-03T23:28:56.782Z'
+    },
+    {
+        id: 2,
+        color: 'error',
+        title: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,',
+        datef: '2023-06-02T23:28:56.782Z'
+    },
+    {
+        id: 3,
+        color: 'warning',
+        title: 'consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?',
+        datef: '2023-06-01T23:28:56.782Z'
+    },
+    {
+        id: 4,
+        color: 'success',
+        title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
+        datef: '2023-06-03T23:28:56.782Z'
+    }
+];
+
+interface colorVariationType {
+    id?: number;
+    color?: string;
+}
+
+export const colorVariation: colorVariationType[] = [
+    {
+        id: 1,
+        color: 'warning'
+    },
+    {
+        id: 2,
+        color: 'secondary'
+    },
+    {
+        id: 3,
+        color: 'error'
+    },
+    {
+        id: 4,
+        color: 'success'
+    },
+    {
+        id: 5,
+        color: 'primary'
+    }
+];
+
+mock.onGet('/api/data/notes/NotesData').reply(() => {
+    return [200, NotesData];
+});
+export default NotesData;

_mockApis/apps/tickets/index.ts

@@ -0,0 +1,118 @@
+import mock from '../../mockAdapter';
+import { Chance } from 'chance';
+const chance = new Chance();
+interface TicketType {
+    Id?: number | any;
+    ticketTitle?: string;
+    ticketDescription?: string;
+    Status?: string;
+    Label?: string;
+    thumb?: string;
+    AgentName?: string;
+    Date?: string | Date;
+}
+
+import user1 from '@/assets/images/profile/user-2.jpg';
+import user2 from '@/assets/images/profile/user-3.jpg';
+import user3 from '@/assets/images/profile/user-4.jpg';
+import user4 from '@/assets/images/profile/user-5.jpg';
+import user5 from '@/assets/images/profile/user-6.jpg';
+import user6 from '@/assets/images/profile/user-7.jpg';
+import user7 from '@/assets/images/profile/user-8.jpg';
+import user10 from '@/assets/images/profile/user-10.jpg';
+
+const TicketData: TicketType[] = [
+    {
+        Id: 1,
+        ticketTitle: 'Sed ut perspiciatis unde omnis iste',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Closed',
+        Label: 'error',
+        thumb: user10,
+        AgentName: 'Liam',
+        Date: chance.date()
+    },
+    {
+        Id: 2,
+        ticketTitle: 'Consequuntur magni dolores eos qui ratione',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Pending',
+        Label: 'warning',
+        thumb: user1,
+        AgentName: 'Steve',
+        Date: chance.date()
+    },
+    {
+        Id: 3,
+        ticketTitle: 'Exercitationem ullam corporis',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Open',
+        Label: 'success',
+        thumb: user2,
+        AgentName: 'Jack',
+        Date: chance.date()
+    },
+    {
+        Id: 4,
+        ticketTitle: 'Sed ut perspiciatis unde omnis iste',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Closed',
+        Label: 'error',
+        thumb: user3,
+        AgentName: 'Steve',
+        Date: chance.date()
+    },
+    {
+        Id: 5,
+        ticketTitle: 'Exercitationem ullam corporis',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Closed',
+        Label: 'error',
+        thumb: user4,
+        AgentName: 'Liam',
+        Date: chance.date()
+    },
+    {
+        Id: 6,
+        ticketTitle: 'Consequuntur magni dolores eos qui ratione',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Pending',
+        Label: 'warning',
+        thumb: user5,
+        AgentName: 'Jack',
+        Date: chance.date()
+    },
+    {
+        Id: 7,
+        ticketTitle: 'Sed ut perspiciatis unde omnis iste',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Open',
+        Label: 'success',
+        thumb: user6,
+        AgentName: 'Steve',
+        Date: chance.date()
+    },
+    {
+        Id: 8,
+        ticketTitle: 'Consequuntur magni dolores eos qui ratione',
+        ticketDescription:
+            'ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos',
+        Status: 'Closed',
+        Label: 'error',
+        thumb: user7,
+        AgentName: 'John',
+        Date: chance.date()
+    }
+];
+
+mock.onGet('/api/data/tickets/TicketData').reply(() => {
+    return [200, TicketData];
+});
+export default TicketData;

_mockApis/apps/userprofile/followers.ts

@@ -0,0 +1,171 @@
+// project imports
+import mock from '../../mockAdapter';
+import user1 from '@/assets/images/profile/user-1.jpg';
+import user8 from '@/assets/images/profile/user-2.jpg';
+import user3 from '@/assets/images/profile/user-3.jpg';
+import user4 from '@/assets/images/profile/user-4.jpg';
+import user5 from '@/assets/images/profile/user-5.jpg';
+import user6 from '@/assets/images/profile/user-6.jpg';
+import user7 from '@/assets/images/profile/user-7.jpg';
+import user11 from '@/assets/images/profile/user-3.jpg';
+import user12 from '@/assets/images/profile/user-4.jpg';
+import user9 from '@/assets/images/profile/user-5.jpg';
+import user10 from '@/assets/images/profile/user-2.jpg';
+
+// types
+export type KeyedObject = {
+    [key: string]: string | number | KeyedObject | any;
+};
+
+// followers list
+
+const followers: KeyedObject[] = [
+    {
+        id: '#1Followers_Barney',
+        avatar: user6,
+        name: 'Barney',
+        location: 'Handburgh',
+        follow: 1
+    },
+    {
+        id: '#2Followers_Thea',
+        avatar: user3,
+        name: 'Thea',
+        location: 'New jana',
+        follow: 2
+    },
+    {
+        id: '#3Followers_Guiseppe',
+        avatar: user7,
+        name: 'Guiseppe',
+        location: 'Jenkinsstad',
+        follow: 1
+    },
+    {
+        id: '#4Followers_Henderson',
+        avatar: user8,
+        name: 'Henderson',
+        location: 'South Antonina',
+        follow: 1
+    },
+    {
+        id: '#5Followers_Maddison',
+        avatar: user6,
+        name: 'Maddison',
+        location: 'New Dorthy',
+        follow: 1
+    },
+    {
+        id: '#6Followers_Wilber',
+        avatar: user1,
+        name: 'Wilber',
+        location: 'Twilahsven',
+        follow: 1
+    },
+    {
+        id: '#7Followers_Hayden',
+        avatar: user4,
+        name: 'Hayden',
+        location: 'Darrelshaire',
+        follow: 1
+    },
+    {
+        id: '#8Followers_Lloyd',
+        avatar: user10,
+        name: 'Lloyd',
+        location: 'New Credrick',
+        follow: 1
+    },
+    {
+        id: '#9Followers_Kris',
+        avatar: user8,
+        name: 'Kris',
+        location: 'New Dianna',
+        follow: 1
+    },
+    {
+        id: '#10Followers_Kyler',
+        avatar: user11,
+        name: 'Kyler',
+        location: 'Murraymouth',
+        follow: 1
+    },
+    {
+        id: '#11Followers_Pamela',
+        avatar: user3,
+        name: 'Pamela',
+        location: 'Murraymouth',
+        follow: 1
+    },
+    {
+        id: '#12Followers_Betty',
+        avatar: user6,
+        name: 'John Doe',
+        location: 'North Zole',
+        follow: 1
+    },
+    {
+        id: '#13Followers_Anthony',
+        avatar: user5,
+        name: 'Anthony',
+        location: 'Lake Judy',
+        follow: 1
+    },
+    {
+        id: '#14Followers_Reggie',
+        avatar: user12,
+        name: 'Reggie',
+        location: 'Kailynland',
+        follow: 1
+    },
+    {
+        id: '#15Followers_Francesca',
+        avatar: user1,
+        name: 'Francesca',
+        location: 'Pagacview',
+        follow: 2
+    },
+    {
+        id: '#16Followers_Carmel',
+        avatar: user9,
+        name: 'Carmel',
+        location: 'Port Lerashire',
+        follow: 1
+    },
+    {
+        id: '#17Followers_Darwin',
+        avatar: user4,
+        name: 'Darwin',
+        location: 'North Jacquesside',
+        follow: 2
+    },
+    {
+        id: '#18Followers_Kaylin',
+        avatar: user3,
+        name: 'Kaylin',
+        location: 'Bergstrombury',
+        follow: 1
+    },
+    {
+        id: '#19Followers_Kamryn',
+        avatar: user7,
+        name: 'Kamryn',
+        location: 'South Norma',
+        follow: 1
+    },
+    {
+        id: '#20Followers_Madelyn',
+        avatar: user8,
+        name: 'Madelyn',
+        location: 'Port Opheliamouth',
+        follow: 1
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+mock.onGet('/api/followers/list').reply(200, { followers });
+
+// mock.onGet('/api/followers/list').reply(() => {
+//     return [200, followers];
+// });

_mockApis/apps/userprofile/friends.ts

@@ -0,0 +1,192 @@
+// project imports
+import mock from '../../mockAdapter';
+import { Chance } from 'chance';
+
+
+import user1 from '@/assets/images/profile/user-10.jpg';
+import user2 from '@/assets/images/profile/user-2.jpg';
+import user8 from '@/assets/images/profile/user-6.jpg';
+import user3 from '@/assets/images/profile/user-3.jpg';
+import user4 from '@/assets/images/profile/user-4.jpg';
+import user5 from '@/assets/images/profile/user-5.jpg';
+import user6 from '@/assets/images/profile/user-6.jpg';
+import user7 from '@/assets/images/profile/user-7.jpg';
+import user11 from '@/assets/images/profile/user-3.jpg';
+import user12 from '@/assets/images/profile/user-4.jpg';
+import user9 from '@/assets/images/profile/user-5.jpg';
+import user10 from '@/assets/images/profile/user-2.jpg';
+
+const chance = new Chance();
+
+// types
+export type KeyedObject = {
+    [key: string]: string | number | KeyedObject | any;
+};
+
+// friends list
+const friends: KeyedObject[] = [
+    {
+        id: '#1Friends_Barney',
+        avatar: user1,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 10
+    },
+    {
+        id: '#2Friends_Thea',
+        avatar: user2,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 89
+    },
+    {
+        id: '#3Friends_Guiseppe',
+        avatar: user3,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 65
+    },
+    {
+        id: '#4Friends_Henderson',
+        avatar: user4,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 1
+    },
+    {
+        id: '#5Friends_Maddison',
+        avatar: user5,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 14
+    },
+    {
+        id: '#6Friends_Wilber',
+        avatar: user6,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 36
+    },
+    {
+        id: '#7Friends_Hayden',
+        avatar: user7,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 106
+    },
+    {
+        id: '#8Friends_Lloyd',
+        avatar: user8,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 10
+    },
+    {
+        id: '#9Friends_Kris',
+        avatar: user9,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 0
+    },
+    {
+        id: '#10Friends_Kyler',
+        avatar: user10,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 48
+    },
+    {
+        id: '#11Friends_Pamela',
+        avatar: user11,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 72
+    },
+    {
+        id: '#12Friends_Betty',
+        avatar: user12,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 99
+    },
+    {
+        id: '#13Friends_Anthony',
+        avatar: user1,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 78
+    },
+    {
+        id: '#14Friends_Reggie',
+        avatar: user3,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 1
+    },
+    {
+        id: '#15Friends_Francesca',
+        avatar: user4,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 68
+    },
+    {
+        id: '#16Friends_Carmel',
+        avatar: user5,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 15
+    },
+    {
+        id: '#17Friends_Darwin',
+        avatar: user6,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 10
+    },
+    {
+        id: '#18Friends_Kaylin',
+        avatar: user7,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 36
+    },
+    {
+        id: '#19Friends_Kamryn',
+        avatar: user8,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 55
+    },
+    {
+        id: '#20Friends_Madelyn',
+        avatar: user9,
+        name: chance.name(),
+        location: chance.country({ full: true }),
+        role: chance.profession(),
+        mutual: 78
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+mock.onGet('/api/friends/list').reply(200, { friends });

_mockApis/apps/userprofile/gallery.ts

@@ -0,0 +1,101 @@
+// project imports
+import mock from '../../mockAdapter';
+// assets
+import image1 from '@/assets/images/products/s1.jpg';
+import image2 from '@/assets/images/products/s2.jpg';
+import image3 from '@/assets/images/products/s3.jpg';
+import image4 from '@/assets/images/products/s4.jpg';
+import image5 from '@/assets/images/products/s5.jpg';
+import image6 from '@/assets/images/products/s6.jpg';
+import image7 from '@/assets/images/products/s7.jpg';
+import image8 from '@/assets/images/products/s8.jpg';
+import image9 from '@/assets/images/products/s9.jpg';
+import image10 from '@/assets/images/products/s10.jpg';
+import image11 from '@/assets/images/products/s11.jpg';
+import image12 from '@/assets/images/products/s12.jpg';
+
+// types
+export type KeyedObject = {
+    [key: string]: string | number | KeyedObject | any;
+};
+
+// gallery components
+
+const gallery: KeyedObject[] = [
+    {
+        id: '#1Gallery',
+        image: image1,
+        title: '1080p_table_denar.pdf',
+        dateTime: 'Tue Aug 24 2021'
+    },
+    {
+        id: '#2Gallery',
+        image: image2,
+        title: 'handmade.mp2',
+        dateTime: 'Fri Apr 30 2021'
+    },
+    {
+        id: '#3Gallery',
+        image: image3,
+        title: 'granite_cheese.wav',
+        dateTime: 'Fri Jun 25 2021'
+    },
+    {
+        id: '#4Gallery',
+        image: image4,
+        title: 'invoice.mpg',
+        dateTime: 'Sat Oct 23 2021'
+    },
+    {
+        id: '#5Gallery',
+        image: image5,
+        title: 'benchmark_forge.m1v',
+        dateTime: 'Fri Jan 21 2022'
+    },
+    {
+        id: '#6Gallery',
+        image: image6,
+        title: 'violet_withdrawal.png',
+        dateTime: 'Wed Sep 22 2021'
+    },
+    {
+        id: '#7Gallery',
+        image: image7,
+        title: 'web_readiness.mpeg',
+        dateTime: 'Mon Jul 12 2021'
+    },
+    {
+        id: '#8Gallery',
+        image: image8,
+        title: 'zimbabwe.htm',
+        dateTime: 'Sat Mar 20 2021'
+    },
+    {
+        id: '#9Gallery',
+        image: image9,
+        title: 'circuit.m3a',
+        dateTime: 'Tue Jan 18 2022'
+    },
+    {
+        id: '#10Gallery',
+        image: image10,
+        title: 'data_red.png',
+        dateTime: 'Sun Apr 04 2021'
+    },
+    {
+        id: '#11Gallery',
+        image: image11,
+        title: 'handcrafted.html',
+        dateTime: 'Tue May 25 2021'
+    },
+    {
+        id: '#12Gallery',
+        image: image12,
+        title: 'hacking_games.pdf',
+        dateTime: 'Tue Oct 19 2021'
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+mock.onGet('/api/gallery/list').reply(200, { gallery });

_mockApis/apps/userprofile/photos.ts

@@ -0,0 +1,77 @@
+// project imports
+import mock from '../../mockAdapter';
+// assets
+import image1 from '@/assets/images/products/s1.jpg';
+import image2 from '@/assets/images/products/s2.jpg';
+import image3 from '@/assets/images/products/s3.jpg';
+import image4 from '@/assets/images/products/s4.jpg';
+import image5 from '@/assets/images/products/s5.jpg';
+import image6 from '@/assets/images/products/s6.jpg';
+import image7 from '@/assets/images/products/s7.jpg';
+import image8 from '@/assets/images/products/s8.jpg';
+import image9 from '@/assets/images/products/s9.jpg';
+import image10 from '@/assets/images/products/s10.jpg';
+import image11 from '@/assets/images/products/s11.jpg';
+import image12 from '@/assets/images/products/s12.jpg';
+
+// types
+export type KeyedObject = {
+    [key: string]: string | number | KeyedObject | any;
+};
+
+// Photos components
+
+const photos: KeyedObject[] = [
+    {
+        id: '#1Photos',
+        avatar: image1,
+    },
+    {
+        id: '#2Photos',
+        avatar: image2,
+    },
+    {
+        id: '#3Photos',
+        avatar: image3,
+    },
+    {
+        id: '#4Photos',
+        avatar: image4,
+    },
+    {
+        id: '#5Photos',
+        avatar: image5,
+    },
+    {
+        id: '#6Photos',
+        avatar: image6,
+    },
+    {
+        id: '#7Photos',
+        avatar: image7,
+    },
+    {
+        id: '#8Photos',
+        avatar: image8,
+    },
+    {
+        id: '#9Photos',
+        avatar: image9,
+    },
+    {
+        id: '#10Photos',
+        avatar: image10,
+    },
+    {
+        id: '#11Photos',
+        avatar: image11,
+    },
+    {
+        id: '#12Photos',
+        avatar: image12,
+    },
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+mock.onGet('/api/photos').reply(200, { photos });

_mockApis/apps/userprofile/posts.ts

@@ -0,0 +1,305 @@
+// project imports
+import mock from '../../mockAdapter';
+import { Chance } from 'chance';
+
+// types
+import type { Post } from '@/types/apps/PostType';
+
+// assets
+import image1 from '@/assets/images/products/s1.jpg';
+import image2 from '@/assets/images/products/s2.jpg';
+import image4 from '@/assets/images/products/s4.jpg';
+import user1 from '@/assets/images/profile/user-1.jpg';
+import user2 from '@/assets/images/profile/user-2.jpg';
+import user3 from '@/assets/images/profile/user-3.jpg';
+import user4 from '@/assets/images/profile/user-4.jpg';
+import user5 from '@/assets/images/profile/user-5.jpg';
+
+const chance = new Chance();
+
+// social profile
+let posts: Post[] = [
+    {
+        id: '#1POST_MATHEW',
+        profile: {
+            id: '#52MATHEW',
+            avatar: user1,
+            name: 'David McMichael',
+            time: '15 min ago'
+        },
+        data: {
+            content: chance.paragraph({ sentences: 2 }),
+            images: [
+                {
+                    img: image1,
+                    featured: true
+                }
+            ],
+            likes: {
+                like: true,
+                value: 102
+            },
+            comments: [
+                {
+                    id: '#3COMMENTMATHEWE',
+                    profile: {
+                        id: '#52MATHEW',
+                        avatar: user3,
+                        name: 'Deran Mac',
+                        time: '8 mins ago '
+                    },
+                    data: {
+                        comment: chance.paragraph({ sentences: 1 }),
+                        likes: {
+                            like: true,
+                            value: 55
+                        }
+                    }
+                },
+                {
+                    id: '#2COMMENT_MATHEW',
+                    profile: {
+                        id: '#52MATHEW',
+                        avatar: user4,
+                        name: 'Jonathan Bg',
+                        time: '5 mins ago '
+                    },
+                    data: {
+                        comment:
+                        chance.paragraph({ sentences: 1 }),
+                        likes: {
+                            like: false,
+                            value: 68
+                        },
+                        replies: [
+                            {
+                                id: '#1REPLY_MATHEW',
+                                profile: {
+                                    id: '#52MATHEW',
+                                    avatar: user5,
+                                    name: 'Carry minati',
+                                    time: 'just now '
+                                },
+                                data: {
+                                    comment: chance.paragraph({ sentences: 1 }),
+                                    likes: {
+                                        like: true,
+                                        value: 10
+                                    }
+                                }
+                            }
+                        ]
+                    }
+                }
+            ]
+        }
+    },
+    {
+        id: '#4POST_CARRY',
+        profile: {
+            id: '#52CARRY',
+            avatar: user1,
+            name: 'Carry Minati',
+            time: 'now'
+        },
+        data: {
+            content: chance.paragraph({ sentences: 2 }),
+            images: [],
+            likes: {
+                like: false,
+                value: 67
+            },
+            comments: []
+        }
+    },
+    {
+        id: '#2POST_GENELIA',
+        profile: {
+            id: '#52GENELIA',
+            avatar: user2,
+            name: 'Genelia Desouza',
+            time: '15 min ago '
+        },
+        data: {
+            content: chance.paragraph({ sentences: 1 }),
+            images: [
+                {
+                    img: image2,
+                    title: 'Image Title'
+                },
+                {
+                    img: image4,
+                    title: 'Painter'
+                }
+            ],
+            likes: {
+                like: false,
+                value: 320
+            },
+            comments: [
+                {
+                    id: '#2COMMENT_GENELIA',
+                    profile: {
+                        id: '#52GENELIA',
+                        avatar: user3,
+                        name: 'Ritesh Deshmukh',
+                        time: '15 min ago '
+                    },
+                    data: {
+                        comment:
+                        chance.paragraph({ sentences: 1 }),
+                        likes: {
+                            like: true,
+                            value: 65
+                        },
+                        replies: []
+                    }
+                }
+            ]
+        }
+    },
+    {
+        id: '#3POST_Mathew',
+        profile: {
+            id: '#52Mathew',
+            avatar: user1,
+            name: 'David McMichael',
+            time: '15 min ago '
+        },
+        data: {
+            content: chance.paragraph({ sentences: 1 }),
+            images: [],
+            video: 'd1-FRj20WBE',
+            likes: {
+                like: true,
+                value: 130
+            }
+        }
+    }
+];
+
+// ==============================|| MOCK SERVICES ||============================== //
+
+//mock.onGet('/api/posts/list').reply(200, { posts });
+mock.onGet('/api/posts/list').reply(() => {
+    return [200, posts];
+});
+
+mock.onPost('/api/posts/editComment').reply((config) => {
+    try {
+        const { key, id } = JSON.parse(config.data);
+
+        posts = posts.filter((post, index) => {
+            if (post.id === key) {
+                const cComments = post.data.comments || [];
+                post.data.comments = [id, ...cComments];
+                return post;
+            }
+            return post;
+        });
+
+        return [200, { posts }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/comments/add').reply((config) => {
+    try {
+        const { postId, comment } = JSON.parse(config.data);
+
+        const postIndex = posts.findIndex((x) => x.id === postId);
+        const post = posts[postIndex];
+        const cComments = post.data.comments || [];
+        post.data.comments = [comment, ...cComments];
+
+        return [200, { posts: [...posts] }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/replies/add').reply((config) => {
+    try {
+        const { postId, commentId, reply } = JSON.parse(config.data);
+        const postIndex = posts.findIndex((x: any) => x.id === postId);
+        const post = posts[postIndex];
+        const cComments = post.data.comments || [];
+        const commentIndex = cComments.findIndex((x: any) => x.id === commentId);
+        const comment = cComments[commentIndex];
+        /** comment.data.replies has to be defined */
+        if (comment && comment.data && comment.data.replies) comment.data.replies = [...comment.data.replies, reply];
+        return [200, { posts: [...posts] }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/posts/list/like').reply((config) => {
+    try {
+        const { postId } = JSON.parse(config.data);
+        const postIndex = posts.findIndex((x: any) => x.id === postId);
+
+        const post = { ...posts[postIndex] };
+        post.data = { ...post.data };
+
+        post.data.likes = { ...post.data.likes };
+        post.data.likes.like = !post.data.likes.like;
+        post.data.likes.value = post.data.likes.like ? post.data.likes.value + 1 : post.data.likes.value - 1;
+        posts[postIndex] = post;
+        return [200, { posts: [...posts] }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/comments/list/like').reply((config) => {
+    try {
+        const { postId, commentId } = JSON.parse(config.data);
+        const postIndex = posts.findIndex((x: any) => x.id === postId);
+        const post = posts[postIndex];
+        const cComments = post.data.comments || [];
+        const commentIndex = cComments.findIndex((x: any) => x.id === commentId);
+        const comment = { ...cComments[commentIndex] };
+        /** comment.data.likes has to be defined  */
+        if (comment && comment.data && comment.data.likes) comment.data.likes.like = !comment.data.likes.like;
+        if (comment && comment.data && comment.data.likes)
+            comment.data.likes.value = comment.data.likes.like ? comment.data.likes.value + 1 : comment.data.likes.value - 1;
+        if (post && post.data && post.data.comments) post.data.comments[commentIndex] = comment;
+        return [200, { posts: [...posts] }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});
+
+mock.onPost('/api/replies/list/like').reply((config) => {
+    try {
+        const { postId, commentId, replayId } = JSON.parse(config.data);
+        const postIndex = posts.findIndex((x: any) => x.id === postId);
+        const post = posts[postIndex];
+        const cComments = post.data.comments || [];
+        const commentIndex = cComments.findIndex((x: any) => x.id === commentId);
+        const comment = { ...cComments[commentIndex] };
+        const replayIndex = comment?.data?.replies?.findIndex((x: any) => x.id === replayId);
+        if (replayIndex !== undefined) {
+            if (comment && comment.data && comment.data.replies) {
+                const reply = { ...comment.data.replies[replayIndex] };
+                if (reply && reply.data && reply.data.likes) {
+                    reply.data.likes.like = !reply.data.likes.like;
+                    reply.data.likes.value = reply.data.likes.like ? reply.data.likes.value + 1 : reply.data.likes.value - 1;
+                }
+                comment.data.replies[replayIndex] = reply;
+                if (post && post.data && post.data.comments) post.data.comments[commentIndex] = comment;
+            }
+        }
+        return [200, { posts: [...posts] }];
+    } catch (err) {
+        console.error(err);
+        return [500, { message: 'Internal server error' }];
+    }
+});

_mockApis/components/dashboard/dashboard1.ts

@@ -0,0 +1,73 @@
+import type { RevenueProjects,Performance } from '@/types/components/dashboard/dashboard1';
+
+import product1 from "@/assets/images/products/dash-prd-1.jpg";
+import product2 from "@/assets/images/products/dash-prd-2.jpg";
+import product3 from "@/assets/images/products/dash-prd-3.jpg";
+import product4 from "@/assets/images/products/dash-prd-4.jpg";
+
+
+/*--Revenue Projects --*/
+const RevenueProjectsData: RevenueProjects[] = [
+    {
+        img: product1,
+        leadname: "Minecraf App",
+        designation: "Jason Roy",
+        projectname: "73.2%",
+        statuscolor: "warning",
+        statustext: "Medium",
+        money: "$3.5K",
+    },
+    {
+        img: product2,
+        leadname: "Web App Project",
+        designation: "Mathew Flintoff",
+        projectname: "73.2%",
+        statuscolor: "secondary",
+        statustext: "Very High",
+        money: "$24.5K",
+    },
+    {
+        img: product3,
+        leadname: "Modernize Dashboard",
+        designation: "Anil Kumar",
+        projectname: "73.2%",
+        statuscolor: "success",
+        statustext: "Low",
+        money: "$12.8K",
+    },
+    {
+        img: product4,
+        leadname: "Dashboard Co",
+        designation: "George Cruize",
+        projectname: "73.2%",
+        statuscolor: "error",
+        statustext: "High",
+        money: "$2.4K",
+    },
+];
+
+/*--Performance--*/
+const PerformanceData: Performance[] = [
+    {
+        icon: 'shop-2-linear',
+        title: '64 new orders',
+        subtitle: 'Processing',
+        color:'primary',
+    },
+    {
+        icon: 'filters-outline',
+        title: '4 orders',
+        subtitle: 'On hold',
+        color:'error',
+    },
+    {
+        icon: 'pills-3-linear',
+        title: '6 orders',
+        subtitle: 'Delivered',
+        color:'secondary',
+    },
+    
+];
+
+
+export {RevenueProjectsData,PerformanceData}

_mockApis/components/dashboard/dashboard2.ts

@@ -0,0 +1,147 @@
+import type { RevenueForecast, AnnualProfit, SalesFromLocation,DailyActivities,userCard } from '@/types/components/dashboard/dashboard2';
+
+import user1 from "@/assets/images/profile/user-2.jpg";
+import user2 from "@/assets/images/profile/user-3.jpg";
+import user3 from "@/assets/images/profile/user-4.jpg";
+import user4 from "@/assets/images/profile/user-6.jpg";
+
+const RevenueForecastData: RevenueForecast[] = [
+    {
+        icon: 'pie-chart-2-linear',
+        subtext: 'Total',
+        profit: '$96,640',
+        bgcolor:'bg-grey100',
+        color:'text-textPrimary',
+    },
+    {
+        icon: 'dollar-minimalistic-linear',
+        subtext: 'Profit',
+        profit: '$48,820',
+        bgcolor:'bg-lightprimary',
+        color:'text-primary',
+    },
+    {
+        icon: 'database-linear',
+        subtext: 'Earnings',
+        profit: '$58,820',
+        bgcolor:'bg-lighterror',
+        color:'text-error',
+    }
+];
+
+const AnnualProfitData: AnnualProfit[] = [
+    {
+        title: 'Added to Cart',
+        subtitle: '5 clicks',
+        price: '$21,120.70',
+        percent:'+13.2%',
+        color:'success',
+    },
+    {
+        title: 'Reached to Checkout',
+        subtitle: '12 clicks',
+        price: '$16,100.00',
+        percent:'-7.4%',
+        color:'error',
+    },
+    {
+        title: 'Added to Cart',
+        subtitle: '24 views',
+        price: '$6,400.50',
+        percent:'+9.3%',
+        color:'success',
+    }
+
+];
+
+const SalesFromLocationData: SalesFromLocation[] = [
+    {
+        name: 'LA',
+        percentage:'28%',
+        color:'primary',
+    },
+    {
+        name: 'NY',
+        percentage:'21%',
+        color:'secondary',
+    },
+    {
+        name: 'KA',
+        percentage:'18%',
+        color:'warning',
+    },
+    {
+        name: 'AZ',
+        percentage:'12%',
+        color:'error',
+    },
+
+];
+
+/*--Recent Transaction--*/
+const DailyActivitiesData  : DailyActivities[] = [
+    {
+        title:'09:30 am',
+        subtitle:'Payment received from John Doe of $385.90',
+        textcolor:'primary',
+        boldtext:false,
+        line:true,
+        link:'',
+        url:''
+      },
+      {
+        title:'10:00 am',
+        subtitle:'New sale recorded',
+        textcolor:'warning',
+        boldtext:true,
+        line:true,
+        link:'#ML-3467',
+        url:''
+      },
+      {
+        title:'12:00 am',
+        subtitle:'Payment was made of $64.95 to Michael',
+        textcolor:'warning',
+        boldtext:false,
+        line:true,
+        link:'',
+        url:''
+      },
+      {
+        title:'09:30 am',
+        subtitle:'New sale recorded',
+        textcolor:'secondary',
+        boldtext:true,
+        line:true,
+        link:'#ML-3467',
+        url:''
+      },
+      {
+        title:'09:30 am',
+        subtitle:'New arrival recorded',
+        textcolor:'error',
+        boldtext:true,
+        line:true,
+        link:'#ML-3467',
+        url:''
+      },
+      {
+        title:'12:00 am',
+        subtitle:'Payment Done',
+        textcolor:'primary',
+        boldtext:false,
+        line:false,
+        link:'',
+        url:''
+      },
+]
+
+/*--Blog Cards--*/
+const userCardData: userCard[] = [
+    { img: user4 },
+    { img: user3 },
+    { img: user2 },
+    { img: user1 },
+];
+
+export { RevenueForecastData,AnnualProfitData,SalesFromLocationData ,DailyActivitiesData,userCardData};

_mockApis/components/dashboard/dashboard3.ts

@@ -0,0 +1,52 @@
+import type { Iconcard } from '@/types/components/dashboard/dashboard3';
+
+/*--Revenue Projects --*/
+const IconcardData: Iconcard[] = [
+    {
+        bg: 'primary-gradient',
+        icon: 'solar:dollar-minimalistic-linear',
+        color:'primary',
+        title:'Total Orders',
+        price:'16,689',
+        link:'#',
+    },
+    {
+        bg: 'warning-gradient',
+        icon: 'solar:recive-twice-square-linear',
+        color:'warning',
+        title:'Return Item',
+        price:'148',
+        link:'#',
+
+    },
+    {
+        bg: 'secondary-gradient',
+        icon: 'ic:outline-backpack',
+        color:'secondary',
+        title:'Annual Budget',
+        price:'$156K',
+        link:'#',
+
+    },
+    {
+        bg: 'error-gradient',
+        icon: 'ic:baseline-sync-problem',
+        color:'error',
+        title:'Cancel Orders',
+        price:'64',
+        link:'#',
+
+    },
+    {
+        bg: 'success-gradient',
+        icon: 'ic:outline-forest',
+        color:'success',
+        title:'Total Income ',
+        price:'$36,715',
+        link:'#',
+
+    },
+   
+];
+
+export {IconcardData}

_mockApis/components/datatable/dataTable.ts

@@ -0,0 +1,363 @@
+
+import type { Datatables,SelectedRowDatatable,filtrable } from '@/types/components/datatables/index';
+
+import img1 from '@/assets/images/blog/blog-img1.jpg';
+import img2 from '@/assets/images/blog/blog-img2.jpg';
+import img3 from '@/assets/images/blog/blog-img3.jpg';
+import img4 from '@/assets/images/blog/blog-img4.jpg';
+import img5 from '@/assets/images/blog/blog-img5.jpg';
+
+const BasicDatatables: Datatables[] = [
+    {
+        name: 'Sunil Joshi',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9'
+    },
+    {
+        name: 'Andrew McDownland',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+
+    },
+    {
+        name: 'Christopher Jamil',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k'
+    },
+    {
+        name: 'Nirav Joshi',
+        post: 'Frontend Engineer',
+        project: 'Hosting Press HTML',
+        status: 'Active',
+        budget: '$2.4k'
+    },
+    {
+        name: 'Micheal Doe',
+        post: 'Content Writer',
+        project: 'Helping Hands WP Template',
+        status: 'Cancel',
+        budget: '$9.3k'
+    },
+    {
+        name: 'Daniel Kristeen',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+
+    },
+    {
+        name: 'Julian Josephs',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k'
+    },
+    {
+        name: 'Jan Petrovic',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9'
+    },
+    {
+        name: 'Leanne Graham',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+
+    },
+    {
+        name: 'Glenna Reichert',
+        post: 'Web DEveloper',
+        project: 'Monster Admin',
+        status: 'Pending',
+        budget: '$30.5k',
+    },
+    
+];
+
+const SelectedRow: SelectedRowDatatable[] = [
+    {
+        name: 'Sunil Joshi',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9',
+        selectable: false,
+    },
+    {
+        name: 'Andrew McDownland',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+        selectable: true,
+    },
+    {
+        name: 'Christopher Jamil',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k',
+        selectable: true,
+    },
+    {
+        name: 'Nirav Joshi',
+        post: 'Frontend Engineer',
+        project: 'Hosting Press HTML',
+        status: 'Active',
+        budget: '$2.4k',
+        selectable: false,
+    },
+    {
+        name: 'Micheal Doe',
+        post: 'Content Writer',
+        project: 'Helping Hands WP Template',
+        status: 'Cancel',
+        budget: '$9.3k',
+        selectable: false,
+    },
+    {
+        name: 'Jan Petrovic',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+        selectable: true,
+    },
+    {
+        name: 'Daniel Kristeen',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k',
+        selectable: false,
+    },
+    {
+        name: 'Julian Josephs',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9',
+        selectable: true
+    },
+    {
+        name: 'Leanne Graham',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+        selectable: false,
+    },
+    {
+        name: 'Glenna Reichert',
+        post: 'Web DEveloper',
+        project: 'Monster Admin',
+        status: 'Pending',
+        budget: '$30.5k',
+        selectable: true,
+    },
+    
+];
+
+const UppercaseFilter: Datatables[] = [
+    {
+        name: 'Sunil Joshi',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9',
+    
+    },
+    {
+        name: 'Andrew McDownland',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+    },
+    {
+        name: 'Christopher Jamil',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k',
+    },
+    {
+        name: 'Nirav Joshi',
+        post: 'Frontend Engineer',
+        project: 'Hosting Press HTML',
+        status: 'Active',
+        budget: '$2.4k',
+    },
+    {
+        name: 'MICHEL DOE',
+        post: 'Content Writer',
+        project: 'Helping Hands WP Template',
+        status: 'Cancel',
+        budget: '$9.3k',
+    },
+    {
+        name: 'JAN PETROVICK',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+    },
+    {
+        name: 'Daniel Kristeen',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k',
+    },
+    {
+        name: 'Julian Josephs',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9',
+    },
+    {
+        name: 'Leanne Graham',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+    },
+    {
+        name: 'Glenna Reichert',
+        post: 'Web DEveloper',
+        project: 'Monster Admin',
+        status: 'Pending',
+        budget: '$30.5k',
+    },
+    
+    
+];
+
+const GroupTable: Datatables[] = [
+    {
+        name: 'Sunil Joshi',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9',
+    
+    },
+    {
+        name: 'Andrew McDownland',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+    },
+    {
+        name: 'Christopher Jamil',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k',
+    },
+    {
+        name: 'Nirav Joshi',
+        post: 'Frontend Engineer',
+        project: 'Hosting Press HTML',
+        status: 'Active',
+        budget: '$2.4k',
+    },
+    {
+        name: 'MICHEL DOE',
+        post: 'Content Writer',
+        project: 'Helping Hands WP Template',
+        status: 'Cancel',
+        budget: '$9.3k',
+    },
+    {
+        name: 'JAN PETROVICK',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+    },
+    {
+        name: 'Daniel Kristeen',
+        post: 'Project Manager',
+        project: 'MedicalPro WP Template',
+        status: 'Completed',
+        budget: '$12.8k',
+    },
+    {
+        name: 'Julian Josephs',
+        post: 'Web Designer',
+        project: 'Elite Admin',
+        status: 'Active',
+        budget: '$3.9',
+    },
+    {
+        name: 'Leanne Graham',
+        post: 'Project Manager',
+        project: 'Real Homes WP Template',
+        status: 'Pending',
+        budget: '$24.5k',
+    },
+    {
+        name: 'Glenna Reichert',
+        post: 'Web DEveloper',
+        project: 'Monster Admin',
+        status: 'Pending',
+        budget: '$30.5k',
+    },
+    
+];
+
+const Filtrable: filtrable[] = [
+    {
+        name: 'Nebula GTX 3080',
+        image: img1,
+        price: 699.99,
+        rating: 5,
+        stock: true,
+    },
+    {
+        name: 'Galaxy RTX 3080',
+        image: img2,
+        price: 799.99,
+        rating: 4,
+        stock: false,
+    },
+    {
+        name: 'Orion RX 6800 XT',
+        image: img3,
+        price: 649.99,
+        rating: 3,
+        stock: true,
+    },
+    {
+        name: 'Vortex RTX 3090',
+        image: img4,
+        price: 1499.99,
+        rating: 4,
+        stock: true,
+    },
+    {
+        name: 'Cosmos GTX 1660 Super',
+        image: img5,
+        price: 299.99,
+        rating: 4,
+        stock: false,
+    },
+    
+];
+
+
+
+export {BasicDatatables,SelectedRow,UppercaseFilter,GroupTable,Filtrable};

_mockApis/components/pages/accountNotification.ts

@@ -0,0 +1,37 @@
+/*import tabler icons*/
+import { ArticleIcon, CheckboxIcon, ClockIcon, MailIcon, TruckDeliveryIcon } from 'vue-tabler-icons';
+import type { notificationTabType } from '@/types/components/pages/notificationTab';
+const notificationTb: notificationTabType[] = [
+    {
+        title: 'Our newsletter',
+        subtitle: 'We will always let you know about important changes',
+        icon: ArticleIcon,
+        switch: false
+    },
+    {
+        title: 'Order Confirmation',
+        subtitle: 'You will be notified when customer order any product',
+        icon: CheckboxIcon,
+        switch: true
+    },
+    {
+        title: 'Order Status Changed',
+        subtitle: 'You will be notified when customer make changes to the order',
+        icon: ClockIcon,
+        switch: false
+    },
+    {
+        title: 'Order Delivered',
+        subtitle: 'You will be notified once the order is delivered',
+        icon: TruckDeliveryIcon,
+        switch: false
+    },
+    {
+        title: 'Email Notification',
+        subtitle: 'Turn on email notificaiton to get updates through email',
+        icon: MailIcon,
+        switch: true
+    }
+];
+
+export {notificationTb};

_mockApis/components/pages/auth.ts

@@ -0,0 +1,17 @@
+import type { AuthCurosel } from "@/types/components/auth/login";
+const AuthCuroselData: AuthCurosel[] = [
+    {
+        title:'Feature Rich 1D Charts',
+        subtitle:'Donec justo tortor, malesuada vitae faucibus ac, tristique sit amet massa. Aliquam dignissim nec felis quis imperdiet.'
+    },
+    {
+        title:'Feature Rich 2D Charts',
+        subtitle:'Donec justo tortor, malesuada vitae faucibus ac, tristique sit amet massa. Aliquam dignissim nec felis quis imperdiet.'
+    },
+    {
+        title:'Feature Rich 3D Charts',
+        subtitle:'Donec justo tortor, malesuada vitae faucibus ac, tristique sit amet massa. Aliquam dignissim nec felis quis imperdiet.'
+    }
+];
+
+export { AuthCuroselData }

_mockApis/components/pages/faqData.ts

@@ -0,0 +1,21 @@
+import type { faqPageType } from '@/types/components/pages/faqData';
+const faqPage: faqPageType[] = [
+    {
+        question: 'What is an Admin Dashboard?',
+        answer: 'Admin Dashboard is the backend interface of a website or an application that helps to manage the website s overall content and settings. It is widely used by the site owners to keep track of their website, make changes to their content, and more.'
+    },
+    {
+        question: 'What should an admin dashboard template include?',
+        answer: 'Admin dashboard template should include user & SEO friendly design with a variety of components and application designs to help create your own web application with ease. This could include customization options, technical support and about 6 months of future updates.'
+    },
+    {
+        question: 'Why should I buy admin templates from AdminMart?',
+        answer: 'Adminmart offers high-quality templates that are easy to use and fully customizable. With over 101,801 happy customers & trusted by 10,000+ Companies. AdminMart is recognized as the leading online source for buying admin templates.'
+    },
+    {
+        question: 'Do Adminmart offers a money back guarantee?',
+        answer: 'There is no money back guarantee in most companies, but if you are unhappy with our product, Adminmart gives you a 100% money back guarantee.'
+    }
+];
+
+export { faqPage};

_mockApis/components/pages/pricingData.ts

@@ -0,0 +1,134 @@
+/*import tabler icons*/
+import { CheckIcon, XIcon, } from 'vue-tabler-icons';
+import type { pricingType } from '@/types/components/pages/pricingData';
+/*-- Pricing Page --*/
+import img1 from '@/assets/images/backgrounds/silver.png';
+import img2 from '@/assets/images/backgrounds/bronze.png';
+import img3 from '@/assets/images/backgrounds/gold.png';
+const pricing: pricingType[] = [
+    {
+        tagtext: false,
+        caption: 'Silver',
+        image: img1,
+        free: true,
+        price: 10.99,
+        yearlyprice: 10.99 * 12,
+        buttontext: 'Choose Silver',
+        list: [
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: '3 Members',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: 'Single Device',
+                status:false,
+            },
+            {
+                icon: XIcon,
+                iconcolor: 'inputBorder',
+                listtitle: '50GB Storage',
+                status:true,
+            },
+            {
+                icon: XIcon,
+                iconcolor: 'inputBorder',
+                listtitle: 'Monthly Backups',
+                status:true,
+            },
+            {
+                icon: XIcon,
+                iconcolor: 'inputBorder',
+                listtitle: 'Permissions & workflows',
+                status:true,
+            }
+        ]
+    },
+    {
+        tagtext: true,
+        caption: 'bronze',
+        image: img2,
+        free: false,
+        price: 10.99,
+        yearlyprice: 10.99 * 12,
+        buttontext: 'Choose Bronze',
+        list: [
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: '5 Members',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: 'Multiple Device',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: '80GB Storage',
+                status:false,
+            },
+            {
+                icon: XIcon,
+                iconcolor: 'inputBorder',
+                listtitle: 'Monthly Backups',
+                status:true,
+            },
+            {
+                icon: XIcon,
+                iconcolor: 'inputBorder',
+                listtitle: 'Permissions & workflows',
+                status:true,
+            }
+        ]
+    },
+    {
+        tagtext: false,
+        caption: 'gold',
+        image: img3,
+        free: false,
+        price: 22.99,
+        yearlyprice: 22.99 * 12,
+        buttontext: 'Choose Gold',
+        list: [
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: '15 Members',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: 'Multiple Device',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: '150GB Storage',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: 'Monthly Backups',
+                status:false,
+            },
+            {
+                icon: CheckIcon,
+                iconcolor: 'primary',
+                listtitle: 'Permissions & workflows',
+                status:false,
+            }
+        ]
+    }
+
+];
+export { pricing};

_mockApis/components/pages/searchLinks.ts

@@ -0,0 +1,42 @@
+import type { SearchLinkType } from '@/types/components/pages/searchLinks';
+const SearchLinkData: SearchLinkType[] = [
+    {
+        title: 'AngularJs',
+        linktitle: 'http://www.google.com/angularjs',
+        subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
+        url:'/'
+    },
+    {
+        title: 'AngularJs — Superheroic JavaScript MVW Framework',
+        linktitle: 'http://www.google.com/angularjs',
+        subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
+        url:'/'
+    },
+    {
+        title: 'AngularJS Tutorial - W3Schools',
+        linktitle: 'http://www.google.com/angularjs',
+        subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
+        url:'/'
+    },
+    {
+        title: 'Introduction to AngularJS - W3Schools',
+        linktitle: 'http://www.google.com/angularjs',
+        subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
+        url:'/'
+    },
+    {
+        title: 'AngularJS Tutorial',
+        linktitle: 'http://www.google.com/angularjs',
+        subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
+        url:'/'
+    },
+    {
+        title: 'Angular 2: One framework',
+        linktitle: 'http://www.google.com/angularjs',
+        subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
+        url:'/'
+    },
+   
+];
+
+export { SearchLinkData};

_mockApis/components/table/basicTables.ts

@@ -0,0 +1,963 @@
+
+import type { basicTable1, basicTable2, basicTable3, basicTable4, basicTable5, tableDark, tableDensity, tableFixedHeader, heightTable, tableAction } from '@/types/components/table/index';
+/*import tabler icons*/
+import { PlusIcon, EditIcon, TrashIcon, CheckIcon, XIcon, ArrowBackUpIcon } from 'vue-tabler-icons';
+import img1 from '@/assets/images/profile/user-11.jpg';
+import img2 from '@/assets/images/profile/user-8.jpg';
+import img3 from '@/assets/images/profile/user-3.jpg';
+import img4 from '@/assets/images/profile/user-4.jpg';
+import img5 from '@/assets/images/profile/user-5.jpg';
+import img6 from '@/assets/images/profile/user-6.jpg';
+import img7 from '@/assets/images/profile/user-7.jpg';
+import img8 from '@/assets/images/profile/user-10.jpg';
+import img9 from '@/assets/images/profile/user-15.jpg';
+import authimg1 from '@/assets/images/blog/blog-img1.jpg';
+import authimg2 from '@/assets/images/blog/blog-img2.jpg';
+import authimg3 from '@/assets/images/blog/blog-img3.jpg';
+import authimg4 from '@/assets/images/blog/blog-img4.jpg';
+import authimg5 from '@/assets/images/blog/blog-img5.jpg';
+
+/*Basic Table 1*/
+const basicTableData1: basicTable1[] = [
+    {
+        avatar: img1,
+        name: 'Sunil Joshi',
+        post: 'Web Designer',
+        pname: 'Elite Admin',
+        status: 'Active',
+        statuscolor: 'success',
+        teams: [
+            {
+                id: '1',
+                color: 'error',
+                text: 'S'
+            },
+            {
+                id: '2',
+                color: 'secondary   ',
+                text: 'D'
+            }
+        ],
+        budget: '$3.9'
+    },
+    {
+        avatar: img2,
+        name: 'Andrew McDownland',
+        post: 'Project Manager',
+        pname: 'Real Homes WP Template',
+        status: 'Pending',
+        statuscolor: 'warning',
+        teams: [
+            {
+                id: '1',
+                color: 'secondary',
+                text: 'N'
+            },
+            {
+                id: '2',
+                color: 'warning   ',
+                text: 'X'
+            },
+            {
+                id: '3',
+                color: 'primary   ',
+                text: 'A'
+            }
+        ],
+        budget: '$24.5k'
+    },
+    {
+        avatar: img3,
+        name: 'Christopher Jamil',
+        post: 'Project Manager',
+        pname: 'MedicalPro WP Template',
+        status: 'Completed',
+        statuscolor: 'primary',
+        teams: [
+            {
+                id: '1',
+                color: 'secondary',
+                text: 'X'
+            }
+        ],
+        budget: '$12.8k'
+    },
+    {
+        avatar: img7,
+        name: 'Nirav Joshi',
+        post: 'Frontend Engineer',
+        pname: 'Hosting Press HTML',
+        status: 'Active',
+        statuscolor: 'success',
+        teams: [
+            {
+                id: '1',
+                color: 'primary',
+                text: 'X'
+            },
+            {
+                id: '2',
+                color: 'error',
+                text: 'Y'
+            }
+        ],
+        budget: '$2.4k'
+    },
+    {
+        avatar: img5,
+        name: 'Micheal Doe',
+        post: 'Content Writer',
+        pname: 'Helping Hands WP Template',
+        status: 'Cancel',
+        statuscolor: 'error',
+        teams: [
+            {
+                id: '1',
+                color: 'secondary',
+                text: 'S'
+            }
+        ],
+        budget: '$9.3k'
+    }
+];
+
+/*Basic Table 2*/
+const basicTableData2: basicTable2[] = [
+    {
+        avatar: img4,
+        name: 'Olivia Rhye',
+        post: 'Xtreme admin',
+        status: 'active',
+        statuscolor: 'primary',
+        users: [
+            {
+                id: '1',
+                icon: img2
+            },
+            {
+                id: '2',
+                icon: img1
+            }
+        ]
+    },
+    {
+        avatar: img8,
+        name: 'Barbara Steele',
+        post: 'Adminpro admin',
+        status: 'cancel',
+        statuscolor: 'error',
+        users: [
+            {
+                id: '1',
+                icon: img3
+            },
+            {
+                id: '2',
+                icon: img2
+            },
+            {
+                id: '3',
+                icon: img1
+            }
+        ]
+    },
+    {
+        avatar: img3,
+        name: 'Leonard Gordon',
+        post: 'Monster admin',
+        status: 'active',
+        statuscolor: 'primary',
+        users: [
+            {
+                id: '1',
+                icon: img2
+            },
+            {
+                id: '2',
+                icon: img3
+            }
+        ]
+    },
+    {
+        avatar: img4,
+        name: 'Evelyn Pope',
+        post: 'Materialpro admin',
+        status: 'pending',
+        statuscolor: 'success',
+        users: [
+            {
+                id: '1',
+                icon: img3
+            },
+            {
+                id: '2',
+                icon: img2
+            },
+            {
+                id: '3',
+                icon: img1
+            }
+        ]
+    },
+    {
+        avatar: img5,
+        name: 'Tommy Garza',
+        post: 'Elegant admin',
+        status: 'cancel',
+        statuscolor: 'error',
+        users: [
+            {
+                id: '1',
+                icon: img6
+            },
+            {
+                id: '2',
+                icon: img5
+            }
+        ]
+    },
+    {
+        avatar: img9,
+        name: 'Isabel Vasquez',
+        post: 'Modernize admin',
+        status: 'pending',
+        statuscolor: 'success',
+        users: [
+            {
+                id: '1',
+                icon: img4
+            },
+            {
+                id: '2',
+                icon: img2
+            }
+        ]
+    }
+];
+
+/*Basic Table 3*/
+const basicTableData3: basicTable3[] = [
+    {
+        avatar: img4,
+        name: 'Olivia Rhye',
+        handle: '@rhye',
+        status: 'active',
+        statuscolor: 'success',
+        statusoffline:false,
+        email: 'olivia@ui.com',
+        teams: [
+            {
+                status: 'Design',
+                statuscolor: 'primary'
+            },
+            {
+                status: 'Product',
+                statuscolor: 'secondary'
+            }
+        ]
+    },
+    {
+        avatar: img9,
+        name: 'Barbara Steele',
+        handle: '@steele',
+        status: 'offline',
+        statusoffline:true,
+        statuscolor: 'dark',
+        email: 'steele@ui.com',
+        teams: [
+            {
+                status: 'Product',
+                statuscolor: 'secondary'
+            },
+            {
+                status: 'Operations',
+                statuscolor: 'error'
+            }
+        ]
+    },
+    {
+        avatar: img3,
+        name: 'Leonard Gordon',
+        handle: '@gordon',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'olivia@ui.com',
+        teams: [
+            {
+                status: 'Finance',
+                statuscolor: 'primary'
+            },
+            {
+                status: 'Customer Success',
+                statuscolor: 'success'
+            }
+        ]
+    },
+    {
+        avatar: img4,
+        name: 'Evelyn Pope',
+        handle: '@pope',
+        status: 'offline',
+        statusoffline:true,
+        statuscolor: 'dark',
+        email: 'steele@ui.com',
+        teams: [
+            {
+                status: 'Operations',
+                statuscolor: 'error'
+            },
+            {
+                status: 'Design',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: img5,
+        name: 'Tommy Garza',
+        handle: '@garza',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'olivia@ui.com',
+        teams: [
+            {
+                status: 'Product',
+                statuscolor: 'secondary'
+            }
+        ]
+    },
+    {
+        avatar: img9,
+        name: 'Isabel Vasquez',
+        handle: '@vasquez',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'steele@ui.com',
+        teams: [
+            {
+                status: 'Customer Success',
+                statuscolor: 'success'
+            }
+        ]
+    }
+];
+
+/*Basic Table 4*/
+const basicTableData4: basicTable4[] = [
+    {
+        invoice: 'INV-3066',
+        status: 'paid',
+        statuscolor: 'primary',
+        statusicon: CheckIcon,
+        avatar: img8,
+        name: 'Olivia Rhye',
+        handle: 'olivia@ui.com',
+        progress: 60
+    },
+    {
+        invoice: 'INV-3067',
+        status: 'cancelled',
+        statuscolor: 'error',
+        statusicon: XIcon,
+        avatar: img4,
+        name: 'Barbara Steele',
+        handle: 'steele@ui.com',
+        progress: 30
+    },
+    {
+        invoice: 'INV-3068',
+        status: 'paid',
+        statuscolor: 'primary',
+        statusicon: CheckIcon,
+        avatar: img3,
+        name: 'Leonard Gordon',
+        handle: 'olivia@ui.com',
+        progress: 45
+    },
+    {
+        invoice: 'INV-3069',
+        status: 'refunded',
+        statuscolor: 'secondary',
+        statusicon: ArrowBackUpIcon,
+        avatar: img4,
+        name: 'Evelyn Pope',
+        handle: 'steele@ui.com',
+        progress: 37
+    },
+    {
+        invoice: 'INV-3070',
+        status: 'cancelled',
+        statuscolor: 'error',
+        statusicon: XIcon,
+        avatar: img5,
+        name: 'Tommy Garza',
+        handle: 'olivia@ui.com',
+        progress: 87
+    },
+    {
+        invoice: 'INV-3071',
+        status: 'refunded',
+        statuscolor: 'secondary',
+        statusicon: ArrowBackUpIcon,
+        avatar: img9,
+        name: 'Isabel Vasquez',
+        handle: 'steele@ui.com',
+        progress: 32
+    }
+];
+
+/*Basic Table 5*/
+const basicTableData5: basicTable5[] = [
+    {
+        avatar: authimg1,
+        name: 'Top Authors',
+        handle: 'Successful Fellas',
+        users: '4300 Users',
+        courses: [
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            },
+            {
+                status: 'PHP',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: authimg2,
+        name: 'Popular Authors',
+        handle: 'Most Successful',
+        users: '1200 Users',
+        courses: [
+            {
+                status: 'Bootstrap',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: authimg3,
+        name: 'New Users',
+        handle: 'Awesome Users',
+        users: '2000 Users',
+        courses: [
+            {
+                status: 'Reactjs',
+                statuscolor: 'success'
+            },
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            }
+        ]
+    },
+    {
+        avatar: authimg4,
+        name: 'Active Customers',
+        handle: 'Best Customers',
+        users: '1500 Users',
+        courses: [
+            {
+                status: 'Bootstrap',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: authimg5,
+        name: 'Bestseller Template',
+        handle: 'Amazing Templates',
+        users: '9500 Users',
+        courses: [
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            },
+            {
+                status: 'Reactjs',
+                statuscolor: 'success'
+            }
+        ]
+    }
+
+];
+
+
+/*Dark Table*/
+const darkTableData: tableDark[] = [
+    {
+        avatar: img6,
+        name: 'Andrew McDownland',
+        post: 'Project Manager',
+        pname: 'Real Homes WP Template',
+        status: 'Pending',
+        statuscolor: 'warning',
+        teams: [
+            {
+                id: '1',
+                color: 'secondary',
+                text: 'N'
+            },
+            {
+                id: '2',
+                color: 'warning   ',
+                text: 'X'
+            },
+            {
+                id: '3',
+                color: 'primary   ',
+                text: 'A'
+            }
+        ],
+        budget: '$24.5k'
+    },
+    {
+        avatar: img5,
+        name: 'Christopher Jamil',
+        post: 'Project Manager',
+        pname: 'MedicalPro WP Template',
+        status: 'Completed',
+        statuscolor: 'primary',
+        teams: [
+            {
+                id: '1',
+                color: 'secondary',
+                text: 'X'
+            }
+        ],
+        budget: '$12.8k'
+    },
+    {
+        avatar: img3,
+        name: 'Nirav Joshi',
+        post: 'Frontend Engineer',
+        pname: 'Hosting Press HTML',
+        status: 'Active',
+        statuscolor: 'success',
+        teams: [
+            {
+                id: '1',
+                color: 'primary',
+                text: 'X'
+            },
+            {
+                id: '2',
+                color: 'error',
+                text: 'Y'
+            }
+        ],
+        budget: '$2.4k'
+    },
+    {
+        avatar: img6,
+        name: 'Sunil Joshi',
+        post: 'Web Designer',
+        pname: 'Elite Admin',
+        status: 'Active',
+        statuscolor: 'success',
+        teams: [
+            {
+                id: '1',
+                color: 'error',
+                text: 'S'
+            },
+            {
+                id: '2',
+                color: 'secondary   ',
+                text: 'D'
+            }
+        ],
+        budget: '$3.9'
+    },
+    {
+        avatar: img2,
+        name: 'Micheal Doe',
+        post: 'Content Writer',
+        pname: 'Helping Hands WP Template',
+        status: 'Cancel',
+        statuscolor: 'error',
+        teams: [
+            {
+                id: '1',
+                color: 'secondary',
+                text: 'S'
+            }
+        ],
+        budget: '$9.3k'
+    },
+    {
+        avatar: img1,
+        name: 'John Deo',
+        post: 'Web Designer',
+        pname: 'Elite Admin',
+        status: 'Active',
+        statuscolor: 'success',
+        teams: [
+            {
+                id: '1',
+                color: 'primary',
+                text: 'R'
+            },
+            {
+                id: '2',
+                color: 'secondary   ',
+                text: 'D'
+            }
+        ],
+        budget: '$3.9'
+    }
+];
+
+/*Density Table*/
+const tableDensityData: tableDensity[] = [
+    {
+        avatar: img4,
+        name: 'Isabel Vasquez',
+        post: 'Modernize admin',
+        status: 'pending',
+        statuscolor: 'success',
+        users: [
+            {
+                id: '1',
+                icon: img6
+            },
+            {
+                id: '2',
+                icon: img1
+            }
+        ]
+    },
+    {
+        avatar: img1,
+        name: 'Olivian Rhye',
+        post: 'Xtreme admin',
+        status: 'active',
+        statuscolor: 'primary',
+        users: [
+            {
+                id: '1',
+                icon: img2
+            },
+            {
+                id: '2',
+                icon: img1
+            }
+        ]
+    },
+    {
+        avatar: img3,
+        name: 'Leonard Gordon',
+        post: 'Monster admin',
+        status: 'active',
+        statuscolor: 'primary',
+        users: [
+            {
+                id: '1',
+                icon: img2
+            },
+            {
+                id: '2',
+                icon: img3
+            }
+        ]
+    },
+    {
+        avatar: img4,
+        name: 'Evelyn Pope',
+        post: 'Materialpro admin',
+        status: 'pending',
+        statuscolor: 'success',
+        users: [
+            {
+                id: '1',
+                icon: img3
+            },
+            {
+                id: '2',
+                icon: img2
+            },
+            {
+                id: '3',
+                icon: img1
+            }
+        ]
+    },
+    {
+        avatar: img2,
+        name: 'Barko Steele',
+        post: 'Adminpro admin',
+        status: 'cancel',
+        statuscolor: 'error',
+        users: [
+            {
+                id: '1',
+                icon: img3
+            },
+            {
+                id: '2',
+                icon: img2
+            },
+            {
+                id: '3',
+                icon: img1
+            }
+        ]
+    },
+
+    {
+        avatar: img5,
+        name: 'Tommy Garza',
+        post: 'Elegant admin',
+        status: 'cancel',
+        statuscolor: 'error',
+        users: [
+            {
+                id: '1',
+                icon: img6
+            },
+            {
+                id: '2',
+                icon: img5
+            }
+        ]
+    }
+];
+
+/*Fixed Header Table*/
+const tableFixedHeaderData: tableFixedHeader[] = [
+    {
+        avatar: img2,
+        name: 'Barko Steele',
+        handle: '@steele',
+        status: 'offline',
+        statusoffline:true,
+        statuscolor: 'dark',
+        email: 'steele@ui.com',
+        teams: [
+            {
+                status: 'Product',
+                statuscolor: 'success'
+            },
+            {
+                status: 'Operations',
+                statuscolor: 'error'
+            }
+        ]
+    },
+    {
+        avatar: img3,
+        name: 'Leonard Gordon',
+        handle: '@gordon',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'olivia@ui.com',
+        teams: [
+            {
+                status: 'Finance',
+                statuscolor: 'info'
+            },
+            {
+                status: 'Customer Success',
+                statuscolor: 'success'
+            }
+        ]
+    },
+    {
+        avatar: img1,
+        name: 'Olivian Rhye',
+        handle: '@rhye',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'olivia@ui.com',
+        teams: [
+            {
+                status: 'Design',
+                statuscolor: 'info'
+            },
+            {
+                status: 'Product',
+                statuscolor: 'primary'
+            },
+            {
+                status: 'Material',
+                statuscolor: 'success'
+            },
+            {
+                status: 'Account',
+                statuscolor: 'info'
+            }
+        ]
+    },
+
+    {
+        avatar: img4,
+        name: 'Evelyn Pope',
+        handle: '@pope',
+        status: 'offline',
+        statusoffline:true,
+        statuscolor: 'dark',
+        email: 'steele@ui.com',
+        teams: [
+            {
+                status: 'Operations',
+                statuscolor: 'error'
+            },
+            {
+                status: 'Design',
+                statuscolor: 'info'
+            }
+        ]
+    },
+    {
+        avatar: img5,
+        name: 'Tommy Garza',
+        handle: '@garza',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'olivia@ui.com',
+        teams: [
+            {
+                status: 'Product',
+                statuscolor: 'warning'
+            }
+        ]
+    },
+    {
+        avatar: img6,
+        name: 'Imak Vasquez',
+        handle: '@vasquez',
+        status: 'active',
+        statusoffline:false,
+        statuscolor: 'success',
+        email: 'steele@ui.com',
+        teams: [
+            {
+                status: 'Customer Success',
+                statuscolor: 'success'
+            }
+        ]
+    }
+];
+
+/*Height Table*/
+const heightTableData: heightTable[] = [
+    {
+        avatar: authimg3,
+        name: 'New Users',
+        handle: 'Awesome Users',
+        users: '2000 Users',
+        email: 'mark@ui.com',
+        courses: [
+            {
+                status: 'Reactjs',
+                statuscolor: 'success'
+            },
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            }
+        ]
+    },
+    {
+        avatar: authimg4,
+        name: 'Active Customers',
+        handle: 'Best Customers',
+        users: '1500 Users',
+        email: 'deo@ui.com',
+        courses: [
+            {
+                status: 'Bootstrap',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: authimg1,
+        name: 'Top Authors',
+        handle: 'Successful Fellas',
+        users: '4300 Users',
+        email: 'olivia@ui.com',
+        courses: [
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            },
+            {
+                status: 'PHP',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: authimg2,
+        name: 'Popular Authors',
+        handle: 'Most Successful',
+        users: '1200 Users',
+        email: 'john@doe.com',
+        courses: [
+            {
+                status: 'Bootstrap',
+                statuscolor: 'primary'
+            }
+        ]
+    },
+    {
+        avatar: authimg5,
+        name: 'Bestseller Template',
+        handle: 'Amazing Templates',
+        users: '9500 Users',
+        email: 'steele@ui.com',
+        courses: [
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            },
+            {
+                status: 'Reactjs',
+                statuscolor: 'success'
+            }
+        ]
+    },
+    {
+        avatar: authimg1,
+        name: 'New Authors',
+        handle: 'Successful Fellas',
+        users: '4800 Users',
+        email: 'olivia@ui.com',
+        courses: [
+            {
+                status: 'Angular',
+                statuscolor: 'error'
+            },
+            {
+                status: 'Java',
+                statuscolor: 'info'
+            }
+        ]
+    }
+]
+
+
+/*Table Action*/
+const tableActionData: tableAction[] = [
+    {
+        icon: PlusIcon,
+        listtitle: 'Add'
+    },
+    {
+        icon: EditIcon,
+        listtitle: 'Edit'
+    },
+    {
+        icon: TrashIcon,
+        listtitle: 'Delete'
+    }
+]
+export { basicTableData1, basicTableData2, basicTableData3, basicTableData4, basicTableData5, darkTableData, tableDensityData, tableFixedHeaderData, heightTableData, tableActionData };

_mockApis/components/widget/card.ts

@@ -0,0 +1,335 @@
+import type { cardsType, followCard, musicCards, productsCards, socialiconCards, profileCard, upcommingLists, userCard,paymentGateway } from '@/types/components/widget/card';
+/*import tabler icons*/
+import {
+    BrandFacebookIcon,
+    BrandGithubIcon,
+    BrandInstagramIcon,
+    BrandTwitterIcon,
+    MapPinIcon,
+    DatabaseIcon,
+    PhoneIcon,
+    ScreenShareIcon,
+    MailIcon
+} from 'vue-tabler-icons';
+
+import user1 from '@/assets/images/profile/user-6.jpg';
+import user2 from '@/assets/images/profile/user-2.jpg';
+import user3 from '@/assets/images/profile/user-3.jpg';
+import user4 from '@/assets/images/profile/user-4.jpg';
+import img1 from '@/assets/images/blog/blog-img1.jpg';
+import img2 from '@/assets/images/blog/blog-img2.jpg';
+import img3 from '@/assets/images/blog/blog-img3.jpg';
+/*--Products Cards Images--*/
+import proimg1 from '@/assets/images/products/s4.jpg';
+import proimg2 from '@/assets/images/products/s5.jpg';
+import proimg3 from '@/assets/images/products/s4.jpg';
+import proimg4 from '@/assets/images/products/s11.jpg';
+
+// Payment Gatewatys
+import icon1 from "@/assets/images/svgs/icon-paypal.svg";
+import icon2 from "@/assets/images/svgs/icon-office-bag.svg";
+import icon3 from "@/assets/images/svgs/icon-master-card.svg";
+import icon4 from "@/assets/images/svgs/icon-pie.svg";
+
+/*--Blog Cards--*/
+const blogCard: cardsType[] = [
+    {
+        avatar: user1,
+        coveravatar: img1,
+        read: '2 min Read',
+        title: 'As yen tumbles, gadget-loving Japan goes for secondhand iPhones',
+        link: '/',
+        category: 'Social',
+        name: 'Georgeanna Ramero',
+        view: '9,125',
+        comments: '3',
+        time: 'Mon, Dec 19'
+    },
+    {
+        avatar: user2,
+        coveravatar: img2,
+        read: '2 min Read',
+        title: 'Intel loses bid to revive antitrust case against patent foe Fortress',
+        link: '/',
+        category: 'Gadget',
+        name: 'Georgeanna Ramero',
+        view: '4,150',
+        comments: '38',
+        time: 'Sun, Dec 18'
+    },
+    {
+        avatar: user3,
+        coveravatar: img3,
+        read: '2 min Read',
+        title: 'COVID outbreak deepens as more lockdowns loom in China',
+        link: '/',
+        category: 'Health',
+        name: 'Georgeanna Ramero',
+        view: '9,480',
+        comments: '12',
+        time: 'Sat, Dec 17'
+    }
+];
+
+/*--Follow Cards--*/
+const followerCard: followCard[] = [
+    {
+        title: 'Andrew Grant',
+        location: 'El Salvador',
+        avatar: user1
+    },
+    {
+        title: 'Leo Pratt',
+        location: 'Bulgaria',
+        avatar: user2
+    },
+    {
+        title: 'Charles Nunez',
+        location: 'Nepal',
+        avatar: user3
+    }
+];
+
+/*--Music Cards--*/
+const musicCard: musicCards[] = [
+    {
+        title: 'Uptown Funk',
+        subheader: 'Jon Bon Jovi',
+        img: img1
+    },
+    {
+        title: 'Blank Space',
+        subheader: 'Madonna',
+        img: img2
+    },
+    {
+        title: 'Lean On',
+        subheader: 'Jennifer Lopez',
+        img: img3
+    }
+];
+
+/*--Products Cards--*/
+const productsCard: productsCards[] = [
+    {
+        title: 'Boat Headphone',
+        link: '/',
+        photo: proimg1,
+        salesPrice: 375,
+        price: 285,
+        rating: 4
+    },
+    {
+        title: 'MacBook Air Pro',
+        link: '/',
+        photo: proimg2,
+        salesPrice: 650,
+        price: 900,
+        rating: 5
+    },
+    {
+        title: 'Red Valvet Dress',
+        link: '/',
+        photo: proimg3,
+        salesPrice: 150,
+        price: 200,
+        rating: 3
+    },
+    {
+        title: 'Cute Soft Teddybear',
+        link: '/',
+        photo: proimg4,
+        salesPrice: 285,
+        price: 345,
+        rating: 2
+    }
+];
+
+/*--Social Cards--*/
+const socialiconCard: socialiconCards[] = [
+    {
+        name: 'facebook',
+        icon: BrandFacebookIcon,
+        color: 'primary'
+    },
+    {
+        name: 'instagram',
+        icon: BrandInstagramIcon,
+        color: 'error'
+    },
+    {
+        name: 'github',
+        icon: BrandGithubIcon,
+        color: 'info'
+    },
+    {
+        name: 'twitter',
+        icon: BrandTwitterIcon,
+        color: 'secondary'
+    }
+];
+
+/*--Profile Cards--*/
+const profileCards: profileCard[] = [
+    {
+        title: 'Andrew Grant',
+        subtitle: 'Technology Director',
+        avatar: user1
+    },
+    {
+        title: 'Leo Pratt',
+        subtitle: 'Telecom Analyst',
+        avatar: user2
+    },
+    {
+        title: 'Charles Nunez',
+        subtitle: 'Environmental Specialist',
+        avatar: user3
+    }
+];
+
+/*--Upcomming Activity Cards--*/
+const upcommingCards: upcommingLists[] = [
+    {
+        icon: MapPinIcon,
+        title: 'Trip to singapore',
+        subtitle: 'working on',
+        rank: '5 mins',
+        bgcolor: 'primary'
+    },
+    {
+        icon: DatabaseIcon,
+        title: 'Archived Data',
+        subtitle: 'working on',
+        rank: '10 mins',
+        bgcolor: 'secondary'
+    },
+    {
+        icon: PhoneIcon,
+        title: 'Meeting with client',
+        subtitle: 'pending',
+        rank: '15 mins',
+        bgcolor: 'warning'
+    },
+    {
+        icon: ScreenShareIcon,
+        title: 'Screening Task Team',
+        subtitle: 'working on',
+        rank: '20 mins',
+        bgcolor: 'error'
+    },
+    {
+        icon: MailIcon,
+        title: 'Send envelope to John',
+        subtitle: 'done',
+        rank: '20 mins',
+        bgcolor: 'success'
+    }
+];
+
+/*--User Cards--*/
+const userCards: userCard[] = [
+    {
+        title: 'Andrew Grant',
+        subtitle: '3 mutual friends',
+        avatar: user1,
+        userGroup: [
+            {
+                icon: user1
+            },
+            {
+                icon: user2
+            },
+            {
+                icon: user3
+            }
+        ],
+    },
+    {
+        title: 'Leo Pratt',
+        subtitle: '3 mutual friends',
+        avatar: user2,
+        userGroup: [
+            {
+                icon: user1
+            },
+            {
+                icon: user2
+            },
+            {
+                icon: user3
+            }
+        ],
+    },
+    {
+        title: 'Charles Nunez',
+        subtitle: '3 mutual friends',
+        avatar: user3,
+        userGroup: [
+            {
+                icon: user1
+            },
+            {
+                icon: user2
+            },
+            {
+                icon: user3
+            }
+        ],
+    },
+    {
+        title: 'Lora Powers',
+        subtitle: '3 mutual friends',
+        avatar: user4,
+        userGroup: [
+            {
+                icon: user1
+            },
+            {
+                icon: user2
+            },
+            {
+                icon: user3
+            }
+        ],
+    },
+]
+
+/*--Payment gateways--*/
+const paymentGateways : paymentGateway[] = [
+    {
+        img: icon1,
+        title:'Paypal',
+        subtitle:'Big Brands',
+        rank:'+$6,235',
+        disable:'',
+        bgcolor:"primary",
+      },
+      {
+        img: icon2,
+        title:'Wallet',
+        subtitle:'Bill payment',
+        rank:'-$345',
+        disable:'emphasis',
+        bgcolor:"success",
+      },
+      {
+        img: icon3,
+        title:'Credit Card',
+        subtitle:'Money reversed',
+        rank:'+$2,235',
+        disable:'',
+        bgcolor:"warning",
+      },
+      {
+        img: icon4,
+        title:'Refund',
+        subtitle:'Bill Payment',
+        rank:'-$32',
+        disable:'emphasis',
+        bgcolor:"error",
+      },
+];
+
+
+export { blogCard, followerCard, musicCard, productsCard, socialiconCard, profileCards, upcommingCards, userCards,paymentGateways }

_mockApis/front-pages/PagesData.ts

@@ -0,0 +1,591 @@
+import type { LeaderType, TemplateType, ThemeFeatures, PackageType, FooterType, Feature } from '@/types/components/front-pages/index';
+import type { faqPageType } from '@/types/components/pages/faqData';
+
+import review1 from '@/assets/images/profile/user-1.jpg';
+import review2 from '@/assets/images/profile/user-2.jpg';
+import review3 from '@/assets/images/profile/user-3.jpg';
+
+const Features: Feature[] = [
+    {
+        icon: 'tabler:chart-bubble',
+        title: 'Expert Advisor',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'lighterror',
+        color: 'error'
+    },
+    {
+        icon: 'tabler:building-store',
+        title: 'Effective Support',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'lightprimary',
+        color: 'primary'
+    },
+    {
+        icon: 'material-symbols:category-outline',
+        title: 'Low Fees',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'lightsuccess',
+        color: 'success'
+    },
+    {
+        icon: 'material-symbols:earthquake',
+        title: 'Loan Facility',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'grey100',
+        color: 'dark '
+    }
+];
+
+const AboutFeatures: Feature[] = [
+    {
+        icon: 'tabler:building-store',
+        title: 'Effective Support',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'lightprimary',
+        color: 'primary'
+    },
+    {
+        icon: 'tabler:chart-bubble',
+        title: 'Expert Advisor',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'lighterror',
+        color: 'error'
+    },
+    {
+        icon: 'material-symbols:category-outline',
+        title: 'Low Fees',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'lightsuccess',
+        color: 'success'
+    },
+    {
+        icon: 'material-symbols:earthquake',
+        title: 'Loan Facility',
+        subtitle: 'Suspendisse vestibulum eu erat ac scelerisque.',
+        bgcolor: 'grey100',
+        color: 'dark '
+    }
+];
+
+const QA1: faqPageType[] = [
+    {
+        question: 'Combine teammate schedules',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Factor in outside colleagues',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Round robin pooling',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    }
+];
+const QA2: faqPageType[] = [
+    {
+        question: 'Combine teammate schedules 2',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Factor in outside colleagues',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Round robin pooling',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    }
+];
+const QA3: faqPageType[] = [
+    {
+        question: 'Combine teammate schedules 3',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Factor in outside colleagues',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Round robin pooling',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    }
+];
+
+const QA4: faqPageType[] = [
+    {
+        question: 'Combine teammate schedules 4',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Factor in outside colleagues',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    },
+    {
+        question: 'Round robin pooling',
+        answer: 'Factor in availability for required attendees, and skip checking for conflicts for optional attendees.'
+    }
+];
+
+// OurLeaders
+import leader1 from '@/assets/images/front-pages/leaders/leader1.png';
+import leader2 from '@/assets/images/front-pages/leaders/leader2.png';
+import leader3 from '@/assets/images/front-pages/leaders/leader3.png';
+import leader4 from '@/assets/images/front-pages/leaders/leader4.png';
+import leader5 from '@/assets/images/front-pages/leaders/leader4.png';
+import {
+    WandIcon,
+    ShieldLockIcon,
+    ArchiveIcon,
+    AdjustmentsIcon,
+    TagIcon,
+    DiamondIcon,
+    DatabaseIcon,
+    LanguageKatakanaIcon,
+    BuildingCarouselIcon,
+    ArrowsShuffleIcon,
+    ChartPieIcon,
+    LayersIntersectIcon,
+    RefreshIcon,
+    BookIcon,
+    CalendarIcon,
+    MessageIcon,
+    CircleCheckIcon,
+    CircleXIcon
+} from 'vue-tabler-icons';
+import type { UserReviewTypes } from '@/types/landingpage/LandingpageTypes';
+const OurLeaders: LeaderType[] = [
+    {
+        img: leader1,
+        name: 'Alex Martinez',
+        position: 'CEO & Co-Founder'
+    },
+    {
+        img: leader2,
+        name: 'Jordan Nguyen',
+        position: 'CTO & Co-Founder'
+    },
+    {
+        img: leader3,
+        name: 'Taylor Roberts',
+        position: 'Product Manager'
+    },
+    {
+        img: leader4,
+        name: 'Morgan Patel',
+        position: 'Lead Developer'
+    }
+];
+
+const templateText: TemplateType[] = [
+    {
+        title: 'High Customizability',
+        subtitle:
+            'Tailor the dashboard to your exact needs. Customize layouts, color schemes, and widgets effortlessly for a personalized user experience.'
+    },
+    {
+        title: 'Powerful Data Analytics',
+        subtitle:
+            ' Unlock the true potential of your data with our advanced analytics tools. Gain valuable insights and make data-driven decisions with ease.'
+    },
+    {
+        title: 'Interactive Graphs & Charts',
+        subtitle:
+            'Visualize complex data sets beautifully with our interactive graphs and charts. Quickly grasp trends and patterns for smarter analysis.'
+    }
+];
+
+const ThemeFeature1: ThemeFeatures[] = [
+    {
+        icon: WandIcon,
+        title: '6 Theme Colors',
+        color: 'primary'
+    },
+    {
+        icon: ShieldLockIcon,
+        title: 'Authguard',
+        color: 'secondary'
+    },
+    {
+        icon: ArchiveIcon,
+        title: '65+ Page Templates',
+        color: 'error'
+    },
+    {
+        icon: AdjustmentsIcon,
+        title: '45+ UI Components',
+        color: 'success'
+    },
+    {
+        icon: TagIcon,
+        title: 'Vuetify',
+        color: 'info'
+    },
+    {
+        icon: DiamondIcon,
+        title: '3400+ Font Icons',
+        color: 'warning'
+    }
+];
+const ThemeFeature2: ThemeFeatures[] = [
+    {
+        icon: DatabaseIcon,
+        title: 'Axios',
+        color: 'success'
+    },
+    {
+        icon: LanguageKatakanaIcon,
+        title: 'i18n Vue',
+        color: 'error'
+    },
+    {
+        icon: BuildingCarouselIcon,
+        title: 'Vue3 Carousel',
+        color: 'warning'
+    },
+    {
+        icon: ArrowsShuffleIcon,
+        title: 'Easy to Customize',
+        color: 'primary'
+    }
+];
+const ThemeFeature3: ThemeFeatures[] = [
+    {
+        icon: ChartPieIcon,
+        title: 'Lots of Chart Options',
+        color: 'secondary'
+    },
+    {
+        icon: LayersIntersectIcon,
+        title: 'Lots of Table Examples',
+        color: 'info'
+    },
+    {
+        icon: RefreshIcon,
+        title: 'Regular Updates',
+        color: 'error'
+    },
+    {
+        icon: BookIcon,
+        title: 'Detailed Documentation',
+        color: 'warning'
+    },
+    {
+        icon: CalendarIcon,
+        title: 'Calendar Design',
+        color: 'success'
+    },
+    {
+        icon: MessageIcon,
+        title: 'Dedicated Support',
+        color: 'info'
+    }
+];
+
+const Packages: PackageType[] = [
+    {
+        tagtext: false,
+        caption: 'Single Use',
+        subtext: 'Use for single end product which end users can’t be charged for.',
+        price: 49,
+        period: 'one time pay',
+        buttontext: 'Purchase Now',
+        url: '/',
+        list: [
+            {
+                listtitle: 'Full source code',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Documentation',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Use in SaaS app',
+                status: true,
+                icon: true,
+                disable: true
+            },
+            {
+                listtitle: '<b>One</b> Project',
+                status: true,
+                icon: false,
+                disable: false
+            },
+            {
+                listtitle: '<b>One Year</b> Technical Support',
+                status: true,
+                icon: false,
+                disable: false
+            }
+        ]
+    },
+
+    {
+        tagtext: false,
+        caption: 'Multiple Use',
+        subtext: 'Use for unlimited end products end users can’t be charged for.',
+        price: 89,
+        period: 'one time pay',
+        buttontext: 'Purchase Now',
+        url: '/',
+        list: [
+            {
+                listtitle: 'Full source code',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Documentation',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Use in SaaS app',
+                status: true,
+                icon: true,
+                disable: true
+            },
+            {
+                listtitle: '<b>Unlimited</b> Project',
+                status: true,
+                icon: false,
+                disable: false
+            },
+            {
+                listtitle: '<b>One Year</b> Technical Support',
+                status: true,
+                icon: false,
+                disable: false
+            }
+        ]
+    },
+
+    {
+        tagtext: true,
+        caption: 'Extended Use',
+        subtext: 'Use for single end product which end users can be charged for.',
+        price: 299,
+        period: 'one time pay',
+        buttontext: 'Purchase Now',
+        url: '/',
+        list: [
+            {
+                listtitle: 'Full source code',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Documentation',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Use in SaaS app',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: '<b>One</b> Project',
+                status: true,
+                icon: false,
+                disable: false
+            },
+            {
+                listtitle: '<b>One Year</b> Technical Support',
+                status: true,
+                icon: false,
+                disable: false
+            }
+        ]
+    },
+    {
+        tagtext: false,
+        caption: 'Unlimited Use',
+        subtext: 'Use in unlimited end products end users can be charged for.',
+        price: 499,
+        period: 'one time pay',
+        buttontext: 'Purchase Now',
+        url: '/',
+        list: [
+            {
+                listtitle: 'Full source code',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Documentation',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: 'Use in SaaS app',
+                status: false,
+                icon: true,
+                disable: false
+            },
+            {
+                listtitle: '<b>Unlimited</b> Project',
+                status: true,
+                icon: false,
+                disable: false
+            },
+            {
+                listtitle: '<b>One Year</b> Technical Support',
+                status: true,
+                icon: false,
+                disable: false
+            }
+        ]
+    }
+];
+
+const FAQData: TemplateType[] = [
+    {
+        title: 'What is included with my purchase?',
+        subtitle:
+            'Tailor the dashboard to your exact needs. Customize layouts, color schemes, and widgets effortlessly for a personalized user experience.'
+    },
+    {
+        title: 'Are there any recurring fees?',
+        subtitle:
+            ' Unlock the true potential of your data with our advanced analytics tools. Gain valuable insights and make data-driven decisions with ease.'
+    },
+    {
+        title: 'Can I use the template on multiple projects?',
+        subtitle:
+            'Visualize complex data sets beautifully with our interactive graphs and charts. Quickly grasp trends and patterns for smarter analysis.'
+    },
+    {
+        title: 'Can I customize the admin dashboard template to match my brand?',
+        subtitle:
+            'Visualize complex data sets beautifully with our interactive graphs and charts. Quickly grasp trends and patterns for smarter analysis.'
+    },
+    {
+        title: 'Are there any restrictions on using the template?',
+        subtitle:
+            'Visualize complex data sets beautifully with our interactive graphs and charts. Quickly grasp trends and patterns for smarter analysis.'
+    },
+    {
+        title: 'How can I get support after purchase?',
+        subtitle:
+            'Visualize complex data sets beautifully with our interactive graphs and charts. Quickly grasp trends and patterns for smarter analysis.'
+    }
+];
+
+// Footer Menu Links
+const FooterMenu1: FooterType[] = [
+    {
+        menu: 'Cards',
+        link: '/widgets/cards'
+    },
+    {
+        menu: 'Pricing',
+        link: '/pages/pricing'
+    },
+    {
+        menu: 'Account Settings',
+        link: '/pages/account-settings'
+    },
+    {
+        menu: 'FAQ',
+        link: '/pages/faq'
+    },
+    {
+        menu: 'Search Results',
+        link: '/pages/search-results'
+    }
+];
+const FooterMenu2: FooterType[] = [
+    {
+        menu: 'Treeview',
+        link: '/pages/treeview'
+    },
+    {
+        menu: 'Banners',
+        link: '/widgets/banners'
+    },
+    {
+        menu: 'Charts',
+        link: '/widgets/charts'
+    },
+    {
+        menu: 'Gallery Lightbox',
+        link: '/pages/gallery-lightbox'
+    },
+    {
+        menu: 'Social Contacts',
+        link: '/pages/social-media-contacts'
+    }
+];
+const FooterMenu3: FooterType[] = [
+    {
+        menu: 'Form Layout',
+        link: '/forms/form-layouts'
+    },
+    {
+        menu: 'Tables',
+        link: '/tables/basic'
+    },
+    {
+        menu: 'Stepper',
+        link: '/forms/form-elements/stepper'
+    },
+    {
+        menu: 'Datatables',
+        link: '/tables/datatables/basic'
+    },
+    {
+        menu: 'Validation',
+        link: '/forms/form-validation'
+    }
+];
+
+const userReviewFrront: UserReviewTypes[] = [
+    {
+        img: review1,
+        title: 'Jenny Wilson',
+        subtitle: 'CEO & Head of Comp Inc.',
+        review: 'This template is great, UI-rich and up-to-date. Although it is pretty much complete, I suggest to improve a bit of documentation. Thanks & Highly recommended!'
+    },
+    {
+        img: review2,
+        title: 'Josh Cui',
+        subtitle: 'CEO & Head of Comp Inc.',
+        review: 'This template is great, UI-rich and up-to-date. Although it is pretty much complete, I suggest to improve a bit of documentation. Thanks & Highly recommended!'
+    },
+    {
+        img: review3,
+        title: 'Eminson Mendoza',
+        subtitle: 'CEO & Head of Comp Inc.',
+        review: 'This template is great, UI-rich and up-to-date. Although it is pretty much complete, I suggest to improve a bit of documentation. Thanks & Highly recommended!'
+    }
+];
+export {
+    QA1,
+    QA2,
+    QA3,
+    QA4,
+    OurLeaders,
+    templateText,
+    ThemeFeature1,
+    ThemeFeature2,
+    ThemeFeature3,
+    Packages,
+    FAQData,
+    FooterMenu1,
+    FooterMenu2,
+    FooterMenu3,
+    Features,
+    userReviewFrront,
+    AboutFeatures
+};

_mockApis/headerData.ts

@@ -0,0 +1,230 @@
+// project imports
+import mock from './mockAdapter';
+
+import type { notificationType, profileType, languageType, appsLinkType,searchType } from '~/types/HeaderTypes'
+// 
+// Notification
+// 
+const notifications:notificationType[] = [
+    {
+        avatar: 'widget-3-line-duotone',
+        color:'error',
+        title: 'Launch Admin',
+        subtitle: 'Just see the my new admin!',
+        time:'9:30 AM'
+    },
+    {
+        avatar: 'calendar-line-duotone',
+        color:'primary',
+        title: 'Event Today',
+        subtitle: 'Just a reminder that you have event',
+        time:'9:15 AM'
+    },
+    {
+        avatar: 'settings-line-duotone',
+        color:'secondary',
+        title: 'Settings',
+        subtitle: 'You can customize this template as you want',
+        time:'4:36 PM'
+    },
+    {
+        avatar: 'widget-4-line-duotone',
+        color:'warning',
+        title: 'Launch Admin',
+        subtitle: 'Just see the my new admin!',
+        time:'9:30 AM'
+    },
+    {
+        avatar: 'calendar-line-duotone',
+        color:'primary',
+        title: 'Event Today',
+        subtitle: 'Just a reminder that you have event',
+        time:'9:15 AM'
+    },
+    {
+        avatar: 'settings-line-duotone',
+        color:'secondary',
+        title: 'Settings',
+        subtitle: 'You can customize this template as you want',
+        time:'4:36 PM'
+    },
+];
+
+// 
+// Profile 
+// 
+// const profileDD: profileType[] = [
+//     {
+//         title: 'My Profile',
+//         href: '/apps/user/profile',
+//         badge:false
+//     },
+//     {
+//         title: 'My Subscription',
+//         href: '/pages/pricing',
+//         badge:false
+//     },
+//     {
+//         title: 'My Notes',
+//         href: '/apps/notes',
+//         badge:true
+//     },
+//     {
+//         title: 'Account Settings',
+//         href: '/pages/account-settings',
+//         badge:false
+//     },
+//     {
+//         title: 'Sign Out',
+//         href: '/auth/login2',
+//         badge:false
+//     },
+   
+// ];
+
+import proUser1 from '~/assets/images/svgs/icon-account.svg';
+import proUser2 from '~/assets/images/svgs/icon-inbox.svg';
+import proUser3 from '~/assets/images/svgs/icon-tasks.svg';
+const profileDD: profileType[] = [
+    {
+        avatar: proUser1,
+        title: 'My Profile',
+        subtitle: 'Account settings',
+        href: ''
+    },
+    {
+        avatar: proUser2,
+        title: 'My Notes',
+        subtitle: 'My Daily Notes',
+        href: ''
+    },
+    {
+        avatar: proUser3,
+        title: 'My Tasks',
+        subtitle: 'To-do and Daily tasks',
+        href: ''
+    }
+];
+
+// 
+// Language
+// 
+import flag1 from '~/assets/images/flag/icon-flag-en.svg';
+import flag2 from '~/assets/images/flag/icon-flag-fr.svg';
+import flag3 from '~/assets/images/flag/icon-flag-ro.svg';
+import flag4 from '~/assets/images/flag/icon-flag-zh.svg';
+const languageDD: languageType[] = [
+    { title: 'English', subtext: 'UK', value: 'en', avatar: flag1 },
+    { title: 'français', subtext: 'French', value: 'fr', avatar: flag2 },
+    { title: 'عربي', subtext: 'Arbic', value: 'ro', avatar: flag3 },
+    { title: '中国人', subtext: 'Chinese', value: 'zh', avatar: flag4 }
+];
+
+// 
+// AppsLink
+// 
+const appsLink: appsLinkType[] = [
+    {
+        avatar: 'chat-line-bold-duotone',
+        color:'primary',
+        title: 'Chat Application',
+        subtext: 'New messages arrived',
+        href: '/apps/chats'
+    },
+    {
+        avatar: 'user-bold-duotone',
+        color:'success',
+        title: 'User Profile App',
+        subtext: 'Get profile details',
+        href: '/apps/user/profile'
+    },
+    {
+        avatar: 'bill-list-bold-duotone',
+        color:'secondary',
+        title: 'eCommerce App',
+        subtext: 'learn more information',
+        href: '/ecommerce/products'
+    },
+   
+    {
+        avatar: 'calendar-minimalistic-bold-duotone',
+        color:'primary',
+        title: 'Calendar App',
+        subtext: 'Get dates',
+        href: '/apps/calendar'
+    },
+    {
+        avatar: 'phone-calling-rounded-bold-duotone',
+        color:'warning',
+        title: 'Contact Application',
+        subtext: '2 Unsaved Contacts',
+        href: '/apps/contacts'
+    },
+    {
+        avatar: 'settings-bold-duotone',
+        color:'info',
+        title: 'Account Setting App',
+        subtext: 'Account settings',
+        href: '/pages/account-settings'
+    },
+    {
+        avatar: 'checklist-minimalistic-bold',
+        color:'error',
+        title: 'Kanban App',
+        subtext: 'Get new Task',
+        href: '/apps/kanban'
+    },
+    {
+        avatar: 'notes-bold-duotone',
+        color:'warning',
+        title: 'Notes Application',
+        subtext: 'To-do and Daily tasks',
+        href: '/apps/notes'
+    }
+];
+
+
+// 
+// Search Data
+// 
+const searchSugg: searchType[] = [
+    {
+        title: 'Modern',
+        href: '/dashboards/modern'
+    },
+    {
+        title: 'eCommerce',
+        href: '/dashboards/ecommerce'
+    },
+    {
+        title: 'Contacts',
+        href: '/apps/contacts'
+    },
+    {
+        title: 'Shop',
+        href: '/ecommerce/shop'
+    },
+    {
+        title: 'Checkout',
+        href: '/ecommerce/checkout'
+    },
+    {
+        title: 'Chats',
+        href: '/apps/chats'
+    },
+    {
+        title: 'Notes',
+        href: '/apps/notes'
+    },
+    {
+        title: 'Pricing',
+        href: '/pages/pricing'
+    },
+    {
+        title: 'Account Setting',
+        href: '/pages/account-settings'
+    },
+];
+
+export { notifications, profileDD, languageDD, appsLink, searchSugg };
+

_mockApis/index.ts

@@ -0,0 +1,20 @@
+import mock from './mockAdapter';
+
+import './apps/chat';
+import './apps/ecommerce';
+import './apps/userprofile/posts';
+import './apps/userprofile/followers';
+import './apps/userprofile/friends';
+import './apps/userprofile/gallery';
+import './apps/userprofile/photos';
+import './apps/blog/index';
+import './headerData';
+import './apps/notes';
+import './apps/tickets';
+import './apps/email';
+import './apps/invoice';
+import './apps/contact';
+import './headerData';
+import './apps/kanban';
+
+mock.onAny().passThrough();

_mockApis/landingpage/curoselData.ts

@@ -0,0 +1,23 @@
+/*Product Preview Slider*/
+const curoselSettings = {
+  snapAlign: "start",
+  itemsToShow: 1,
+  autoplay: false,
+};
+
+/*Testimonials Slider*/
+const testimonialSettings = {
+  snapAlign: "start",
+  itemsToShow: 3,
+  autoplay: false,
+};
+const testimonialBreakpoints = {
+  300: { itemsToShow: 1 },  
+  600: { itemsToShow: 1 },
+  767: { itemsToShow: 2 },
+  991: { itemsToShow: 3 },
+  1500: { itemsToShow: 3 },
+  1800: { itemsToShow: 3 },
+};
+
+export{curoselSettings,testimonialSettings,testimonialBreakpoints}

_mockApis/landingpage/lpPage.ts

@@ -0,0 +1,381 @@
+import { ref } from 'vue';
+
+import type {
+    ProductsSliderTypes,
+    UserReviewTypes,
+    ListFeatureTypes,
+    DemosMegaMenuTypes,
+    AppsMegaMenuTypes
+} from '@/types/landingpage/LandingpageTypes';
+
+import img1 from '@/assets/images/landingpage/demos/demo-main.jpg';
+import img2 from '@/assets/images/landingpage/demos/demo-dark.jpg';
+import img3 from '@/assets/images/landingpage/demos/demo-horizontal.jpg';
+import img4 from '@/assets/images/landingpage/demos/demo-mini.jpg';
+import img5 from '@/assets/images/landingpage/demos/demo-rtl.jpg';
+import img6 from '@/assets/images/landingpage/apps/app-calendar.jpg';
+import img7 from '@/assets/images/landingpage/apps/app-chat.jpg';
+import img8 from '@/assets/images/landingpage/apps/app-contact.jpg';
+import img9 from '@/assets/images/landingpage/apps/app-user-profile.jpg';
+import img10 from '@/assets/images/landingpage/apps/app-note.jpg';
+import img11 from '@/assets/images/landingpage/apps/app-blog.jpg';
+import img12 from '@/assets/images/landingpage/apps/app-shop.jpg';
+import img13 from '@/assets/images/landingpage/apps/app-productlist.jpg';
+import img14 from '@/assets/images/landingpage/apps/app-invoice.jpg';
+import img15 from '@/assets/images/landingpage/apps/app-blog-detail.jpg';
+import img16 from '@/assets/images/landingpage/apps/app-product-detail.jpg';
+import img17 from '@/assets/images/landingpage/apps/app-kanban.jpg';
+import img18 from '@/assets/images/landingpage/demos/demo-default.jpg';
+
+const productsSlider: ProductsSliderTypes[] = [
+    {
+        type: true,
+        img: img1,
+        name: 'Main',
+        link: 'https://matdash-vuetify-main.netlify.app/dashboards/dashboard1'
+    },
+    {
+        type: true,
+        img: img2,
+        name: 'Dark',
+        link: 'https://matdash-vuetify-dark.netlify.app/dashboards/dashboard2'
+    },
+    {
+        type: true,
+        img: img3,
+        name: 'Horizontal',
+        link: 'https://matdash-vuetify-horizontal.netlify.app/dashboards/dashboard1'
+    },
+    {
+        type: true,
+        img: img4,
+        name: 'Minisidebar',
+        link: 'https://matdash-vuetify-minisidebar.netlify.app/dashboards/dashboard1'
+    },
+    {
+        type: true,
+        img: img5,
+        name: 'RTL',
+        link: 'https://matdash-vuetify-rtl.netlify.app/dashboards/dashboard2'
+    },
+    {
+        type: true,
+        img: img18,
+        name: 'Default Sidebar',
+        link: 'https://matdash-vuetify-default.netlify.app/dashboards/dashboard1'
+    },
+    {
+        type: false,
+        img: img6,
+        name: 'Calandar ',
+        link: '/apps/calendar'
+    },
+    {
+        type: false,
+        img: img7,
+        name: 'Chat ',
+        link: '/apps/chats'
+    },
+    {
+        type: false,
+        img: img8,
+        name: 'Contact ',
+        link: '/apps/contacts'
+    },
+    {
+        type: false,
+        img: img9,
+        name: 'User Profile ',
+        link: '/apps/user/profile'
+    },
+    {
+        type: false,
+        img: img10,
+        name: 'Notes ',
+        link: '/apps/notes'
+    },
+    {
+        type: false,
+        img: img11,
+        name: 'Blog ',
+        link: '/apps/blog/posts'
+    },
+    {
+        type: false,
+        img: img15,
+        name: 'Blog Detail ',
+        link: '/apps/blog/early-black-friday-amazon-deals-cheap-tvs-headphones'
+    },
+    {
+        type: false,
+        img: img12,
+        name: 'eCommerce Shop ',
+        link: '/ecommerce/products'
+    },
+    {
+        type: false,
+        img: img16,
+        name: 'eCommerce Product Detail ',
+        link: '/ecommerce/product/detail/1'
+    },
+    {
+        type: false,
+        img: img13,
+        name: 'eCommerce Product List ',
+        link: '/ecommerce/productlist'
+    },
+    {
+        type: false,
+        img: img14,
+        name: 'Invoice App ',
+        link: '/apps/invoice'
+    },
+    {
+        type: false,
+        img: img17,
+        name: 'Kanban ',
+        link: '/apps/kanban'
+    }
+];
+
+/*User Review Section*/
+import review1 from '@/assets/images/profile/user-1.jpg';
+import review2 from '@/assets/images/profile/user-2.jpg';
+import review3 from '@/assets/images/profile/user-3.jpg';
+
+const userReview: UserReviewTypes[] = [
+    {
+        img: review3,
+        title: 'Eminson Mendoza',
+        subtitle: 'Features avaibility',
+        review: 'This template is great, UI-rich and up-to-date. Although it is pretty much complete, I suggest to improve a bit of documentation. Thanks & Highly recomended!'
+    },
+    {
+        img: review1,
+        title: 'Jenny Wilson',
+        subtitle: 'Features avaibility',
+        review: 'The dashboard template from adminmart has helped me provide a clean and sleek look to my dashboard and made it look exactly the way I wanted it to, mainly without having.'
+    },
+    {
+        img: review2,
+        title: 'Minshan Cui',
+        subtitle: 'Features avaibility',
+        review: 'The quality of design is excellent, customizability and flexibility much better than the other products available in the market.I strongly recommend the AdminMart to other.'
+    },
+    {
+        img: review3,
+        title: 'Eminson Mendoza',
+        subtitle: 'Features avaibility',
+        review: 'This template is great, UI-rich and up-to-date. Although it is pretty much complete, I suggest to improve a bit of documentation. Thanks & Highly recomended!'
+    },
+    {
+        img: review1,
+        title: 'Jenny Wilson',
+        subtitle: 'Features avaibility',
+        review: 'The dashboard template from adminmart has helped me provide a clean and sleek look to my dashboard and made it look exactly the way I wanted it to, mainly without having.'
+    },
+    {
+        img: review2,
+        title: 'Minshan Cui',
+        subtitle: 'Features avaibility',
+        review: 'The quality of design is excellent, customizability and flexibility much better than the other products available in the market.I strongly recommend the AdminMart to other.'
+    },
+    {
+        img: review3,
+        title: 'Eminson Mendoza',
+        subtitle: 'Features avaibility',
+        review: 'This template is great, UI-rich and up-to-date. Although it is pretty much complete, I suggest to improve a bit of documentation. Thanks & Highly recomended!'
+    },
+    {
+        img: review1,
+        title: 'Jenny Wilson',
+        subtitle: 'Features avaibility',
+        review: 'The dashboard template from adminmart has helped me provide a clean and sleek look to my dashboard and made it look exactly the way I wanted it to, mainly without having.'
+    }
+];
+
+const listFeature: ListFeatureTypes[] = [
+    {
+        icon: 'filters-bold-duotone',
+        title: '6 Skin Colors',
+        subtitle: 'We have included 6 pre-defined Skin Colors with MatDash Admin..'
+    },
+    {
+        icon: 'lock-keyhole-bold',
+        title: 'Authguard',
+        subtitle: 'We have AUTH guard functionality which is based on JWT.'
+    },
+    {
+        icon: 'widget-4-bold-duotone',
+        title: '65+ Page Templates',
+        subtitle: 'Yes, we have 5 demos & 65+ Pages per demo to make it easier.'
+    },
+    {
+        icon: 'presentation-graph-broken',
+        title: '4+ Frontend Pages',
+        subtitle: 'We have added useful frontend pages with Matdash Admin'
+    },
+    {
+        icon: 'widget-6-bold-duotone',
+        title: '45+ UI Components',
+        subtitle: 'Almost 45+ UI Components being given with Matdash Admin Pack.'
+    },
+    {
+        icon: 'tag-bold-duotone',
+        title: 'Vuetify',
+        subtitle: 'It is made with Vuetify which is a powerful UI Component Framework.'
+    },
+    {
+        icon: 'text-field-bold-duotone',
+        title: '3400+ Font Icons',
+        subtitle: 'Lots of Icon Fonts are included here in the package of Matdash Admin.'
+    },
+    {
+        icon: 'database-bold',
+        title: 'Axios',
+        subtitle: 'Axios is a promise-based HTTP Client for node.js and the browser.'
+    },
+    {
+        icon: 'home-smile-angle-bold-duotone',
+        title: 'i18n Vue',
+        subtitle: 'Vue i18n is a powerful internationalization framework for Vue.'
+    },
+    {
+        icon: 'slider-horizontal-bold',
+        title: 'Vue3 Carousel',
+        subtitle: 'Flexible, responsive, and highly customizable Vue carousel component'
+    },
+    {
+        icon: 'shuffle-bold-duotone',
+        title: 'Easy to Customize',
+        subtitle: 'Customization will be easy as we understand your pain.'
+    },
+    {
+        icon: 'pie-chart-3-bold-duotone',
+        title: 'Lots of Chart Options',
+        subtitle: 'You name it and we have it, Yes lots of variations for Charts.'
+    },
+    {
+        icon: 'bedside-table-bold-duotone',
+        title: 'Lots of Table Examples',
+        subtitle: 'Data Tables are initial requirement and we added them.'
+    },
+    {
+        icon: 'refresh-square-bold-duotone',
+        title: 'Regular Updates',
+        subtitle: 'We are constantly updating our pack with new features.'
+    },
+    {
+        icon: 'document-add-bold-duotone',
+        title: 'Detailed Documentation',
+        subtitle: 'We have made detailed documentation, so it will easy to use.'
+    },
+    {
+        icon: 'calendar-mark-bold-duotone',
+        title: 'Calendar Design',
+        subtitle: 'Calendar is available with our package & in nice design.'
+    },
+    {
+        icon: 'chat-round-bold-duotone',
+        title: 'Dedicated Support',
+        subtitle: 'We believe in supreme support is key and we offer that.'
+    }
+];
+
+/*Demos Megamenu*/
+const demosMegamenu: DemosMegaMenuTypes[] = [
+    {
+        img: img1,
+        name: 'Main',
+        link: 'https://matdash-vuetify-main.netlify.app/dashboards/dashboard1'
+    },
+    {
+        img: img2,
+        name: 'Dark',
+        link: 'https://matdash-vuetify-dark.netlify.app/dashboards/dashboard2'
+    },
+    {
+        img: img3,
+        name: 'Horizontal',
+        link: 'https://matdash-vuetify-horizontal.netlify.app/dashboards/dashboard1'
+    },
+    {
+        img: img4,
+        name: 'Minisidebar',
+        link: 'https://matdash-vuetify-minisidebar.netlify.app/dashboards/dashboard1'
+    },
+    {
+        img: img5,
+        name: 'RTL',
+        link: 'https://matdash-vuetify-rtl.netlify.app/dashboards/dashboard2'
+    }
+];
+const appsMegamenu: AppsMegaMenuTypes[] = [
+    {
+        img: img6,
+        name: 'Calandar App',
+        link: '/apps/calendar'
+    },
+    {
+        img: img7,
+        name: 'Chat App',
+        link: '/apps/chats'
+    },
+    {
+        img: img8,
+        name: 'Contact App',
+        link: '/apps/contacts'
+    },
+    {
+        img: img9,
+        name: 'User Profile App',
+        link: '/apps/user/profile'
+    },
+    {
+        img: img10,
+        name: 'Notes App',
+        link: '/apps/notes'
+    }
+];
+
+import frnt1 from '@/assets/images/landingpage/frontpages/homepage.jpg';
+import frnt2 from '@/assets/images/landingpage/frontpages/aboutus.jpg';
+import frnt3 from '@/assets/images/landingpage/frontpages/contactus.jpg';
+import frnt4 from '@/assets/images/landingpage/frontpages/portfolio.jpg';
+import frnt5 from '@/assets/images/landingpage/frontpages/pricing.jpg';
+import frnt6 from '@/assets/images/landingpage/frontpages/blogpage.jpg';
+
+const FrontPageMenu: DemosMegaMenuTypes[] = [
+    {
+        img: frnt1,
+        name: 'Homepage',
+        link: '/front-page/homepage'
+    },
+    {
+        img: frnt2,
+        name: 'About Us',
+        link: '/front-page/about-us'
+    },
+    {
+        img: frnt3,
+        name: 'Contact Us',
+        link: '/front-page/contact-us'
+    },
+    {
+        img: frnt4,
+        name: 'Portfolio',
+        link: '/front-page/portfolio'
+    },
+    {
+        img: frnt5,
+        name: 'Pricing',
+        link: '/front-page/pricing'
+    },
+    {
+        img: frnt6,
+        name: 'Blog',
+        link: '/front-page/blog/posts'
+    }
+];
+
+export { productsSlider, userReview, listFeature, demosMegamenu, appsMegamenu, FrontPageMenu };

_mockApis/mockAdapter.ts

@@ -0,0 +1,5 @@
+import AxiosMockAdapter from 'axios-mock-adapter';
+import axios from '@/utils/axios';
+
+const mock = new AxiosMockAdapter(axios, { delayResponse: 0 });
+export default mock;

app.vue

@@ -0,0 +1,6 @@
+<template>
+  <NuxtLoadingIndicator />
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>

assets/images/backgrounds/errorimg.svg

@@ -0,0 +1,81 @@
+<svg width="1364" height="932" viewBox="0 0 1364 932" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1230.06 659.109H1130.94V584.235H928.178V491.253L928.426 490.959L1131.5 249.567H1230.06V495.774H1280.34V584.235H1230.06V659.109ZM1133.05 656.998H1227.94V582.124H1278.22V497.884H1227.94V251.678H1132.48L930.289 492.023V582.125H1133.05L1133.05 656.998ZM1133.05 497.885H1022.58L1133.05 367.887V497.885ZM1027.14 495.774H1130.94V373.63L1027.14 495.774Z" fill="#D3CCFF"/>
+<path d="M1238.76 515.175C1238.93 511.766 1242.63 509.372 1246.03 509.573C1249.43 509.774 1252.43 511.892 1254.87 514.282C1258.83 518.149 1261.6 522.509 1264.3 527.193C1263.8 522.088 1263.49 516.967 1263.34 511.853C1263.24 508.471 1263.21 505.084 1263.26 501.696C1255.59 501.256 1248.07 498.478 1241.98 493.808C1239.66 492.038 1237.38 489.605 1237.54 486.698C1237.72 483.302 1241.41 480.909 1244.81 481.1C1248.2 481.292 1251.2 483.394 1253.63 485.768C1257.72 489.755 1260.53 494.276 1263.31 499.136C1263.58 488.699 1264.58 478.275 1266.48 468.016C1259.11 466.324 1252.24 462.428 1247.04 456.931C1245.04 454.817 1243.17 452.053 1243.79 449.207C1244.5 445.883 1248.53 444.106 1251.86 444.834C1255.18 445.561 1257.8 448.111 1259.82 450.842C1263.11 455.267 1265.15 459.994 1267.06 465.028C1269.23 454.246 1272.47 443.261 1278.47 434.004C1278.59 433.811 1278.73 433.624 1278.85 433.432C1271.7 430.723 1265.38 425.844 1260.96 419.592C1259.29 417.214 1257.83 414.212 1258.85 411.483C1260.03 408.295 1264.27 407.111 1267.45 408.306C1270.64 409.5 1272.87 412.398 1274.48 415.39C1277.33 420.662 1278.67 426.077 1279.92 431.847C1287.14 421.343 1296.33 412.126 1303.18 401.391C1295.88 398.711 1289.41 393.777 1284.92 387.417C1283.24 385.039 1281.79 382.037 1282.81 379.308C1283.99 376.12 1288.23 374.937 1291.42 376.131C1294.6 377.325 1296.83 380.223 1298.44 383.215C1301.37 388.629 1302.7 394.194 1303.98 400.139C1305.64 397.426 1307.15 394.613 1308.44 391.65C1311.03 385.652 1312.31 379.157 1312.5 372.572C1304.56 371.961 1296.83 368.834 1290.72 363.73C1288.49 361.864 1286.31 359.337 1286.59 356.44C1286.91 353.055 1290.7 350.819 1294.09 351.153C1297.47 351.487 1300.37 353.713 1302.7 356.187C1306.98 360.725 1309.72 365.835 1312.53 371.332C1312.61 360.699 1309.87 349.899 1305.17 340.636C1298.09 339.208 1291.41 335.769 1286.17 330.795C1284.06 328.791 1282.05 326.131 1282.51 323.257C1283.05 319.899 1286.97 317.909 1290.33 318.457C1293.69 319.006 1296.44 321.412 1298.61 324.03C1302.07 328.207 1304.34 332.741 1306.49 337.579C1306.65 337.692 1306.8 337.847 1306.91 338.059C1311.09 345.854 1313.65 354.477 1314.67 363.254C1314.89 365.19 1315.04 367.143 1315.13 369.101C1317.51 362.489 1321.71 356.534 1327.17 352.113C1329.44 350.282 1332.34 348.636 1335.13 349.469C1338.39 350.442 1339.84 354.596 1338.86 357.851C1337.88 361.107 1335.13 363.52 1332.25 365.33C1326.88 368.703 1321.24 370.397 1315.18 372.117C1315.17 376.23 1314.78 380.338 1313.81 384.329C1312.34 390.373 1309.76 395.882 1306.6 401.076C1311.81 396.038 1318.46 392.488 1325.55 391.004C1328.4 390.408 1331.73 390.267 1333.83 392.281C1336.29 394.634 1335.69 398.996 1333.33 401.444C1330.97 403.891 1327.43 404.786 1324.04 405.081C1317.55 405.645 1311.61 404.503 1305.25 403.228C1299.78 411.643 1292.88 419.283 1286.79 427.124C1284.88 429.592 1283.04 432.096 1281.36 434.685C1286.73 428.935 1293.9 424.878 1301.6 423.257C1304.45 422.658 1307.78 422.512 1309.89 424.523C1312.34 426.873 1311.75 431.236 1309.39 433.686C1307.04 436.137 1303.49 437.036 1300.1 437.335C1293.47 437.921 1287.4 436.721 1280.87 435.42C1279.1 438.2 1277.51 441.088 1276.19 444.158C1273.77 449.773 1272 455.655 1270.6 461.599C1270.23 463.18 1269.88 464.767 1269.56 466.36C1273.92 460.705 1279.86 456.274 1286.54 453.754C1289.26 452.726 1292.53 452.074 1294.92 453.74C1297.71 455.687 1297.79 460.089 1295.83 462.871C1293.88 465.653 1290.51 467.083 1287.21 467.896C1281.11 469.398 1275.27 469.253 1269.05 468.99C1267.2 479.013 1266.29 489.229 1266.04 499.419C1269 492.581 1273.96 486.618 1280.18 482.507C1282.6 480.901 1285.65 479.54 1288.35 480.635C1291.5 481.915 1292.55 486.19 1291.26 489.336C1289.97 492.483 1287.01 494.623 1283.97 496.148C1278.2 499.042 1272.32 500.178 1266.01 501.332C1265.98 502.683 1265.97 504.034 1265.97 505.383C1265.97 512.788 1266.31 520.22 1267.06 527.609C1270.05 520.994 1274.91 515.233 1280.97 511.229C1283.4 509.623 1286.44 508.262 1289.14 509.357C1292.29 510.637 1293.34 514.912 1292.05 518.059C1290.76 521.205 1287.8 523.346 1284.76 524.871C1279.15 527.685 1273.43 528.838 1267.31 529.96C1268.27 538.372 1269.78 546.718 1271.95 554.889C1272.4 556.591 1269.73 557.177 1269.28 555.478C1267.08 547.227 1265.58 538.795 1264.62 530.301C1256.92 529.851 1249.36 527.041 1243.22 522.323C1240.9 520.543 1238.61 518.093 1238.76 515.175Z" fill="#FFD1F0"/>
+<path d="M368.222 652.998H269.104V578.124H66.344V485.142L66.592 484.848L269.668 243.456H368.222V489.663H418.502V578.124H368.222V652.998ZM271.214 650.887H366.111V576.013H416.391V491.774H366.111V245.566H270.65L68.455 485.912V576.013H271.214V650.887ZM271.214 491.773H160.742L271.214 361.775V491.773ZM165.305 489.663H269.103V367.519L165.305 489.663Z" fill="#D3CCFF"/>
+<path d="M204.076 395.498C203.513 393.19 201.395 391.453 199.074 390.966C196.753 390.479 194.298 391.108 192.246 392.298C190.194 393.489 188.498 395.206 186.956 397.011C184.405 399.998 182.164 403.409 181.162 407.174C178.368 402.132 175.965 396.872 173.974 391.453C173.793 390.96 173.621 390.464 173.447 389.969C177.398 388.826 181.348 387.684 185.299 386.541C187.935 385.779 190.642 384.981 192.804 383.289C194.965 381.597 196.479 378.775 195.828 376.106C195.265 373.798 193.147 372.061 190.825 371.574C188.504 371.087 186.049 371.715 183.997 372.906C181.945 374.097 180.249 375.814 178.707 377.619C176.076 380.7 173.772 384.233 172.821 388.139C170.797 382.06 169.282 375.814 168.301 369.483C172.259 368.172 176.217 366.86 180.176 365.549C182.78 364.686 185.455 363.784 187.55 362.011C189.645 360.237 191.05 357.36 190.297 354.717C189.646 352.433 187.463 350.777 185.124 350.38C182.785 349.983 180.357 350.705 178.352 351.973C176.347 353.241 174.718 355.023 173.246 356.885C170.891 359.867 168.837 363.236 167.93 366.894C167.325 362.299 166.995 357.668 166.96 353.032C166.949 351.66 166.974 350.288 167.015 348.917C171.041 347.434 175.068 345.952 179.094 344.469C181.669 343.521 184.313 342.532 186.348 340.69C188.384 338.849 189.693 335.926 188.854 333.31C188.129 331.048 185.892 329.466 183.542 329.146C181.192 328.826 178.788 329.627 176.826 330.961C174.864 332.295 173.294 334.129 171.884 336.039C169.87 338.768 168.111 341.798 167.195 345.037C167.502 340.394 168.106 335.771 169.009 331.202C171.773 328.062 174.536 324.921 177.3 321.78C179.114 319.719 180.969 317.589 181.884 314.999C182.799 312.408 182.562 309.214 180.581 307.313C178.868 305.669 176.15 305.343 173.931 306.182C171.712 307.02 169.98 308.871 168.888 310.98C167.796 313.089 167.287 315.45 166.955 317.802C166.343 322.136 166.336 326.709 167.968 330.743C167.964 330.758 167.958 330.77 167.955 330.786C166.985 335.647 166.354 340.57 166.054 345.514C165.057 342.127 163.104 339.004 160.886 336.219C159.407 334.362 157.77 332.587 155.76 331.326C153.75 330.065 151.318 329.352 148.982 329.758C146.645 330.164 144.469 331.827 143.827 334.114C143.085 336.759 144.502 339.632 146.604 341.398C148.706 343.164 151.385 344.055 153.993 344.908C157.965 346.208 161.937 347.507 165.909 348.806C165.721 354.865 166.028 360.939 166.816 366.953C165.014 363.703 162.217 361.003 159.227 358.743C157.334 357.311 155.309 355.999 153.049 355.277C150.79 354.555 148.257 354.469 146.094 355.443C143.931 356.417 142.235 358.57 142.181 360.944C142.118 363.691 144.202 366.121 146.676 367.309C149.15 368.497 151.966 368.695 154.703 368.873C158.871 369.144 163.038 369.415 167.206 369.686C167.235 369.874 167.261 370.064 167.291 370.252C168.286 376.43 169.785 382.523 171.758 388.456C169.291 385.101 165.629 382.717 161.842 380.918C159.699 379.9 157.45 379.025 155.092 378.776C152.733 378.527 150.236 378.956 148.315 380.349C146.394 381.742 145.168 384.194 145.595 386.531C146.089 389.234 148.621 391.191 151.284 391.853C153.947 392.515 156.744 392.137 159.461 391.756C163.73 391.158 168 390.56 172.269 389.961C172.298 390.043 172.328 390.125 172.357 390.208L172.283 390.305C172.316 390.296 172.348 390.286 172.381 390.277C174.397 396.018 176.864 401.599 179.77 406.951C176.548 405.052 172.749 404.117 169.003 403.658C166.603 403.364 164.148 403.241 161.787 403.759C159.426 404.277 157.148 405.494 155.736 407.456C154.325 409.418 153.925 412.181 155.087 414.3C156.431 416.752 159.508 417.83 162.296 417.613C165.084 417.397 167.669 416.133 170.174 414.892C173.733 413.13 177.293 411.367 180.852 409.605C180.968 409.572 181.084 409.538 181.199 409.505C184.555 415.313 188.433 420.81 192.797 425.903C193.258 426.441 194.186 425.824 193.719 425.279C189.428 420.272 185.613 414.877 182.302 409.186C186.05 408.102 189.798 407.018 193.546 405.934C196.181 405.172 198.889 404.374 201.05 402.682C203.213 400.989 204.727 398.168 204.076 395.498Z" fill="#FFD1F0"/>
+<path d="M87.7609 480.233C92.5689 481.363 100.102 482.435 112.687 480.043C120.404 478.548 131.111 476.539 142.855 469.262C143.362 468.947 144.259 468.401 145.384 467.612C145.442 467.579 145.508 467.539 145.559 467.497C145.667 467.438 145.775 467.363 145.891 467.297C146.276 467.04 146.679 466.754 147.126 466.488C155.523 460.551 172.244 446.716 172.737 428.372C172.782 427.317 173.038 413.974 166.497 411.344C158.286 408.137 145.288 423.818 142.179 421.304C140.612 420.022 143.417 415.813 144.886 409.894C148.312 396.626 144.433 378.069 133.219 373.45C127.931 371.212 120.785 372.072 115.765 375.993C107.536 382.273 110.732 397.06 109.48 397.189C107.661 397.299 109.951 367.991 95.3169 359.852C90.1679 357.02 82.5019 356.565 78.6839 360.001C73.0969 365.048 78.2679 376.444 74.9919 377.94C71.5189 379.526 66.3809 366.66 52.0929 361.011C48.4579 359.604 39.9269 356.248 33.0089 360.373C26.9789 363.887 23.8269 371.714 25.1329 378.314C26.3729 384.4 31.0899 387.881 32.4139 388.796C40.9079 394.882 48.2659 390.117 64.6569 395.086C70.3799 396.8 76.4549 399.484 76.1959 401.491C75.9059 402.957 72.2789 402.688 67.7729 405.625C67.6739 405.677 67.5259 405.756 67.3479 405.901C65.9849 406.814 61.1469 410.091 60.0879 415.436C60.0109 415.654 58.9879 421.478 62.3979 424.327C64.1309 425.829 66.3529 425.884 67.3209 425.944C76.9829 426.385 88.8209 429.86 88.7919 431.438C88.8099 433.247 73.2379 432.39 71.2229 438.09C69.5559 442.828 78.1629 449.402 79.2769 450.247C88.5889 457.251 100.03 457.359 99.8959 458.218C99.7519 458.943 90.8239 456.575 82.3929 460.787C78.4559 462.722 72.5339 467.081 73.0419 471.417C73.6009 476.755 83.5639 479.213 87.7609 480.233Z" fill="#FFBDE9"/>
+<path d="M92.138 446.518C92.884 444.511 95.221 443.978 97.146 444.013C99.573 444.057 101.948 444.736 104.185 445.639C108.892 447.538 113.222 450.606 118.311 451.439C120.883 451.86 123.552 451.676 125.901 450.492C120.924 444.242 116.692 437.396 112.587 430.554C111.051 427.994 109.519 425.42 107.956 422.862C100.77 419.263 92.408 422.812 84.918 420.473C82.925 419.851 81.111 418.805 79.69 417.265C79.451 417.006 79.876 416.661 80.115 416.919C82.839 419.869 86.952 420.691 90.807 420.827C94.622 420.962 98.435 420.402 102.247 420.76C104.041 420.928 105.801 421.331 107.452 422.045C103.216 415.15 98.724 408.401 93.221 402.447C86.555 395.238 78.355 389.096 68.82 386.347C67.623 386.007 66.414 385.72 65.198 385.494C64.855 385.42 64.91 384.88 65.255 384.938C74.692 386.735 83.071 391.898 89.994 398.417C91.175 399.526 92.299 400.684 93.397 401.865C93.387 401.804 93.389 401.739 93.433 401.673C96.138 397.631 94.081 392.695 92.018 388.886C90.889 386.803 89.663 384.75 88.89 382.5C88.247 380.631 87.818 378.526 88.642 376.644C88.783 376.322 89.297 376.513 89.156 376.836C88.193 379.035 89.037 381.592 89.934 383.67C90.91 385.932 92.238 388.016 93.332 390.218C95.131 393.838 96.314 398.356 93.881 401.99C93.803 402.107 93.688 402.111 93.587 402.073C99.753 408.75 104.72 416.447 109.418 424.214C112.022 428.519 114.581 432.866 117.258 437.132C121.988 433.464 125.2 427.777 126.061 421.87C126.532 418.643 126.124 415.543 125.254 412.419C124.31 409.027 123.036 405.668 122.902 402.112C122.77 398.602 123.927 394.851 126.988 392.84C127.28 392.649 127.629 393.071 127.334 393.265C124.25 395.291 123.223 399.101 123.475 402.612C123.734 406.212 125.084 409.594 125.99 413.056C126.774 416.052 127.053 419.053 126.575 422.124C126.131 424.978 125.152 427.735 123.763 430.265C122.21 433.093 120.113 435.633 117.552 437.605C120.823 442.792 124.284 447.848 128.271 452.526C131.032 455.771 134.074 458.831 137.382 461.543C137.499 452.678 145.393 446.667 148.631 438.976C149.579 436.726 150.121 434.32 149.924 431.871C149.895 431.522 150.437 431.434 150.466 431.787C151.191 440.789 143.29 447.115 139.713 454.58C138.632 456.836 137.924 459.243 137.919 461.759C137.919 461.834 137.885 461.881 137.846 461.92C140.37 463.947 143.044 465.775 145.891 467.296C145.776 467.362 145.667 467.436 145.559 467.496C145.508 467.537 145.442 467.577 145.384 467.611C140.533 464.989 136.12 461.516 132.181 457.585C130.073 455.478 128.111 453.247 126.249 450.936C122.312 452.989 117.677 452.247 113.713 450.678C109.112 448.855 104.924 445.935 100.025 444.902C97.766 444.426 93.676 443.954 92.651 446.71C92.528 447.041 92.015 446.848 92.138 446.518Z" fill="white"/>
+<path d="M667.362 675.426C545.454 675.426 446.275 576.247 446.275 454.339C446.275 332.431 545.454 233.25 667.362 233.25C726.421 233.25 781.943 256.246 823.698 298.002C865.453 339.757 888.449 395.279 888.449 454.338C888.449 576.246 789.27 675.426 667.362 675.426ZM667.362 235.361C546.618 235.361 448.385 333.594 448.385 454.338C448.385 575.082 546.618 673.315 667.362 673.315C788.106 673.315 886.338 575.082 886.338 454.338C886.339 333.594 788.107 235.361 667.362 235.361ZM667.362 603.765C584.968 603.765 517.935 536.733 517.935 454.338C517.935 371.943 584.968 304.911 667.362 304.911C749.756 304.911 816.789 371.944 816.789 454.338C816.789 536.732 749.757 603.765 667.362 603.765ZM667.362 307.022C586.131 307.022 520.046 373.108 520.046 454.339C520.046 535.569 586.132 601.655 667.362 601.655C748.592 601.655 814.678 535.569 814.678 454.339C814.678 373.108 748.593 307.022 667.362 307.022Z" fill="#D3CCFF"/>
+<path d="M887.21 364.318C889.406 363.244 890.686 360.732 890.664 358.292C890.642 355.852 889.47 353.523 887.821 351.722C886.172 349.922 884.073 348.595 881.919 347.443C878.355 345.537 874.433 344.035 870.428 343.858C874.88 339.94 879.639 336.366 884.646 333.172C885.101 332.881 885.562 332.599 886.021 332.315C888.039 336.034 890.058 339.753 892.076 343.472C893.423 345.953 894.821 348.499 896.997 350.299C899.174 352.099 902.343 352.999 904.883 351.757C907.078 350.683 908.359 348.171 908.337 345.731C908.315 343.291 907.143 340.962 905.495 339.162C903.846 337.362 901.747 336.035 899.593 334.883C895.917 332.917 891.859 331.379 887.723 331.284C893.387 327.911 899.332 325.013 905.478 322.633C907.668 326.323 909.857 330.012 912.047 333.702C913.488 336.13 914.983 338.62 917.227 340.335C919.471 342.05 922.673 342.828 925.163 341.49C927.316 340.333 928.499 337.774 928.383 335.336C928.268 332.898 927.007 330.616 925.29 328.88C923.574 327.144 921.425 325.899 919.228 324.83C915.712 323.119 911.874 321.797 907.998 321.691C912.483 320.071 917.065 318.72 921.717 317.663C923.094 317.35 924.478 317.073 925.866 316.812C928.243 320.532 930.62 324.253 932.997 327.973C934.517 330.352 936.093 332.792 938.393 334.432C940.692 336.073 943.918 336.745 946.363 335.326C948.476 334.099 949.574 331.502 949.379 329.07C949.184 326.637 947.848 324.397 946.076 322.719C944.303 321.041 942.114 319.866 939.884 318.87C936.697 317.447 933.265 316.345 929.808 316.139C934.543 315.425 939.322 315.014 944.113 314.915C947.878 317.001 951.644 319.087 955.409 321.173C957.88 322.542 960.429 323.937 963.234 324.287C966.039 324.636 969.198 323.694 970.673 321.285C971.948 319.202 971.677 316.397 970.345 314.352C969.014 312.306 966.772 310.973 964.412 310.339C962.052 309.706 959.567 309.714 957.13 309.898C952.639 310.238 948.041 311.237 944.346 313.767C944.33 313.766 944.317 313.763 944.3 313.763C939.201 313.859 934.113 314.309 929.078 315.096C932.262 313.349 934.972 310.697 937.282 307.855C938.823 305.959 940.247 303.923 941.071 301.625C941.896 299.327 942.077 296.726 941.154 294.467C940.231 292.208 938.08 290.386 935.641 290.245C932.819 290.082 930.244 292.138 928.932 294.64C927.62 297.142 927.314 300.03 927.031 302.84C926.6 307.119 926.169 311.397 925.738 315.675C919.606 316.82 913.569 318.466 907.698 320.582C910.568 318.055 912.665 314.649 914.279 311.146C915.301 308.928 916.174 306.603 916.402 304.173C916.63 301.743 916.159 299.178 914.703 297.22C913.247 295.261 910.71 294.03 908.312 294.498C905.537 295.04 903.553 297.67 902.904 300.418C902.255 303.167 902.676 306.04 903.1 308.831C903.746 313.08 904.391 317.328 905.036 321.577C904.853 321.648 904.669 321.715 904.486 321.787C898.495 324.147 892.702 326.996 887.172 330.285C890.001 327.067 891.591 322.861 892.564 318.659C893.115 316.281 893.5 313.828 893.23 311.403C892.96 308.977 891.979 306.562 890.156 304.938C888.333 303.314 885.599 302.622 883.344 303.566C880.736 304.657 879.326 307.633 879.247 310.456C879.168 313.278 880.163 316.006 881.145 318.653C882.687 322.812 884.228 326.972 885.769 331.131C885.692 331.178 885.616 331.226 885.54 331.273L885.426 331.22C885.443 331.251 885.46 331.282 885.476 331.312C880.149 334.603 875.083 338.312 870.344 342.41C871.543 338.753 871.646 334.729 871.283 330.863C871.05 328.386 870.633 325.891 869.593 323.632C868.553 321.373 866.828 319.351 864.544 318.364C862.261 317.378 859.396 317.584 857.522 319.219C855.353 321.11 854.948 324.44 855.78 327.195C856.612 329.95 858.451 332.269 860.25 334.515C862.805 337.704 865.36 340.894 867.915 344.083C867.974 344.192 868.033 344.301 868.092 344.41C862.994 349.061 858.322 354.17 854.165 359.679C853.726 360.261 854.55 361.058 854.995 360.468C859.083 355.053 863.665 350.03 868.656 345.449C870.571 348.977 872.485 352.506 874.4 356.034C875.747 358.515 877.145 361.061 879.321 362.861C881.501 364.66 884.67 365.56 887.21 364.318Z" fill="#FFD1F0"/>
+<path d="M772.806 223.545C775.906 236.636 797.641 254.764 794.93 268.094C779.157 268.712 782.121 245.966 774.41 236.014C766.179 227.486 755.715 260.054 762.986 276.008C768.388 289.276 786.577 286.895 810.483 304.027C831.126 318.379 830.566 326.575 843.801 329.582C868.02 335.08 894.271 313.219 893.103 310.266C892.631 309.073 887.948 311.506 876.733 311.104C875.679 311.929 832.363 305.007 848.359 296.029C867.591 291.022 877.705 313.592 900.278 303.102C917.2 295.23 920.854 268.688 919.044 267.822C913.824 280.76 878.042 283.903 865.084 275.942C857.707 270.526 864.98 268.255 873.27 268.344C900.58 265.025 915.202 265.169 928.677 247.55C945.194 225.953 925.6 203.92 925.111 173.309C925.111 173.309 889.741 160.698 867.344 172.261C845.788 183.39 861.071 205.903 854.076 220.783C851.678 227.521 842.509 227.913 838.852 222.939C830.982 215.556 832.318 201.379 833.395 191.167C835.187 174.249 839.673 168.809 836.843 166.434C829.561 159.898 803.283 182.701 806.246 197.684C802.147 215.435 829.473 239.993 818.944 256.901C804.604 255.212 794.066 217.115 795.335 201.625C796.932 193.549 801.414 188.583 800.273 187.624C791.782 190.279 770.811 211.6 772.806 223.545Z" fill="#FFBDE9"/>
+<path d="M770.993 254.16C770.884 258.359 771.825 262.537 773.675 266.302C775.468 269.959 778.123 273.036 781.285 275.574C784.757 278.349 788.65 280.505 792.467 282.758C796.596 285.207 800.606 287.871 804.419 290.793C806.137 292.116 807.902 293.434 809.463 294.94C810.765 296.194 811.953 297.753 811.856 299.655C811.855 299.676 811.871 299.685 811.87 299.707C811.66 299.968 811.466 300.239 811.247 300.496C810.528 301.36 809.784 302.211 809.004 303.031C809.144 303.109 809.268 303.199 809.398 303.294C810.792 301.799 812.114 300.221 813.332 298.575C813.345 298.571 813.358 298.568 813.363 298.559C814.055 298.014 814.877 297.607 815.703 297.288C816.477 296.984 817.379 296.686 818.218 296.828C819.469 297.048 820.647 297.747 821.727 298.391C822.802 299.044 823.872 299.725 824.919 300.427C832.293 305.362 839.033 311.319 847.016 315.295C853.579 318.558 861.071 320.521 868.377 318.953C868.671 318.89 868.548 318.432 868.24 318.499C863.984 319.407 859.582 319.098 855.384 317.995C847.169 315.835 840.168 310.891 833.405 305.927C829.661 303.174 825.94 300.379 821.956 297.978C820.489 297.097 818.771 296.065 817.001 296.41C816.011 296.595 815 296.994 814.093 297.517C817.397 292.804 819.931 287.608 822.463 282.454C822.583 282.218 822.7 281.969 822.82 281.734C822.82 281.734 822.82 281.734 822.833 281.731C826.312 279.363 830.449 278.206 834.627 277.925C843.145 277.345 851.077 280.537 858.704 283.949C860.79 284.883 862.88 285.829 864.984 286.73C866.955 287.578 868.961 288.424 871.046 288.989C874.595 289.937 878.645 289.963 881.722 287.697C881.963 287.518 881.727 287.105 881.482 287.293C877.613 290.147 872.576 289.193 868.391 287.62C860.079 284.487 852.298 279.78 843.489 278.046C836.726 276.715 829.16 277.198 823.214 280.927C825.597 276.101 828.072 271.284 831.287 266.943C833.05 264.572 835.04 262.414 837.175 260.402C837.192 260.39 837.213 260.391 837.236 260.371C837.25 260.346 837.272 260.326 837.29 260.293C839.231 258.476 841.281 256.773 843.387 255.145C846.894 252.436 850.525 249.895 854.064 247.226C858.57 246.025 863.317 245.985 867.945 246.257C876.251 246.738 884.631 248.698 892.945 247.28C900.343 246.012 908.031 241.23 909.561 233.389C909.621 233.088 909.165 232.974 909.105 233.276C908.257 237.637 905.288 241.185 901.598 243.543C894.457 248.101 885.644 247.597 877.572 246.716C870.143 245.902 862.371 244.831 854.988 246.519C855.439 246.175 855.898 245.836 856.353 245.483C860.818 241.967 864.873 238.04 868.468 233.639C875.832 224.621 881.3 214.269 886.685 204.009C886.832 203.745 886.419 203.515 886.272 203.779C885.616 205.036 884.96 206.292 884.295 207.545C879.068 217.405 873.532 227.277 866.111 235.678C867.171 232.84 866.949 229.625 866.771 226.661C866.546 222.947 866.445 218.62 869.301 215.798C869.518 215.583 869.181 215.256 868.965 215.47C866.286 218.109 866.057 222.134 866.24 225.673C866.428 229.357 866.967 233.441 865.081 236.791C865.072 236.807 865.088 236.817 865.079 236.833C865.079 236.833 865.079 236.833 865.074 236.842C861.258 240.979 856.941 244.523 852.428 247.872C848.104 251.077 843.676 254.138 839.564 257.623C839.173 257.956 838.785 258.303 838.402 258.641C840.506 254.86 840.52 250.132 839.516 245.973C838.354 241.164 835.653 236.904 833.066 232.751C830.495 228.628 828.172 224.427 826.466 219.878C823.19 211.114 821.938 201.628 822.849 192.317C822.887 192.014 822.405 192.027 822.379 192.326C821.88 197.401 822.022 202.528 822.785 207.569C823.469 212.091 824.651 216.533 826.312 220.797C828.038 225.195 830.333 229.251 832.821 233.251C835.42 237.422 838.094 241.71 839.173 246.57C840.168 251.059 839.93 256.266 836.94 259.988C833.824 262.946 831.057 266.207 828.719 269.846C825.525 274.848 823.045 280.258 820.409 285.559C820.177 286.014 819.95 286.461 819.724 286.907C819.732 283.646 818.772 280.399 817.319 277.492C815.761 274.366 813.535 271.624 811.337 268.93C809.049 266.144 806.805 263.338 804.814 260.328C800.948 254.49 797.866 248.159 795.655 241.522C795.558 241.23 795.095 241.362 795.197 241.646C796.415 245.286 797.881 248.848 799.6 252.27C801.144 255.345 802.882 258.323 804.803 261.166C806.781 264.082 808.987 266.802 811.214 269.522C813.436 272.251 815.664 275.047 817.168 278.252C818.564 281.223 819.437 284.531 819.232 287.833C819.235 287.846 819.249 287.842 819.244 287.851C817.213 291.792 815.001 295.631 812.313 299.141C812.21 297.462 811.208 296.018 810.033 294.845C808.325 293.116 806.309 291.648 804.382 290.176C800.642 287.338 796.739 284.734 792.696 282.344C788.797 280.044 784.795 277.85 781.285 274.968C778.094 272.349 775.485 269.167 773.769 265.412C772.161 261.89 771.363 258.019 771.462 254.149C771.468 253.85 770.998 253.859 770.993 254.16Z" fill="white"/>
+<path d="M690.298 244.05C568.784 244.05 470.266 342.552 470.266 464.082C470.266 585.595 568.784 684.114 690.298 684.114C811.828 684.114 910.33 585.595 910.33 464.082C910.33 342.551 811.829 244.05 690.298 244.05ZM690.298 612.453C608.354 612.453 541.926 546.026 541.926 464.082C541.926 382.137 608.353 315.71 690.298 315.71C772.242 315.71 838.669 382.137 838.669 464.082C838.67 546.026 772.242 612.453 690.298 612.453Z" fill="#9585FF"/>
+<path d="M683.077 315.887C680.685 315.773 678.278 315.709 675.856 315.709C593.912 315.709 527.485 382.136 527.485 464.081C527.485 546.025 593.912 612.452 675.856 612.452C678.278 612.452 680.685 612.39 683.077 612.275C604.488 608.509 541.927 543.603 541.927 464.08C541.927 384.558 604.488 319.654 683.077 315.887Z" fill="#766FFE"/>
+<path d="M690.298 244.05C687.881 244.05 685.477 244.102 683.077 244.18C801.264 247.991 895.889 344.969 895.889 464.081C895.889 583.178 801.264 680.171 683.077 683.982C685.477 684.059 687.881 684.113 690.298 684.113C811.828 684.113 910.329 585.594 910.329 464.081C910.33 342.551 811.828 244.05 690.298 244.05Z" fill="#766FFE"/>
+<path d="M923.975 458.846C923.975 458.846 920.667 462.636 915.384 468.47C915.315 468.539 915.269 468.585 915.2 468.654C913.822 470.17 912.283 471.823 910.653 473.569C909.964 474.304 909.275 475.039 908.563 475.797C900.248 484.617 889.476 495.55 878.52 505.312C864.118 518.198 849.395 529.085 839.61 530.441C839.45 530.463 839.312 530.487 839.152 530.487C838.646 530.556 838.163 530.579 837.681 530.579C837.474 530.579 837.291 530.556 837.084 530.556C817.423 529.637 783.933 510.596 772.748 503.889C770.359 502.488 768.981 501.615 768.981 501.615L772.335 426.666L840.691 479.472L893.681 455.01L896.483 453.724L903.557 450.463L904.384 450.072L915.134 445.133C915.134 445.133 921.703 435.992 933.027 432.155C944.419 428.274 951.861 421.635 954.48 424.852C957.145 428.045 939.826 437.462 944.006 438.334C954.526 440.425 977.426 433.258 986.154 434.43C997.889 435.993 959.072 462.844 923.975 458.846Z" fill="#F9CBCB"/>
+<path d="M917.521 471.733C916.12 473.249 914.558 474.925 912.859 476.672L910.722 478.831C904.544 485.101 896.941 492.313 888.879 499.319C871.307 514.617 851.531 528.949 839.61 530.443C839.45 530.465 839.312 530.489 839.152 530.489C838.646 530.558 838.163 530.581 837.681 530.581C837.474 530.581 837.291 530.558 837.084 530.558C817.423 529.639 783.933 510.598 772.748 503.891C770.359 502.49 768.981 501.617 768.981 501.617L767.764 419.042C774.562 421.661 814.23 457.171 840.69 479.474L891.36 451.75L894.048 450.303L900.962 446.513L903.557 450.464L915.386 468.471L917.521 471.733Z" fill="#635BFF"/>
+<path d="M912.867 476.678L910.716 478.829L891.365 451.749L894.038 450.296L912.867 476.678Z" fill="white"/>
+<path d="M888.879 499.318C871.307 514.616 851.531 528.948 839.61 530.442C839.45 530.464 839.312 530.488 839.152 530.488C838.646 530.557 838.163 530.58 837.681 530.58C837.474 530.58 837.291 530.557 837.084 530.557C817.423 529.638 783.933 510.597 772.748 503.89C772.61 503.568 772.541 503.407 772.541 503.407L771.967 478.67C771.967 478.67 816.642 522.472 840.714 518.981C854.564 516.983 868.874 510.505 878.521 505.314C883.319 502.764 886.972 500.536 888.879 499.318Z" fill="#564EF4"/>
+<path d="M447.613 441.357C447.613 441.357 450.546 445.444 455.25 451.754C455.312 451.829 455.354 451.879 455.416 451.954C456.644 453.595 458.019 455.387 459.475 457.28C460.092 458.077 460.708 458.874 461.344 459.697C468.783 469.266 478.468 481.174 488.447 491.933C501.559 506.129 515.182 518.366 524.793 520.645C524.951 520.683 525.086 520.719 525.246 520.734C525.743 520.851 526.22 520.92 526.701 520.964C526.907 520.984 527.092 520.979 527.297 520.998C546.957 521.952 582.104 506.179 593.876 500.566C596.388 499.398 597.842 498.659 597.842 498.659L601.625 423.732L528.561 469.804L478.136 440.417L475.469 438.87L468.737 434.951L467.95 434.484L457.72 428.546C457.72 428.546 452.048 418.822 441.141 413.927C430.168 408.98 423.391 401.665 420.478 404.618C417.523 407.542 433.868 418.563 429.624 419.035C418.954 420.116 396.837 410.806 388.037 411.142C376.205 411.583 412.295 442.001 447.613 441.357Z" fill="#F9CBCB"/>
+<path d="M452.814 454.798C454.064 456.44 455.46 458.258 456.986 460.157L458.907 462.509C464.462 469.338 471.345 477.24 478.705 484.98C494.743 501.878 513.068 518.025 524.793 520.644C524.951 520.682 525.086 520.718 525.246 520.733C525.743 520.85 526.22 520.919 526.701 520.963C526.907 520.983 527.092 520.978 527.297 520.997C546.957 521.951 582.104 506.178 593.876 500.565C596.388 499.397 597.842 498.658 597.842 498.658L607.305 416.498C600.289 418.458 557.021 450.115 528.561 469.803L480.755 437.39L478.217 435.694L471.695 431.265L468.736 434.951L455.249 451.753L452.814 454.798Z" fill="#635BFF"/>
+<path d="M456.977 460.164L458.913 462.509L480.75 437.391L478.227 435.691L456.977 460.164Z" fill="white"/>
+<path d="M478.705 484.981C494.743 501.879 513.068 518.026 524.793 520.645C524.951 520.683 525.086 520.719 525.246 520.734C525.743 520.851 526.22 520.92 526.701 520.964C526.907 520.984 527.092 520.979 527.297 520.998C546.957 521.952 582.104 506.179 593.876 500.566C594.044 500.259 594.127 500.105 594.127 500.105L597.049 475.534C597.049 475.534 548.414 514.892 524.784 509.13C511.186 505.825 497.557 498.017 488.446 491.932C483.911 488.939 480.487 486.375 478.705 484.981Z" fill="#564EF4"/>
+<path d="M768.656 479.357V479.677C768.656 479.688 768.656 479.688 768.656 479.699V479.81C768.656 479.821 768.656 479.821 768.656 479.832C768.557 517.039 764.921 563.307 762.081 593.895C745.914 602.88 727.891 608.935 708.718 611.311C702.684 612.063 696.541 612.449 690.308 612.449C686.032 612.449 681.788 612.272 677.6 611.908C654.383 609.93 632.691 602.592 613.783 591.122C608.502 562.147 601.739 520.697 599.229 486.651V486.584C599.064 484.341 598.92 482.142 598.788 479.987V479.81C597.727 461.389 598.124 445.741 600.987 436.282C600.987 436.271 600.987 436.271 600.987 436.249C600.987 436.238 600.987 436.238 600.998 436.227C602.213 432.26 603.837 429.409 605.992 427.883C606.114 427.795 606.236 427.707 606.367 427.629C623.263 417.186 647.719 408.026 661.278 403.351C661.664 403.218 662.041 403.085 662.394 402.964C662.748 402.843 663.102 402.732 663.444 402.599C665.157 402.013 666.637 401.527 667.831 401.141C667.953 401.097 668.075 401.052 668.196 401.019C668.44 400.931 668.683 400.853 668.904 400.787C668.97 400.765 669.025 400.743 669.08 400.721C669.103 400.709 669.114 400.709 669.136 400.709C669.765 400.51 670.252 400.344 670.606 400.245C670.661 400.223 670.716 400.211 670.771 400.189C670.826 400.167 670.87 400.156 670.904 400.145C670.927 400.134 670.948 400.134 670.97 400.124C671.059 400.102 671.125 400.08 671.17 400.068C671.181 400.057 671.204 400.057 671.204 400.057C671.215 400.046 671.226 400.046 671.226 400.046H711.792C711.792 400.046 712.323 400.223 713.295 400.554C713.306 400.554 713.327 400.554 713.339 400.565C713.647 400.664 713.991 400.786 714.377 400.918C714.51 400.962 714.642 401.006 714.786 401.062C714.974 401.128 715.172 401.184 715.372 401.261C715.427 401.283 715.482 401.294 715.549 401.316C715.98 401.46 716.454 401.626 716.952 401.802C717.195 401.891 717.439 401.979 717.692 402.068C717.814 402.112 717.947 402.156 718.09 402.201C718.487 402.344 718.908 402.488 719.349 402.643C729.24 406.223 746.777 412.953 759.142 420.092C764.899 423.418 767.575 439.607 768.381 461.576C768.392 461.62 768.392 461.675 768.392 461.709C768.392 461.72 768.392 461.72 768.392 461.731C768.392 461.742 768.392 461.742 768.392 461.753V462.052C768.392 462.107 768.392 462.162 768.404 462.218C768.578 467.622 768.667 473.368 768.656 479.357Z" fill="white"/>
+<path d="M719.343 402.641C714.956 408.658 706.605 423.101 691.734 422.808C673.939 422.458 666.468 409.555 661.277 403.353C667.341 401.241 671.222 400.046 671.222 400.046H711.785C711.785 400.046 714.727 401.01 719.343 402.641Z" fill="#333382"/>
+<path d="M772.656 587.41C769.231 589.719 765.705 591.874 762.08 593.896C745.913 602.881 727.89 608.936 708.717 611.312C708.485 539.472 709.645 472.275 712.74 411.585V411.563C712.928 407.872 713.137 404.192 713.337 400.568V400.49H713.348C714.851 400.866 717.359 401.474 720.608 402.325C732.808 405.519 755.008 411.895 767.76 419.033C767.771 419.044 767.782 419.044 767.792 419.055C767.792 419.066 767.804 419.066 767.804 419.066C768.986 419.751 769.981 421.939 770.622 425.42C771.196 428.128 771.605 431.664 771.915 435.918V436.106C771.915 436.117 771.915 436.117 771.915 436.128V436.161C772.666 446.67 772.7 461.444 772.545 479.224V479.235C772.522 484.771 772.444 490.617 772.39 496.695V496.905C772.39 496.916 772.39 496.916 772.39 496.939V497.082C772.356 499.226 772.335 501.403 772.313 503.624V503.635C772.06 528.654 771.838 557.407 772.656 587.41Z" fill="#635BFF"/>
+<path d="M677.599 611.908C654.382 609.93 632.69 602.592 613.782 591.122C609.351 588.448 605.074 585.542 600.964 582.414C601.063 552.82 597.704 524.686 595.107 499.988C594.953 498.519 594.797 497.071 594.665 495.634C594.665 495.623 594.665 495.623 594.665 495.612V495.579C594.047 489.7 593.494 484.053 593.085 478.616C591.66 460.825 591.505 445.564 594.72 433.773C595.405 431.121 596.278 428.689 597.362 426.424V426.402C598.014 425.009 598.754 423.716 599.561 422.457C600.886 420.368 603.594 418.401 607.196 416.533C607.219 416.522 607.24 416.511 607.263 416.5C607.274 416.489 607.285 416.489 607.296 416.489H607.318C620.701 409.605 646.338 404.367 660.571 401.781C666.516 400.786 670.46 400.123 670.903 400.123C670.903 400.123 670.903 400.123 670.903 400.134C670.903 400.134 670.903 400.134 670.903 400.145C670.914 400.334 670.958 401.273 671.224 402.654C671.644 406.941 672.063 411.328 672.451 415.804V415.837C677.047 469.279 678.296 536.555 677.599 611.908Z" fill="#635BFF"/>
+<path d="M713.344 400.495C712.308 401.837 711.247 402.487 710.209 403.708C697.152 418.413 683.973 419.267 670.792 399.864L675.856 369.114L677.748 357.582L705.753 357.397L713.344 400.495Z" fill="#F9CBCB"/>
+<path d="M713.344 400.495C712.308 401.837 711.247 402.487 710.209 403.708C709.049 399.132 704.656 383.817 698.554 376.006C693.614 369.722 682.446 368.868 675.857 369.113L677.749 357.581L705.754 357.396L713.344 400.495Z" fill="#EBB0B0"/>
+<path d="M745.949 306.705C743.986 309.244 742.024 311.553 739.946 313.631L742.024 307.744L742.832 305.551C742.832 305.551 743.295 305.32 744.101 305.205C744.447 305.089 744.794 304.974 745.255 304.858C745.371 304.858 745.602 304.973 745.717 305.089C746.181 305.436 746.297 306.128 745.949 306.705Z" fill="#EBB0B0"/>
+<path d="M736.83 332.447H736.714C735.905 332.563 734.982 332.677 733.943 332.677H733.251L739.946 313.631C742.024 311.553 743.986 309.244 745.949 306.705C746.296 306.128 746.181 305.435 745.718 305.089C745.602 304.973 745.372 304.858 745.256 304.858C748.488 304.166 754.145 303.704 757.724 307.513C761.877 311.9 760.378 330.138 736.83 332.447Z" fill="#EBB0B0"/>
+<path d="M741.563 303.818C741.563 317.057 737.269 329.762 730.226 339.866C729.973 340.252 729.706 340.623 729.438 340.995V341.099C720.092 353.922 706.362 362.348 691.696 362.348C673.806 362.348 657.06 346.879 651.072 324.947C649.453 319.286 648.531 313.164 648.531 306.819C648.531 275.764 663.064 247.725 690.998 247.725C696.615 247.725 702.023 248.735 707.076 250.622C727.12 258.082 741.563 279.107 741.563 303.818Z" fill="#F9CBCB"/>
+<path d="M731.295 336.508C742.172 304.784 724.381 282.7 717.658 277.434C709.032 270.678 678.367 277.576 678.367 277.576L707.075 250.622C727.12 258.082 741.563 279.107 741.563 303.818C741.563 317.057 737.269 329.762 730.226 339.866C730.537 338.826 730.88 337.712 731.295 336.508Z" fill="#EBB0B0"/>
+<path d="M660.433 303.136C660.433 299.309 663.535 296.206 667.362 296.206C671.19 296.206 674.292 299.31 674.292 303.136C674.292 306.964 671.189 310.066 667.362 310.066C663.535 310.066 660.433 306.964 660.433 303.136Z" fill="#FDEAEA"/>
+<path d="M705.815 303.136C705.815 299.309 708.917 296.206 712.745 296.206C716.571 296.206 719.675 299.31 719.675 303.136C719.675 306.964 716.571 310.066 712.745 310.066C708.917 310.066 705.815 306.964 705.815 303.136Z" fill="#FDEAEA"/>
+<path d="M662.067 303.136C662.067 300.212 664.438 297.842 667.362 297.842C670.287 297.842 672.657 300.213 672.657 303.136C672.657 306.061 670.287 308.431 667.362 308.431C664.438 308.431 662.067 306.061 662.067 303.136Z" fill="#0B2D50"/>
+<path d="M707.45 303.035C707.45 300.11 709.821 297.74 712.746 297.74C715.67 297.74 718.041 300.111 718.041 303.035C718.041 305.959 715.67 308.329 712.746 308.329C709.821 308.329 707.45 305.958 707.45 303.035Z" fill="#0B2D50"/>
+<path d="M668.135 301.352C667.587 300.804 667.587 299.914 668.135 299.366C668.683 298.818 669.572 298.818 670.121 299.366C670.669 299.914 670.669 300.804 670.121 301.352C669.572 301.9 668.682 301.9 668.135 301.352Z" fill="white"/>
+<path d="M713.299 301.352C712.751 300.804 712.751 299.914 713.299 299.366C713.849 298.818 714.737 298.818 715.285 299.366C715.833 299.914 715.833 300.804 715.285 301.352C714.737 301.9 713.849 301.9 713.299 301.352Z" fill="white"/>
+<path d="M680.1 290.385C679.773 289.616 678.711 289.072 677.915 289.502C674.267 291.472 669.704 290.966 666.823 287.883C666.209 287.226 665.244 286.997 664.485 287.584C663.824 288.095 663.568 289.261 664.186 289.921C668.029 294.034 674.189 295.286 679.218 292.57C680.008 292.144 680.475 291.268 680.1 290.385Z" fill="#0B2D50"/>
+<path d="M719.325 288.804C718.805 288.15 717.636 287.909 716.983 288.536C713.992 291.407 709.459 292.136 705.861 289.932C705.094 289.462 704.103 289.499 703.528 290.267C703.027 290.936 703.092 292.128 703.863 292.6C708.663 295.54 714.934 295.104 719.057 291.146C719.705 290.523 719.922 289.555 719.325 288.804Z" fill="#0B2D50"/>
+<path d="M655.271 315.965C655.271 314.052 658.314 312.502 662.067 312.502C665.821 312.502 668.863 314.052 668.863 315.965C668.863 317.877 665.82 319.428 662.067 319.428C658.314 319.428 655.271 317.877 655.271 315.965Z" fill="#FFB3B3"/>
+<path d="M712.879 315.965C712.879 314.052 715.922 312.502 719.675 312.502C723.429 312.502 726.471 314.052 726.471 315.965C726.471 317.877 723.428 319.428 719.675 319.428C715.922 319.428 712.879 317.877 712.879 315.965Z" fill="#FFB3B3"/>
+<path d="M708.01 334.861C707.957 333.482 707.498 332.058 706.671 330.946C706.24 330.367 705.754 329.841 705.168 329.418C704.449 328.898 703.741 328.537 702.894 328.26C702.512 328.135 701.965 328.271 701.638 328.479C701.293 328.698 700.977 329.113 700.904 329.522C700.829 329.947 700.869 330.414 701.123 330.778C701.353 331.109 701.64 331.304 701.998 331.446C702.197 331.522 702.388 331.61 702.576 331.707C698.94 335.157 693.962 336.866 688.948 336.48C688.05 336.411 687.325 337.408 687.365 338.227C687.413 339.219 688.21 339.741 689.111 339.81C694.747 340.244 700.438 338.176 704.606 334.394C704.611 334.415 704.616 334.435 704.621 334.456C704.646 334.645 704.672 334.834 704.679 335.025C704.712 335.896 705.536 336.691 706.425 336.608C707.333 336.523 708.045 335.795 708.01 334.861Z" fill="#F5A7A7"/>
+<path d="M643.92 222.628C635.407 231.3 632.018 270.683 654.691 278.699C673.816 285.461 699.458 264.392 718.293 272.366C730.846 277.682 740.737 298.827 736.597 324.941C736.597 324.941 763.131 300.317 758.371 268.679C755.095 246.905 742.362 236.79 723.231 238.555C696.905 223.014 683.567 244.328 664.721 243.92C649.057 243.583 646.326 233.419 643.92 222.628Z" fill="#333382"/>
+<path d="M687.322 314.627C687.322 314.623 687.338 314.445 687.339 314.376C687.352 314.321 687.367 314.258 687.371 314.244C687.402 314.131 687.44 314.02 687.482 313.91C687.495 313.883 687.514 313.842 687.532 313.807C687.583 313.71 687.633 313.612 687.686 313.515C687.806 313.295 687.936 313.081 688.064 312.866C688.324 312.429 688.584 311.992 688.844 311.554C689.395 310.628 689.946 309.702 690.496 308.776C690.942 308.026 690.69 306.914 689.898 306.496C689.094 306.071 688.094 306.293 687.618 307.094C686.975 308.174 686.333 309.255 685.69 310.335C685.062 311.39 684.278 312.493 684.078 313.73C683.86 315.079 684.169 316.446 685.235 317.37C686.079 318.101 687.144 318.446 688.218 318.677C689.068 318.86 690.06 318.425 690.268 317.513C690.459 316.674 690.015 315.659 689.104 315.463C688.753 315.388 688.403 315.306 688.061 315.195C687.982 315.169 687.904 315.139 687.825 315.112C687.821 315.11 687.821 315.11 687.817 315.108C687.745 315.069 687.671 315.033 687.601 314.992C687.591 314.986 687.511 314.93 687.457 314.893C687.439 314.877 687.423 314.862 687.415 314.855C687.394 314.835 687.376 314.814 687.357 314.793C687.343 314.767 687.331 314.741 687.319 314.717C687.318 314.713 687.317 314.711 687.316 314.706C687.319 314.685 687.322 314.663 687.322 314.627Z" fill="#FFB3B3"/>
+<path d="M289.877 597.612H87.118V506.07L289.877 265.054H386.885V511.261H437.165V597.611H386.885V672.485H289.877V597.612ZM289.877 511.262V385.191L182.742 511.262H289.877Z" fill="#9585FF"/>
+<path d="M437.165 511.262H416.299V597.612H437.165V511.262Z" fill="#766FFE"/>
+<path d="M386.885 265.055H366.019V511.262H386.885V265.055Z" fill="#766FFE"/>
+<path d="M182.742 511.262L289.877 388.158V363.604L161.876 511.262H182.742Z" fill="#766FFE"/>
+<path d="M386.885 597.612H366.019V672.486H386.885V597.612Z" fill="#766FFE"/>
+<path d="M1153.86 597.612H951.096V506.07L1153.86 265.054H1250.86V511.261H1301.14V597.611H1250.86V672.485H1153.86V597.612ZM1153.86 511.262V385.191L1046.72 511.262H1153.86Z" fill="#9585FF"/>
+<path d="M1301.14 511.262H1280.28V597.612H1301.14V511.262Z" fill="#766FFE"/>
+<path d="M1250.86 265.055H1230V511.262H1250.86V265.055Z" fill="#766FFE"/>
+<path d="M1046.72 511.262L1153.86 388.158V363.604L1025.85 511.262H1046.72Z" fill="#766FFE"/>
+<path d="M1250.86 597.612H1230V672.486H1250.86V597.612Z" fill="#766FFE"/>
+<path d="M442.532 724.364H519.693V744.258H471.388V759.067H516.197V778.071H471.388V796.439H521.091V817.541H442.532V724.364Z" fill="#9585FF"/>
+<path d="M536.98 817.542V724.365H584.967C593.866 724.365 600.666 725.128 605.37 726.653C610.074 728.178 613.865 731.007 616.747 735.138C619.628 739.269 621.069 744.302 621.069 750.233C621.069 755.403 619.967 759.862 617.761 763.612C615.556 767.362 612.525 770.403 608.667 772.733C606.208 774.217 602.837 775.445 598.555 776.42C601.984 777.566 604.483 778.711 606.05 779.855C607.108 780.619 608.643 782.251 610.655 784.754C612.666 787.257 614.011 789.186 614.688 790.543L628.631 817.543H596.098L580.708 789.068C578.759 785.381 577.022 782.988 575.497 781.886C573.42 780.446 571.068 779.725 568.442 779.725H565.9V817.543H536.98V817.542ZM565.9 762.118H578.04C579.353 762.118 581.895 761.695 585.667 760.847C587.574 760.466 589.131 759.491 590.339 757.923C591.547 756.356 592.15 754.554 592.15 752.521C592.15 749.512 591.197 747.204 589.29 745.593C587.383 743.983 583.802 743.177 578.549 743.177H565.9V762.118Z" fill="#9585FF"/>
+<path d="M638.23 817.542V724.365H686.217C695.116 724.365 701.916 725.128 706.62 726.653C711.324 728.178 715.115 731.007 717.997 735.138C720.878 739.269 722.319 744.302 722.319 750.233C722.319 755.403 721.217 759.862 719.011 763.612C716.806 767.362 713.775 770.403 709.917 772.733C707.458 774.217 704.087 775.445 699.805 776.42C703.234 777.566 705.733 778.711 707.3 779.855C708.358 780.619 709.893 782.251 711.905 784.754C713.916 787.257 715.261 789.186 715.938 790.543L729.881 817.543H697.348L681.958 789.068C680.009 785.381 678.272 782.988 676.747 781.886C674.67 780.446 672.318 779.725 669.692 779.725H667.15V817.543H638.23V817.542ZM667.149 762.118H679.289C680.602 762.118 683.144 761.695 686.916 760.847C688.823 760.466 690.38 759.491 691.588 757.923C692.796 756.356 693.399 754.554 693.399 752.521C693.399 749.512 692.446 747.204 690.539 745.593C688.632 743.983 685.051 743.177 679.798 743.177H667.149V762.118Z" fill="#9585FF"/>
+<path d="M733.251 771.016C733.251 755.805 737.488 743.962 745.963 735.487C754.437 727.013 766.238 722.775 781.365 722.775C796.873 722.775 808.823 726.938 817.213 735.264C825.603 743.59 829.798 755.254 829.798 770.253C829.798 781.144 827.965 790.074 824.3 797.043C820.635 804.014 815.339 809.437 808.411 813.314C801.483 817.191 792.848 819.129 782.51 819.129C772.001 819.129 763.304 817.456 756.419 814.108C749.532 810.761 743.95 805.464 739.671 798.218C735.39 790.974 733.251 781.907 733.251 771.016ZM762.043 771.144C762.043 780.551 763.791 787.31 767.287 791.419C770.783 795.53 775.539 797.584 781.556 797.584C787.742 797.584 792.53 795.572 795.92 791.546C799.309 787.521 801.004 780.296 801.004 769.872C801.004 761.101 799.234 754.693 795.697 750.646C792.158 746.6 787.36 744.576 781.301 744.576C775.496 744.576 770.835 746.631 767.318 750.741C763.801 754.851 762.043 761.652 762.043 771.144Z" fill="#9585FF"/>
+<path d="M845.687 817.542V724.365H893.674C902.573 724.365 909.373 725.128 914.077 726.653C918.781 728.178 922.572 731.007 925.454 735.138C928.335 739.269 929.776 744.302 929.776 750.233C929.776 755.403 928.674 759.862 926.468 763.612C924.263 767.362 921.232 770.403 917.374 772.733C914.915 774.217 911.544 775.445 907.262 776.42C910.691 777.566 913.19 778.711 914.757 779.855C915.815 780.619 917.35 782.251 919.362 784.754C921.373 787.257 922.718 789.186 923.395 790.543L937.338 817.543H904.805L889.415 789.068C887.466 785.381 885.729 782.988 884.204 781.886C882.127 780.446 879.775 779.725 877.149 779.725H874.606V817.543H845.687V817.542ZM874.606 762.118H886.746C888.059 762.118 890.601 761.695 894.373 760.847C896.28 760.466 897.837 759.491 899.045 757.923C900.253 756.356 900.856 754.554 900.856 752.521C900.856 749.512 899.903 747.204 897.996 745.593C896.089 743.983 892.508 743.177 887.255 743.177H874.606V762.118Z" fill="#9585FF"/>
+<path d="M1036.11 165.089C1035.76 165.089 1035.41 164.956 1035.15 164.688C1034.61 164.153 1034.61 163.287 1035.15 162.752L1042.29 155.612C1044.23 153.668 1047.4 153.667 1049.34 155.612L1055.29 161.562C1056.17 162.439 1057.59 162.439 1058.47 161.562L1064.51 155.522C1066.46 153.577 1069.62 153.578 1071.57 155.522L1077.63 161.591C1078.51 162.468 1079.94 162.468 1080.82 161.591L1086.59 155.819C1088.53 153.874 1091.7 153.875 1093.64 155.819L1098.52 160.698C1099.4 161.575 1100.82 161.575 1101.7 160.698L1105.38 156.931C1108.58 153.729 1112.82 153.846 1116.19 157.217L1116.3 157.339L1120.59 162.784C1121.05 163.378 1120.95 164.238 1120.36 164.706C1119.76 165.173 1118.9 165.07 1118.43 164.477L1114.2 159.099C1112.83 157.755 1110.17 156.011 1107.33 158.857L1103.65 162.624C1101.69 164.58 1098.53 164.581 1096.58 162.636L1091.7 157.757C1090.83 156.88 1089.4 156.88 1088.52 157.757L1082.75 163.529C1080.81 165.474 1077.64 165.473 1075.7 163.529L1069.63 157.46C1068.75 156.582 1067.32 156.583 1066.45 157.46L1060.41 163.5C1058.46 165.444 1055.3 165.444 1053.35 163.5L1047.4 157.55C1046.53 156.673 1045.1 156.672 1044.22 157.55L1037.08 164.69C1036.81 164.956 1036.46 165.089 1036.11 165.089Z" fill="#FFBDE9"/>
+<path d="M1001.09 142.411C1000.74 142.411 1000.39 142.277 1000.12 142.01C999.589 141.476 999.589 140.609 1000.12 140.075L1007.26 132.935C1008.21 131.993 1009.46 131.474 1010.79 131.474C1012.12 131.474 1013.38 131.993 1014.32 132.935L1020.27 138.885C1021.15 139.762 1022.57 139.763 1023.45 138.885L1029.49 132.845C1031.43 130.901 1034.6 130.9 1036.54 132.845L1042.61 138.914C1043.49 139.791 1044.91 139.791 1045.79 138.914L1051.56 133.142C1053.51 131.197 1056.67 131.198 1058.62 133.142L1063.5 138.021C1064.37 138.898 1065.8 138.898 1066.68 138.021L1070.36 134.254C1071.98 132.628 1073.87 131.827 1075.84 131.921C1077.7 132.012 1079.55 132.917 1081.17 134.54L1081.28 134.661L1085.56 140.106C1086.03 140.7 1085.93 141.56 1085.33 142.028C1084.74 142.495 1083.88 142.393 1083.41 141.799L1079.18 136.421C1078.06 135.322 1076.86 134.713 1075.7 134.656C1074.52 134.601 1073.37 135.111 1072.3 136.179L1068.63 139.946C1066.67 141.903 1063.51 141.902 1061.56 139.957L1056.68 135.078C1056.26 134.653 1055.69 134.419 1055.09 134.419C1054.49 134.419 1053.93 134.653 1053.5 135.078L1047.73 140.85C1045.78 142.794 1042.62 142.794 1040.68 140.85L1034.61 134.781C1034.18 134.356 1033.62 134.122 1033.01 134.122C1032.41 134.122 1031.85 134.356 1031.42 134.781L1025.38 140.821C1024.44 141.763 1023.19 142.282 1021.86 142.282C1020.53 142.282 1019.27 141.763 1018.33 140.821L1012.38 134.871C1011.96 134.446 1011.39 134.212 1010.79 134.212C1010.19 134.212 1009.62 134.446 1009.2 134.871L1002.06 142.012C1001.79 142.278 1001.44 142.411 1001.09 142.411Z" fill="#9585FF"/>
+<path d="M136.556 690.166C136.206 690.166 135.856 690.032 135.588 689.765C135.053 689.23 135.053 688.364 135.588 687.83L142.728 680.689C144.672 678.745 147.837 678.744 149.781 680.689L155.732 686.639C156.61 687.516 158.036 687.516 158.914 686.639L164.954 680.599C166.899 678.654 170.064 678.655 172.007 680.599L178.076 686.668C178.954 687.545 180.381 687.545 181.258 686.668L187.03 680.896C188.975 678.951 192.139 678.952 194.083 680.896L198.963 685.775C199.841 686.652 201.267 686.652 202.145 685.775L205.823 682.008C209.025 678.806 213.265 678.923 216.636 682.294L216.744 682.416L221.028 687.861C221.495 688.455 221.393 689.315 220.799 689.783C220.205 690.249 219.344 690.147 218.877 689.554L214.645 684.176C213.277 682.832 210.615 681.088 207.77 683.934L204.092 687.701C202.137 689.657 198.973 689.658 197.028 687.713L192.148 682.834C191.27 681.957 189.844 681.957 188.966 682.834L183.194 688.606C181.25 690.551 178.085 690.55 176.141 688.606L170.072 682.537C169.194 681.659 167.767 681.66 166.89 682.537L160.85 688.577C158.905 690.521 155.741 690.521 153.798 688.577L147.847 682.627C146.97 681.75 145.543 681.749 144.665 682.627L137.525 689.768C137.256 690.033 136.906 690.166 136.556 690.166Z" fill="#FFBDE9"/>
+<path d="M101.533 667.488C101.183 667.488 100.833 667.354 100.565 667.087C100.03 666.553 100.03 665.686 100.565 665.152L107.705 658.012C108.647 657.07 109.899 656.551 111.231 656.551C112.564 656.551 113.816 657.07 114.758 658.012L120.708 663.962C121.586 664.839 123.013 664.84 123.89 663.962L129.929 657.922C131.873 655.978 135.038 655.977 136.982 657.922L143.052 663.991C143.93 664.868 145.356 664.868 146.234 663.991L152.006 658.219C153.951 656.274 157.115 656.275 159.059 658.219L163.938 663.098C164.816 663.975 166.243 663.975 167.12 663.098L170.798 659.331C172.424 657.705 174.316 656.904 176.277 656.998C178.145 657.089 179.989 657.994 181.611 659.616L181.719 659.737L186.003 665.182C186.47 665.776 186.368 666.636 185.774 667.104C185.18 667.571 184.319 667.468 183.852 666.875L179.62 661.497C178.503 660.398 177.302 659.789 176.144 659.732C174.966 659.677 173.813 660.187 172.745 661.255L169.067 665.022C167.112 666.979 163.947 666.978 162.003 665.034L157.124 660.155C156.699 659.73 156.134 659.496 155.533 659.496C154.931 659.496 154.367 659.73 153.942 660.155L148.17 665.927C146.225 667.871 143.061 667.871 141.118 665.927L135.048 659.858C134.623 659.433 134.058 659.199 133.457 659.199C132.856 659.199 132.291 659.433 131.866 659.858L125.827 665.898C124.885 666.84 123.633 667.359 122.3 667.359C120.968 667.359 119.716 666.84 118.774 665.898L112.823 659.948C112.398 659.523 111.833 659.289 111.232 659.289C110.631 659.289 110.066 659.523 109.641 659.948L102.5 667.089C102.233 667.354 101.883 667.488 101.533 667.488Z" fill="#9585FF"/>
+<path d="M556.375 201.497C552.729 208.79 546.037 214.38 538.127 216.462C533.869 217.583 529.337 217.66 525.034 216.734C520.533 215.765 516.569 213.743 512.911 210.98C509.275 208.234 505.704 205.359 501.057 204.643C500.333 204.531 499.601 204.479 498.868 204.454C495.132 196.959 487.179 192.513 478.838 192.249C477.955 192.221 477.064 192.256 476.178 192.335C473.501 189.702 469.98 187.881 466.457 186.739C462.09 185.323 457.138 184.993 452.803 186.7C448.908 188.234 445.74 191.402 444.346 195.368C443.671 197.29 443.577 199.306 443.923 201.301C444.078 202.201 445.183 202.706 446.002 202.482C446.953 202.22 447.339 201.306 447.182 200.403C446.612 197.109 448.366 193.896 450.787 191.779C453.63 189.293 457.548 188.657 461.203 189.029C464.695 189.384 468.827 190.807 472.038 193.167C470.286 193.732 468.629 194.561 467.181 195.736C464.197 198.158 462.815 201.945 463.424 205.724C464.035 209.514 467.083 212.424 470.967 212.556C475.025 212.693 478.67 209.973 480.071 206.252C481.398 202.726 480.643 198.812 478.777 195.631C479.19 195.643 479.601 195.665 480.008 195.699C486.13 196.205 492.027 199.476 495.18 204.709C492.683 205.14 490.284 206.092 488.244 207.641C484.874 210.199 482.441 214.32 483.239 218.661C483.938 222.465 487.248 225.883 491.228 226C495.612 226.129 498.813 222.316 500.118 218.5C501.261 215.156 501.175 211.386 500.213 207.963C502.27 208.277 504.258 209.033 506.079 210.169C509.466 212.282 512.354 215.085 515.893 216.971C522.857 220.681 531.205 221.735 538.857 219.767C545.951 217.942 552.213 213.539 556.559 207.677C557.603 206.269 558.51 204.772 559.293 203.204C560.264 201.263 557.349 199.549 556.375 201.497ZM472.305 209.064C469.491 209.672 467.197 207.823 466.728 205.08C466.227 202.154 467.666 199.361 470.095 197.759C471.565 196.789 473.218 196.203 474.932 195.896C476.352 197.661 477.265 199.738 477.341 202.104C477.447 205.384 475.62 208.348 472.305 209.064ZM496.606 218.264C495.476 220.876 492.714 223.714 489.652 222.208C486.731 220.772 485.808 217.183 487.022 214.316C488.42 211.014 491.758 208.908 495.14 208.13C495.648 208.013 496.157 207.931 496.664 207.875C496.673 207.901 496.685 207.924 496.693 207.95C497.786 211.222 498.001 215.039 496.606 218.264Z" fill="#D3CCFF"/>
+<path d="M880.519 666.762C884.165 659.469 890.857 653.879 898.767 651.797C903.025 650.676 907.557 650.599 911.86 651.525C916.361 652.494 920.325 654.517 923.983 657.279C927.619 660.025 931.19 662.9 935.837 663.616C936.561 663.728 937.293 663.78 938.026 663.805C941.762 671.3 949.715 675.746 958.056 676.01C958.939 676.038 959.83 676.003 960.716 675.924C963.393 678.557 966.914 680.378 970.437 681.52C974.804 682.936 979.756 683.266 984.091 681.559C987.986 680.025 991.154 676.856 992.548 672.891C993.223 670.969 993.317 668.953 992.971 666.958C992.816 666.058 991.711 665.553 990.892 665.777C989.94 666.039 989.555 666.954 989.712 667.856C990.282 671.15 988.528 674.363 986.107 676.48C983.264 678.966 979.346 679.602 975.691 679.23C972.199 678.875 968.067 677.452 964.856 675.092C966.608 674.527 968.265 673.698 969.713 672.523C972.697 670.101 974.079 666.313 973.47 662.535C972.859 658.745 969.811 655.835 965.927 655.703C961.869 655.566 958.224 658.286 956.823 662.007C955.496 665.533 956.251 669.447 958.117 672.628C957.704 672.616 957.293 672.594 956.886 672.56C950.764 672.054 944.867 668.784 941.714 663.55C944.211 663.119 946.61 662.167 948.65 660.618C952.02 658.06 954.453 653.939 953.655 649.598C952.956 645.794 949.646 642.376 945.666 642.259C941.282 642.13 938.081 645.943 936.776 649.759C935.633 653.103 935.719 656.873 936.681 660.296C934.624 659.982 932.636 659.226 930.815 658.09C927.428 655.977 924.54 653.174 921.001 651.288C914.037 647.578 905.688 646.524 898.037 648.492C890.943 650.317 884.68 654.72 880.335 660.583C879.291 661.991 878.384 663.488 877.601 665.055C876.63 666.997 879.545 668.711 880.519 666.762ZM964.589 659.195C967.403 658.587 969.697 660.436 970.166 663.179C970.667 666.105 969.228 668.898 966.799 670.5C965.329 671.47 963.676 672.055 961.962 672.363C960.542 670.598 959.629 668.521 959.553 666.154C959.446 662.876 961.273 659.911 964.589 659.195ZM940.288 649.995C941.418 647.383 944.18 644.545 947.242 646.051C950.163 647.488 951.086 651.076 949.872 653.943C948.474 657.245 945.136 659.351 941.754 660.129C941.246 660.246 940.737 660.328 940.23 660.384C940.221 660.358 940.209 660.335 940.201 660.309C939.108 657.037 938.892 653.22 940.288 649.995Z" fill="#D3CCFF"/>
+<path d="M645.738 166.086C646.308 167.007 646.49 168.118 646.223 169.211C645.87 170.654 644.808 171.765 643.382 172.181L629.612 176.197C628.185 176.613 626.693 176.248 625.619 175.221C624.547 174.194 624.116 172.718 624.469 171.276L627.876 157.343C628.229 155.899 629.291 154.789 630.718 154.374C632.144 153.958 633.637 154.323 634.71 155.351L645.073 165.268C645.333 165.516 645.556 165.791 645.738 166.086ZM627.716 172.703C627.766 172.784 627.821 172.844 627.86 172.881C627.969 172.985 628.27 173.214 628.705 173.087L642.475 169.071C642.91 168.944 643.04 168.589 643.076 168.443C643.112 168.297 643.16 167.923 642.833 167.609L632.47 157.692C632.143 157.378 631.77 157.443 631.626 157.486C631.481 157.528 631.133 157.674 631.025 158.114L627.618 172.047C627.547 172.331 627.624 172.553 627.716 172.703Z" fill="#FFBDE9"/>
+<path d="M119.473 248.228C118.738 249.024 117.717 249.497 116.592 249.533C115.107 249.58 113.753 248.854 112.97 247.591L105.412 235.4C104.629 234.137 104.581 232.601 105.283 231.292C105.986 229.984 107.292 229.173 108.776 229.127L123.112 228.677C124.597 228.63 125.952 229.357 126.734 230.619C127.517 231.882 127.565 233.417 126.862 234.727L120.084 247.368C119.914 247.685 119.709 247.973 119.473 248.228ZM108.271 232.637C108.206 232.707 108.163 232.776 108.138 232.823C108.066 232.956 107.926 233.307 108.166 233.692L115.724 245.883C115.963 246.268 116.34 246.298 116.491 246.294C116.641 246.29 117.014 246.236 117.229 245.836L124.007 233.195C124.222 232.795 124.059 232.454 123.98 232.326C123.9 232.198 123.667 231.901 123.214 231.915L108.878 232.365C108.584 232.374 108.39 232.508 108.271 232.637Z" fill="#FFBDE9"/>
+<path d="M1090.53 641.734C1090.89 642.757 1090.83 643.881 1090.33 644.89C1089.67 646.222 1088.39 647.075 1086.91 647.172L1072.59 648.101C1071.11 648.197 1069.73 647.517 1068.91 646.281C1068.09 645.045 1067.99 643.511 1068.64 642.18L1075 629.32C1075.65 627.987 1076.93 627.135 1078.41 627.039C1079.9 626.943 1081.27 627.623 1082.1 628.859L1090.06 640.79C1090.26 641.089 1090.42 641.406 1090.53 641.734ZM1071.5 644.277C1071.54 644.367 1071.58 644.438 1071.61 644.482C1071.69 644.608 1071.93 644.897 1072.39 644.867L1086.7 643.938C1087.15 643.908 1087.36 643.59 1087.42 643.455C1087.49 643.32 1087.62 642.966 1087.37 642.588L1079.4 630.656C1079.15 630.279 1078.78 630.261 1078.63 630.271C1078.47 630.281 1078.1 630.347 1077.9 630.753L1071.55 643.613C1071.42 643.878 1071.45 644.111 1071.5 644.277Z" fill="#FFBDE9"/>
+<path d="M1250.35 203.257C1249.6 204.043 1248.58 204.501 1247.45 204.52C1245.97 204.545 1244.62 203.8 1243.86 202.526L1236.47 190.228C1235.71 188.954 1235.68 187.418 1236.4 186.118C1237.13 184.82 1238.44 184.028 1239.93 184.003L1254.27 183.759C1255.76 183.733 1257.1 184.479 1257.86 185.753C1258.63 187.027 1258.65 188.563 1257.93 189.862L1250.97 202.404C1250.8 202.721 1250.59 203.006 1250.35 203.257ZM1239.37 187.508C1239.31 187.577 1239.26 187.646 1239.24 187.692C1239.16 187.824 1239.02 188.173 1239.25 188.561L1246.63 200.859C1246.87 201.247 1247.24 201.283 1247.4 201.281C1247.55 201.279 1247.92 201.231 1248.14 200.834L1255.1 188.291C1255.32 187.895 1255.16 187.551 1255.08 187.422C1255.01 187.292 1254.78 186.992 1254.32 187L1239.98 187.244C1239.69 187.249 1239.49 187.38 1239.37 187.508Z" fill="#FFBDE9"/>
+<path d="M430.62 686.198C429.644 686.668 428.52 686.732 427.461 686.351C426.063 685.848 425.071 684.674 424.808 683.212L422.268 669.095C422.005 667.632 422.526 666.187 423.66 665.228C424.795 664.27 426.308 663.998 427.705 664.501L441.201 669.36C442.599 669.863 443.591 671.037 443.854 672.499C444.117 673.961 443.596 675.407 442.461 676.365L431.505 685.623C431.23 685.856 430.932 686.048 430.62 686.198ZM425.944 667.579C425.858 667.62 425.793 667.669 425.752 667.703C425.637 667.8 425.377 668.075 425.458 668.521L427.997 682.638C428.078 683.084 428.417 683.251 428.558 683.302C428.699 683.353 429.066 683.441 429.413 683.148L440.369 673.89C440.716 673.597 440.691 673.22 440.664 673.072C440.637 672.923 440.529 672.561 440.103 672.407L426.607 667.548C426.331 667.449 426.102 667.502 425.944 667.579Z" fill="#FFBDE9"/>
+<path d="M1025.85 649.255C1030.62 649.255 1034.49 645.389 1034.49 640.62C1034.49 635.851 1030.62 631.985 1025.85 631.985C1021.09 631.985 1017.22 635.851 1017.22 640.62C1017.22 645.389 1021.09 649.255 1025.85 649.255Z" fill="#E5E0FF"/>
+<path d="M1037.82 302.014C1042.22 300.181 1044.3 295.126 1042.47 290.723C1040.63 286.321 1035.58 284.238 1031.18 286.071C1026.77 287.904 1024.69 292.959 1026.52 297.362C1028.36 301.764 1033.41 303.847 1037.82 302.014Z" fill="#E5E0FF"/>
+<path d="M1290.71 252.091C1295.48 252.091 1299.35 248.225 1299.35 243.456C1299.35 238.687 1295.48 234.821 1290.71 234.821C1285.94 234.821 1282.08 238.687 1282.08 243.456C1282.08 248.225 1285.94 252.091 1290.71 252.091Z" fill="#E5E0FF"/>
+<path d="M767.763 140.022C772.532 140.022 776.398 136.156 776.398 131.387C776.398 126.618 772.532 122.752 767.763 122.752C762.994 122.752 759.128 126.618 759.128 131.387C759.128 136.156 762.994 140.022 767.763 140.022Z" fill="#E5E0FF"/>
+<path d="M537.878 140.022C542.647 140.022 546.513 136.156 546.513 131.387C546.513 126.618 542.647 122.752 537.878 122.752C533.109 122.752 529.243 126.618 529.243 131.387C529.243 136.156 533.109 140.022 537.878 140.022Z" fill="#E5E0FF"/>
+<path d="M439.751 282.42C444.52 282.42 448.386 278.554 448.386 273.785C448.386 269.016 444.52 265.15 439.751 265.15C434.982 265.15 431.116 269.016 431.116 273.785C431.116 278.554 434.982 282.42 439.751 282.42Z" fill="#E5E0FF"/>
+<path d="M186.297 211.173C191.066 211.173 194.932 207.307 194.932 202.538C194.932 197.769 191.066 193.903 186.297 193.903C181.528 193.903 177.662 197.769 177.662 202.538C177.662 207.307 181.528 211.173 186.297 211.173Z" fill="#E5E0FF"/>
+<path d="M229.861 650.244C234.264 648.411 236.347 643.356 234.513 638.953C232.68 634.551 227.625 632.468 223.223 634.301C218.82 636.134 216.737 641.189 218.57 645.592C220.403 649.994 225.459 652.077 229.861 650.244Z" fill="#E5E0FF"/>
+<path d="M509.223 676.123C513.992 676.123 517.858 672.257 517.858 667.488C517.858 662.719 513.992 658.853 509.223 658.853C504.454 658.853 500.588 662.719 500.588 667.488C500.588 672.257 504.454 676.123 509.223 676.123Z" fill="#E5E0FF"/>
+</svg>

assets/images/backgrounds/line-bg-2.svg

@@ -0,0 +1,10 @@
+<svg width="342" height="138" viewBox="0 0 342 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1885_11028)">
+<path d="M64.1777 0.5C94.3237 117.8 286.112 36.2 276.27 137.245C266.083 241.829 338.409 147.207 338.409 220.077C338.409 248.849 187.465 152.19 195.232 202.039C216.645 339.477 220.861 257.191 158.78 208.007C158.665 207.916 237.692 221.273 237.502 221.121C180.776 175.6 229.189 118.036 229.189 233.231C229.189 310.393 230.013 124.784 237.502 196.724" stroke="#DCF6FD" stroke-width="32" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1885_11028">
+<rect width="342" height="138" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/images/backgrounds/line-bg.svg

@@ -0,0 +1,10 @@
+<svg width="226" height="290" viewBox="0 0 226 290" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1885_12247)">
+<path d="M42.8467 1.05078C62.7033 247.551 189.031 76.0725 182.548 288.413C175.838 508.191 223.478 309.348 223.478 462.481C223.478 522.944 124.054 319.82 129.17 424.575C143.274 713.394 146.051 540.474 105.159 437.116C105.084 436.925 157.137 464.994 157.012 464.675C119.648 369.015 151.537 248.047 151.537 490.123C151.537 652.275 152.079 262.227 157.012 413.406" stroke="#DCF6FD" stroke-opacity="0.5" stroke-width="32" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1885_12247">
+<rect width="225.269" height="290" fill="white" transform="translate(0.574219)"/>
+</clipPath>
+</defs>
+</svg>

assets/images/chat/icon-adobe.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_631_1669)">
+<path d="M23.993 0H0.00703125C0.003148 0 0 0.003148 0 0.00703125V23.993C0 23.9969 0.003148 24 0.00703125 24H23.993C23.9969 24 24 23.9969 24 23.993V0.00703125C24 0.003148 23.9969 0 23.993 0Z" fill="#ED2224"/>
+<path d="M13.875 5.625L19.2188 18.375V5.625H13.875ZM4.78125 5.625V18.375L10.125 5.625H4.78125ZM9.70312 15.7969H12.1406L13.2188 18.375H15.375L11.9531 10.2656L9.70312 15.7969Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_631_1669">
+<rect width="24" height="24" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/images/chat/icon-chrome.svg

@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_631_1649)">
+<path d="M12 6.5625H22.6875C23.6383 8.43365 24.0817 10.5215 23.9735 12.6175C23.8652 14.7136 23.2091 16.7446 22.0706 18.5079C20.9321 20.2711 19.3511 21.7049 17.4852 22.6662C15.6194 23.6274 13.5341 24.0825 11.4375 23.9859" fill="#FFCC44"/>
+<path d="M16.7344 14.7188L11.4375 23.9859C9.33318 23.8901 7.29114 23.2421 5.51666 22.1069C3.74218 20.9718 2.29777 19.3895 1.32864 17.5192C0.359502 15.6488 -0.100216 13.5563 -0.00430812 11.452C0.0915998 9.34768 0.739754 7.30568 1.87501 5.53125" fill="#0F9D58"/>
+<path d="M12 6.56259H22.6875C21.7301 4.67609 20.291 3.0762 18.5161 1.92509C16.7411 0.773985 14.6934 0.112566 12.5805 0.0078703C10.4675 -0.096825 8.36448 0.358925 6.48443 1.32893C4.60438 2.29894 3.01418 3.74872 1.875 5.53134L7.26562 14.7188" fill="#DB4437"/>
+<path d="M12 16.9219C14.7183 16.9219 16.9219 14.7183 16.9219 12C16.9219 9.28172 14.7183 7.07812 12 7.07812C9.28172 7.07812 7.07812 9.28172 7.07812 12C7.07812 14.7183 9.28172 16.9219 12 16.9219Z" fill="#4285F4" stroke="#F1F1F1" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_631_1649">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/images/chat/icon-figma.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 24C10.208 24 12 22.208 12 20V16H8C5.792 16 4 17.792 4 20C4 22.208 5.792 24 8 24Z" fill="#0ACF83"/>
+<path d="M4 12C4 9.792 5.792 8 8 8H12V16H8C5.792 16 4 14.208 4 12Z" fill="#A259FF"/>
+<path d="M4 4C4 1.792 5.792 0 8 0H12V8H8C5.792 8 4 6.208 4 4Z" fill="#F24E1E"/>
+<path d="M12 0H16C18.208 0 20 1.792 20 4C20 6.208 18.208 8 16 8H12V0Z" fill="#FF7262"/>
+<path d="M20 12C20 14.208 18.208 16 16 16C13.792 16 12 14.208 12 12C12 9.792 13.792 8 16 8C18.208 8 20 9.792 20 12Z" fill="#1ABCFE"/>
+</svg>

assets/images/chat/icon-javascript.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_631_1629)">
+<path d="M23.993 0H0.00703125C0.003148 0 0 0.003148 0 0.00703125V23.993C0 23.9969 0.003148 24 0.00703125 24H23.993C23.9969 24 24 23.9969 24 23.993V0.00703125C24 0.003148 23.9969 0 23.993 0Z" fill="#F7DF1E"/>
+<path d="M15.1875 17.3438C15.6562 18.1406 16.3125 18.7031 17.3906 18.7031C18.3281 18.7031 18.9375 18.2344 18.9375 17.5781C18.9375 16.8281 18.3281 16.5469 17.2969 16.0781L16.7344 15.8438C15.0938 15.1406 14.0156 14.2969 14.0156 12.4688C14.0156 10.7812 15.2812 9.46875 17.2969 9.46875C18.75 9.46875 19.7812 9.98438 20.4844 11.2969L18.75 12.4219C18.375 11.7188 17.9531 11.4375 17.2969 11.4375C16.6406 11.4375 16.2188 11.8594 16.2188 12.4219C16.2188 13.0781 16.6406 13.3594 17.625 13.7812L18.1875 14.0156C20.1094 14.8594 21.1875 15.6562 21.1875 17.5781C21.1875 19.5938 19.5938 20.7188 17.4375 20.7188C15.3281 20.7188 13.9688 19.7344 13.3125 18.4219L15.1875 17.3438ZM7.21875 17.5312C7.59375 18.1406 7.875 18.7031 8.67188 18.7031C9.42188 18.7031 9.89062 18.4219 9.89062 17.2969V9.51562H12.1406V17.2031C12.1406 19.5469 10.7812 20.5781 8.76562 20.5781C6.9375 20.5781 5.90625 19.6406 5.39062 18.5156L7.21875 17.5312Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_631_1629">
+<rect width="24" height="24" rx="3" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/images/chat/icon-zip-folder.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 21H2.75C2.02082 20.9995 1.32165 20.7096 0.806041 20.194C0.290431 19.6783 0.000529737 18.9792 0 18.25L0 5.75C0.000529737 5.02082 0.290431 4.32165 0.806041 3.80604C1.32165 3.29043 2.02082 3.00053 2.75 3H8C8.199 3 8.39 3.079 8.53 3.22L10.311 5H21.25C21.9792 5.00053 22.6783 5.29043 23.194 5.80604C23.7096 6.32165 23.9995 7.02082 24 7.75V18.25C23.9995 18.9792 23.7096 19.6783 23.194 20.194C22.6783 20.7096 21.9792 20.9995 21.25 21Z" fill="#03A9F4"/>
+<path d="M11.5 16C11.3011 16 11.1103 15.921 10.9697 15.7803C10.829 15.6397 10.75 15.4489 10.75 15.25V10.75C10.75 10.5511 10.829 10.3603 10.9697 10.2197C11.1103 10.079 11.3011 10 11.5 10C11.6989 10 11.8897 10.079 12.0303 10.2197C12.171 10.3603 12.25 10.5511 12.25 10.75V15.25C12.25 15.4489 12.171 15.6397 12.0303 15.7803C11.8897 15.921 11.6989 16 11.5 16ZM8.24999 16H5.74999C5.61924 16.0005 5.49066 15.9667 5.37706 15.9019C5.26345 15.8372 5.1688 15.7438 5.10253 15.6311C5.03626 15.5184 5.00069 15.3903 4.99937 15.2596C4.99804 15.1288 5.03101 15 5.09499 14.886L6.97599 11.5H5.74999C5.55108 11.5 5.36031 11.421 5.21966 11.2803C5.07901 11.1397 4.99999 10.9489 4.99999 10.75C4.99999 10.5511 5.07901 10.3603 5.21966 10.2197C5.36031 10.079 5.55108 10 5.74999 10H8.24999C8.38074 9.99954 8.50932 10.0334 8.62293 10.0981C8.73653 10.1628 8.83119 10.2562 8.89745 10.3689C8.96372 10.4816 8.99929 10.6097 9.00061 10.7404C9.00194 10.8712 8.96897 11 8.90499 11.114L7.02399 14.5H8.24999C8.4489 14.5 8.63967 14.579 8.78032 14.7197C8.92097 14.8603 8.99999 15.0511 8.99999 15.25C8.99999 15.4489 8.92097 15.6397 8.78032 15.7803C8.63967 15.921 8.4489 16 8.24999 16ZM14.75 16C14.5511 16 14.3603 15.921 14.2197 15.7803C14.079 15.6397 14 15.4489 14 15.25V10.75C14 10.5511 14.079 10.3603 14.2197 10.2197C14.3603 10.079 14.5511 10 14.75 10H16C17.103 10 18 10.897 18 12C18 13.103 17.103 14 16 14H15.5V15.25C15.5 15.4489 15.421 15.6397 15.2803 15.7803C15.1397 15.921 14.9489 16 14.75 16ZM15.5 12.5H16C16.275 12.5 16.5 12.275 16.5 12C16.5 11.725 16.275 11.5 16 11.5H15.5V12.5Z" fill="white"/>
+</svg>

assets/images/flag/icon-flag-en.svg

@@ -0,0 +1 @@
+<svg height="20" viewBox="0 0 28 20" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="a" height="20" rx="3" width="28"/><mask id="b" fill="#fff"><use fill="#fff" fill-rule="evenodd" xlink:href="#a"/></mask></defs><g fill="none" fill-rule="evenodd"><use fill="#0a17a7" xlink:href="#a"/><path d="m29.2824692-1.91644623 1.4911811 2.21076686-9.4483006 6.37223314 6.6746503.0001129v6.66666663l-6.6746503-.0007795 9.4483006 6.3731256-1.4911811 2.2107668-11.9501195-8.0608924.0009836 7.4777795h-6.6666666l-.000317-7.4777795-11.9488189 8.0608924-1.49118107-2.2107668 9.448-6.3731256-6.67434973.0007795v-6.66666663l6.67434973-.0001129-9.448-6.37223314 1.49118107-2.21076686 11.9488189 8.06.000317-7.4768871h6.6666666l-.0009836 7.4768871z" fill="#fff" mask="url(#b)"/><g stroke="#db1f35" stroke-linecap="round" stroke-width=".667"><path d="m18.668 6.332 12.665-8.332" mask="url(#b)"/><path d="m20.013 21.35 11.354-7.652" mask="url(#b)" transform="matrix(1 0 0 -1 0 35.048)"/><path d="m8.006 6.31-11.843-7.981" mask="url(#b)"/><path d="m9.29 22.31-13.127-8.705" mask="url(#b)" transform="matrix(1 0 0 -1 0 35.915)"/></g><path d="m0 12h12v8h4v-8h12v-4h-12v-8h-4v8h-12z" fill="#e6273e" mask="url(#b)"/></g></svg>

assets/images/flag/icon-flag-fr.svg

@@ -0,0 +1 @@
+<svg height="20" viewBox="0 0 28 20" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="a" height="20" rx="3" width="28"/><mask id="b" fill="#fff"><use fill="#fff" fill-rule="evenodd" xlink:href="#a"/></mask></defs><g fill="none" fill-rule="evenodd"><use fill="#fff" xlink:href="#a"/><path d="m19 0h9v20h-9z" fill="#f44653" mask="url(#b)"/><path d="m0 0h9v20h-9z" fill="#1035bb" mask="url(#b)"/></g></svg>

assets/images/flag/icon-flag-vn.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic_flag_vn</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic_flag_vn">
+            <rect id="Mask-Copy" fill="#EA403F" x="0" y="0" width="28" height="20" rx="3"></rect>
+            <polygon id="Star-8" fill="#FFFE4E" points="14 12.3400001 10.4732885 14.854102 11.7745277 10.7230998 8.2936609 8.14589803 12.6245825 8.10690016 14 4 15.3754175 8.10690016 19.7063391 8.14589803 16.2254723 10.7230998 17.5267115 14.854102"></polygon>
+        </g>
+    </g>
+</svg>

assets/images/flag/icon-flag-zh.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic_flag_cn</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic_flag_cn">
+            <rect id="Mask" fill="#F1361D" x="0" y="0" width="28" height="20" rx="3"></rect>
+            <path d="M11.9592954,10.1560699 L11.9708698,11.1384189 L12.5105968,11.9592954 L11.5282478,11.9708698 L10.7073712,12.5105968 L10.6957968,11.5282478 L10.1560699,10.7073712 L11.1384189,10.6957968 L11.9592954,10.1560699 Z M6.66666667,2.66666667 L7.5836117,5.40460011 L10.4708927,5.43059869 L8.15031489,7.1487332 L9.01780768,9.90273464 L6.66666667,8.22666673 L4.31552566,9.90273464 L5.18301844,7.1487332 L2.8624406,5.43059869 L5.74972164,5.40460011 L6.66666667,2.66666667 Z M12.5685648,7.57446394 L13.4490988,8.01012816 L14.4255361,7.90189808 L13.9898718,8.78243212 L14.0981019,9.75886939 L13.2175679,9.32320517 L12.2411306,9.43143525 L12.6767948,8.55090121 L12.5685648,7.57446394 Z M14,4.17863279 L13.9772839,5.1607873 L14.4880339,6 L13.5058794,5.97728388 L12.6666667,6.48803387 L12.6893828,5.50587936 L12.1786328,4.66666667 L13.1607873,4.68938278 L14,4.17863279 Z M10.8992425,1.40597523 L11.6255808,2.06747064 L12.5940248,2.23257579 L11.9325294,2.9589141 L11.7674242,3.9273581 L11.0410859,3.2658627 L10.0726419,3.10075754 L10.7341373,2.37441924 L10.8992425,1.40597523 Z" id="Combined-Shape" fill="#FFDC42"></path>
+        </g>
+    </g>
+</svg>

assets/images/front-pages/background/facebook.svg

@@ -0,0 +1,10 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_780_1224)">
+<path d="M22 11C22 4.92422 17.0758 0 11 0C4.92422 0 0 4.92422 0 11C0 16.1562 3.55352 20.4875 8.34453 21.6777V14.3602H6.07578V11H8.34453V9.55195C8.34453 5.80938 10.0375 4.07344 13.7156 4.07344C14.4117 4.07344 15.6148 4.21094 16.109 4.34844V7.39062C15.8512 7.36484 15.4 7.34766 14.8371 7.34766C13.0324 7.34766 12.3363 8.03086 12.3363 9.80547V11H15.9285L15.3098 14.3602H12.332V21.9184C17.7805 21.2609 22 16.6246 22 11Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_780_1224">
+<rect width="22" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/images/front-pages/background/instagram.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_780_1228)">
+<path d="M9.62959 6.0583C6.89678 6.0583 4.69248 8.2626 4.69248 10.9954C4.69248 13.7282 6.89678 15.9325 9.62959 15.9325C12.3624 15.9325 14.5667 13.7282 14.5667 10.9954C14.5667 8.2626 12.3624 6.0583 9.62959 6.0583ZM9.62959 14.2052C7.86357 14.2052 6.41982 12.7657 6.41982 10.9954C6.41982 9.2251 7.85928 7.78564 9.62959 7.78564C11.3999 7.78564 12.8394 9.2251 12.8394 10.9954C12.8394 12.7657 11.3956 14.2052 9.62959 14.2052ZM15.9202 5.85635C15.9202 6.49658 15.4046 7.00791 14.7687 7.00791C14.1284 7.00791 13.6171 6.49229 13.6171 5.85635C13.6171 5.22041 14.1327 4.70478 14.7687 4.70478C15.4046 4.70478 15.9202 5.22041 15.9202 5.85635ZM19.1901 7.0251C19.1171 5.48252 18.7647 4.11611 17.6347 2.99033C16.5089 1.86455 15.1425 1.51221 13.5999 1.43486C12.0101 1.34463 7.24482 1.34463 5.65498 1.43486C4.1167 1.50791 2.75029 1.86025 1.62021 2.98604C0.490137 4.11182 0.14209 5.47822 0.0647461 7.0208C-0.0254883 8.61064 -0.0254883 13.3759 0.0647461 14.9657C0.137793 16.5083 0.490137 17.8747 1.62021 19.0005C2.75029 20.1263 4.1124 20.4786 5.65498 20.556C7.24482 20.6462 12.0101 20.6462 13.5999 20.556C15.1425 20.4829 16.5089 20.1306 17.6347 19.0005C18.7605 17.8747 19.1128 16.5083 19.1901 14.9657C19.2804 13.3759 19.2804 8.61494 19.1901 7.0251ZM17.1362 16.6716C16.8011 17.5138 16.1522 18.1626 15.3058 18.5021C14.0382 19.0048 11.0304 18.8888 9.62959 18.8888C8.22881 18.8888 5.2167 19.0005 3.95342 18.5021C3.11123 18.1669 2.4624 17.5181 2.12295 16.6716C1.62021 15.404 1.73623 12.3962 1.73623 10.9954C1.73623 9.59463 1.62451 6.58252 2.12295 5.31924C2.45811 4.47705 3.10693 3.82822 3.95342 3.48877C5.221 2.98603 8.22881 3.10205 9.62959 3.10205C11.0304 3.10205 14.0425 2.99033 15.3058 3.48877C16.148 3.82393 16.7968 4.47275 17.1362 5.31924C17.639 6.58682 17.5229 9.59463 17.5229 10.9954C17.5229 12.3962 17.639 15.4083 17.1362 16.6716Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_780_1228">
+<rect width="19.25" height="22" fill="white"/>
+</clipPath>
+</defs>
+</svg>