MaterialM React Free Template
12 | https://www.wrappixel.com/hire-us/ 13 | 14 | 15 | -------------------------------------------------------------------------------- /package/src/app/(DashboardLayout)/sample-page/page.tsx: -------------------------------------------------------------------------------- 1 | import CardBox from "@/app/components/shared/CardBox" 2 | 3 | const page = () => { 4 | return ( 5 | <> 6 |Sample Page
8 |This is a sample page
9 |MaterialM React Free Template
12 | https://wrappixel.github.io/free-documentation-wp/nextjs/materialm/index.html 13 | 14 | 15 | -------------------------------------------------------------------------------- /package/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | .yarn/install-state.gz 8 | 9 | # testing 10 | /coverage 11 | 12 | # next.js 13 | /.next/ 14 | /out/ 15 | 16 | # production 17 | /build 18 | 19 | # misc 20 | .DS_Store 21 | *.pem 22 | 23 | # debug 24 | npm-debug.log* 25 | yarn-debug.log* 26 | yarn-error.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | -------------------------------------------------------------------------------- /package/public/images/svgs/icon-favorites.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /package/public/images/svgs/icon-speech-bubble.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /package/public/images/svgs/icon-figma.svg: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /package/public/images/svgs/nuxt-cat-icon.svg: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /package/src/app/(DashboardLayout)/apps/blog/post/page.tsx: -------------------------------------------------------------------------------- 1 | 2 | import BreadcrumbComp from "@/app/(DashboardLayout)/layout/shared/breadcrumb/BreadcrumbComp"; 3 | import BlogPost from "@/app/components/apps/blog/BlogPost"; 4 | import { Metadata } from "next"; 5 | const BCrumb = [ 6 | { 7 | to: "/", 8 | title: "Home", 9 | }, 10 | { 11 | title: "Blog app", 12 | }, 13 | ]; 14 | export const metadata: Metadata = { 15 | title: "Blog Post", 16 | }; 17 | const Blog = () => { 18 | return ( 19 | <> 20 |
18 |
25 |
26 | );
27 | };
28 |
29 | export default NotesSidebar;
30 |
--------------------------------------------------------------------------------
/package/src/components/ui/separator.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SeparatorPrimitive from "@radix-ui/react-separator"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | function Separator({
9 | className,
10 | orientation = "horizontal",
11 | decorative = true,
12 | ...props
13 | }: React.ComponentProps
16 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/package/src/app/css/layouts/sidebar.css:
--------------------------------------------------------------------------------
1 | /* tailwind-sidebar package override styles */
2 | [data-slot='collapsible'] [data-slot='sidebar-menu-item'] [data-slot='sidebar-menu-button']:hover {
3 | background-color: transparent !important;
4 | }
5 |
6 | [data-slot='badge'] {
7 | font-size: x-small;
8 | }
9 |
10 | [data-slot='collapsible'] [data-state="open"] button:hover,
11 | [data-slot='collapsible'] button:hover {
12 | background-color: var(--color-lightprimary) !important;
13 | color: var(--color-primary) !important;
14 | }
15 |
16 | [data-slot='collapsible'] [data-state="open"] button {
17 | background-color: var(--color-lightprimary) !important;
18 | color: var(--color-primary) !important;
19 | }
20 |
21 | [data-state="open"] button {
22 | background-color: var(--color-lightprimary) !important;
23 | color: var(--color-primary) !important;
24 | }
25 |
26 | [data-slot="sidebar-menu-button"] .side_sub:hover {
27 | color: var(--color-primary) !important;
28 | }
--------------------------------------------------------------------------------
/package/src/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
4 |
5 | function Collapsible({
6 | ...props
7 | }: React.ComponentProps
17 | {/* Header/sidebar */}
18 |
29 |
19 |
21 |
22 |
23 | {/* Top Header */}
24 |
28 | {children}
27 |
14 |
36 |
37 | )
38 | }
39 |
40 | export default Error
41 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-account.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-office-bag.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/package/public/images/svgs/google-icon.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-flag-en.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-chrome.svg:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/package/src/components/ui/switch.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SwitchPrimitive from "@radix-ui/react-switch"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | function Switch({
9 | className,
10 | ...props
11 | }: React.ComponentProps
15 |
35 | Opps!!!
23 |24 | This page you are looking for could not be found. 25 |
26 | 34 |
12 |
35 |
36 | );
37 | };
38 |
39 | export default page;
40 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-javascript.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/package/public/images/logos/logo-icon.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/package/src/app/(DashboardLayout)/layout/header/Data.ts:
--------------------------------------------------------------------------------
1 |
2 | import { IconUser, IconMail, IconListCheck, IconProps, Icon} from '@tabler/icons-react';
3 |
4 | // Profile Data
5 | interface ProfileType {
6 | title: string;
7 | img: any;
8 | subtitle: string;
9 | url: string;
10 | icon:string
11 | }
12 |
13 |
14 | const profileDD: ProfileType[] = [
15 | {
16 | img: "/images/svgs/icon-account.svg",
17 | title: "My Profile",
18 | subtitle: "Account settings",
19 | icon:"tabler:user",
20 | url: "/user-profile",
21 | },
22 | {
23 | img: "/images/svgs/icon-inbox.svg",
24 | title: "My Account",
25 | subtitle: "My Daily Notes",
26 | icon:"tabler:mail",
27 | url: "/",
28 | },
29 | {
30 | img: "/images/svgs/icon-tasks.svg",
31 | title: "My Tasks",
32 | subtitle: "To-do and Daily tasks",
33 | icon:"tabler:list-check",
34 | url: "/",
35 | },
36 | ];
37 |
38 | const Notifications = [
39 | {
40 | title: "Roman Joined the Team!",
41 | subtitle: "Congratulate him",
42 | },
43 | {
44 | title: "New message",
45 | subtitle: "Salma sent you new message",
46 | },
47 | {
48 | title: "Bianca sent payment",
49 | subtitle: "Check your earnings",
50 | },
51 | {
52 | title: "Jolly completed tasks",
53 | subtitle: "Assign her new tasks",
54 | },
55 | {
56 | title: "John received payment",
57 | subtitle: "$230 deducted from account",
58 | },
59 | ];
60 |
61 | export {
62 | Notifications,
63 | profileDD,
64 | };
65 |
--------------------------------------------------------------------------------
/package/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 |
21 | This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
37 |
--------------------------------------------------------------------------------
/package/public/favicon.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-flag-cn.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-dd-lifebuoy.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/package/src/components/ui/radio-group.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
5 | import { CircleIcon } from "lucide-react"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | function RadioGroup({
10 | className,
11 | ...props
12 | }: React.ComponentProps
13 |
15 |
16 |
25 |
17 |
24 |
18 |
20 |
21 |
23 |
26 |
28 |
29 |
31 |
32 |
34 |
37 | {featuredPosts.map((post, index) => {
38 | return
44 | );
45 | };
46 | export default BlogListing;
47 |
--------------------------------------------------------------------------------
/package/src/components/ui/progress.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as ProgressPrimitive from '@radix-ui/react-progress';
3 | import { cva, type VariantProps } from 'class-variance-authority';
4 |
5 | import { cn } from '@/lib/utils';
6 |
7 | // Define the variants using cva
8 | const progressIndicatorVariants = cva('h-full w-full flex-1 transition-all', {
9 | variants: {
10 | variant: {
11 | default: 'bg-primary',
12 | primary: 'bg-primary',
13 | secondary: 'bg-secondary',
14 | success: 'bg-success',
15 | error: 'bg-error',
16 | warning: 'bg-warning',
17 | info: 'bg-info',
18 | },
19 | },
20 | defaultVariants: {
21 | variant: 'default',
22 | },
23 | });
24 |
25 | // Extend the props to include variant
26 | interface ProgressProps
27 | extends React.ComponentPropsWithoutRef
9 |
38 | );
39 | };
40 |
41 | export default TicketFilter;
42 |
--------------------------------------------------------------------------------
/package/src/app/css/override/reboot.css:
--------------------------------------------------------------------------------
1 | .megamenu {
2 | transform: translateY(38px) !important;
3 | }
4 |
5 | .simplebar-scrollbar:before {
6 | background: var(--color-border) !important;
7 | }
8 |
9 | .translate {
10 | transform: translate(-88%, 40px) !important;
11 | transition: 0.5s;
12 | }
13 |
14 | .translate-lng {
15 | transform: translate(-81%, 40px) !important;
16 | transition: 0.5s;
17 | }
18 |
19 | .h-n80 {
20 | height: calc(100vh - 80px);
21 | }
22 |
23 | /* styles/globals.css */
24 | .dropdown-enter {
25 | opacity: 0;
26 | transform: scale(0.95);
27 | }
28 |
29 | .dropdown-enter-active {
30 | opacity: 1;
31 | transform: translate(0);
32 | transition: opacity 150ms, transform 150ms;
33 | }
34 |
35 | .dropdown-leave {
36 | opacity: 1;
37 | transform: scale(1);
38 | }
39 |
40 | .dropdown-leave-active {
41 | opacity: 0;
42 | transform: scale(0.95);
43 | transition: opacity 150ms, transform 150ms;
44 | }
45 |
46 | .two-cols {
47 | -webkit-columns: 4;
48 | -moz-columns: 4;
49 | columns: 4;
50 | }
51 |
52 | [data-simplebar],
53 | .simplebar-offset,
54 | .simplebar-content,
55 | .simplebar-wrapper,
56 | .simplebar-mask,
57 | .simplebar-content-wrapper {
58 | outline: none !important;
59 | border: none !important
60 | }
61 |
62 | select {
63 | -webkit-appearance: none !important;
64 | -moz-appearance: none !important;
65 | background: transparent !important;
66 | background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e") !important;
67 | background-repeat: no-repeat !important;
68 | background-position: right .75rem center !important;
69 | background-repeat: no-repeat !important;
70 | background-size: .75em .75em !important;
71 | cursor: pointer;
72 | }
73 |
74 | select:focus{
75 | outline: none;
76 | }
--------------------------------------------------------------------------------
/package/src/app/components/apps/tickets/index.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React, { useEffect, useState } from "react";
3 | import CardBox from "@/app/components/shared/CardBox";
4 | import TicketFilter from "@/app/components/apps/tickets/TicketFilter";
5 | import TicketListing from "@/app/components/apps/tickets/TicketListing";
6 | import { TicketType } from "@/app/(DashboardLayout)/types/ticket";
7 |
8 | const TicketsApp = () => {
9 | const [tickets, setTickets] = useState setFilter("total_tickets")}
12 | >
13 |
16 | {tickets.length}
14 |Total Tickets
15 | setFilter("Pending")}
19 | >
20 |
23 | {pendingC}
21 |Pending Tickets
22 | setFilter("Open")}
26 | >
27 |
30 | {openC}
28 |Open Tickets
29 | setFilter("Closed")}
33 | >
34 |
37 | {closeC}
35 |Closed Tickets
36 |
27 |
33 | {` npm i @iconify-icon/react `}
34 |
35 |
36 | ⚙️ Installation
28 |29 | To use Tabler icons in your project, install the official React 30 | package: 31 |
32 |
37 |
40 | {`import { Icon } from '@iconify/react';
41 | function MyComponent() {
42 | return
45 |
46 | 🧩 Usage Example
38 |Import and use any icon in your components:
39 |
47 |
54 | 🔍 Explore Icons
48 | 53 |
20 |
54 |
21 |
44 | 22 | {title} 23 |
24 |-
27 |
- 28 | 31 | Home 32 | 33 | 34 |
- 35 | 36 | 37 |
- 40 | {title} 41 | 42 |
45 |
53 |
18 |
45 |
46 | );
47 | };
48 |
49 | export default page;
50 |
--------------------------------------------------------------------------------
/package/src/components/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { cva, type VariantProps } from 'class-variance-authority';
3 |
4 | import { cn } from '@/lib/utils';
5 |
6 | const badgeVariants = cva(
7 | 'inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
8 | {
9 | variants: {
10 | variant: {
11 | default: 'border-transparent text-white bg-primary',
12 | primary: 'border-transparent text-white bg-primary',
13 | secondary: 'border-transparent bg-secondary text-white',
14 | success: 'border-transparent bg-success text-white',
15 | warning: 'border-transparent bg-warning text-white',
16 | info: 'border-transparent bg-info text-white',
17 | error: 'border-transparent bg-error text-white',
18 | outline: 'border-primary text-primary',
19 | outlineSecondary: 'border-secondary text-secondary',
20 | outlineSuccess: 'border-success text-success',
21 | outlineWarning: 'border-warning text-warning',
22 | outlineError: 'border-error text-error',
23 | outlineInfo: 'border-info text-info',
24 | lightPrimary: 'bg-lightprimary text-primary border-0',
25 | lightSecondary: 'bg-lightsecondary text-secondary border-0',
26 | lightSuccess: 'bg-lightsuccess text-success border-0',
27 | lightError: 'bg-lighterror text-error border-0',
28 | lightInfo: 'bg-lightinfo text-info border-0',
29 | lightWarning: 'bg-lightwarning text-warning border-0',
30 | destructive: 'border-transparent bg-destructive text-destructive-foreground',
31 | gray: 'border-transparent bg-lightgray dark:bg-link text-customdark'
32 | },
33 | },
34 | defaultVariants: {
35 | variant: 'default',
36 | },
37 | },
38 | );
39 |
40 | export interface BadgeProps
41 | extends React.HTMLAttributes
19 |
44 |
20 |
23 | h1.Heading
21 |font size: 36 | line-height: 40 | font weight: 600
22 |
24 |
27 | h2.Heading
25 |font size: 30 | line-height: 36 | font weight: 600
26 |
28 |
31 | h3.Heading
29 |font size: 24 | line-height: 32 | font weight: 600
30 |
32 |
35 | h4.Heading
33 |font size: 20 | line-height: 28 | font weight: 600
34 |
36 |
39 | h5.Heading
37 |font size: 20 | line-height: 28 | font weight: 600
38 |
40 |
43 | h6.Heading
41 |font size: 16 | line-height: 24 | font weight: 600
42 |{children}
62 |
50 | {char}
51 | {hasFakeCaret && (
52 |
57 | )
58 | })
59 | InputOTPSlot.displayName = "InputOTPSlot"
60 |
61 | const InputOTPSeparator = React.forwardRef<
62 | React.ElementRef<"div">,
63 | React.ComponentPropsWithoutRef<"div">
64 | >(({ ...props }, ref) => (
65 |
53 |
54 |
55 | )}
56 |
66 |
68 | ))
69 | InputOTPSeparator.displayName = "InputOTPSeparator"
70 |
71 | export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
72 |
--------------------------------------------------------------------------------
/package/src/app/(DashboardLayout)/layout/header/Profile.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import Link from 'next/link'
4 | import Image from 'next/image'
5 | import { Icon } from '@iconify/react'
6 | import * as profileData from './Data'
7 | import SimpleBar from 'simplebar-react'
8 | import { Button } from '@/components/ui/button'
9 | import {
10 | DropdownMenu,
11 | DropdownMenuContent,
12 | DropdownMenuItem,
13 | DropdownMenuTrigger,
14 | DropdownMenuSeparator,
15 | } from '@/components/ui/dropdown-menu'
16 |
17 | const Profile = () => {
18 | return (
19 |
20 |
21 |
22 |
23 |
32 |
33 |
36 |
37 | {profileData.profileDD.map((item, index) => (
38 |
39 |
42 |
53 | ))}
54 |
55 |
56 |
64 |
65 |
66 | )
67 | }
68 |
69 | export default Profile
70 |
--------------------------------------------------------------------------------
/package/src/app/(DashboardLayout)/layout/header/Notifications.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { Icon } from '@iconify/react'
4 | import Link from 'next/link'
5 | import * as MessagesData from './Data'
6 | import SimpleBar from 'simplebar-react'
7 | import 'simplebar-react/dist/simplebar.min.css'
8 | import {
9 | DropdownMenu,
10 | DropdownMenuTrigger,
11 | DropdownMenuContent,
12 | DropdownMenuItem,
13 | } from '@/components/ui/dropdown-menu'
14 |
15 | const Notifications = () => {
16 | return (
17 |
43 |
51 |
52 | 48 | {item.title} 49 |
50 |
59 |
62 |
63 |
18 |
19 |
20 |
27 |
28 |
31 | {/* Header */}
32 |
38 | {MessagesData.Notifications.map((item, index) => (
39 |
40 |
43 |
55 | ))}
56 |
57 |
58 |
59 |
60 | )
61 | }
62 |
63 | export default Notifications
64 |
--------------------------------------------------------------------------------
/package/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "materialm-nextjs-free",
3 | "version": "1.0.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@iconify/react": "4.1.1",
13 | "@radix-ui/react-accordion": "^1.2.12",
14 | "@radix-ui/react-avatar": "^1.1.10",
15 | "@radix-ui/react-checkbox": "^1.3.3",
16 | "@radix-ui/react-collapsible": "^1.1.12",
17 | "@radix-ui/react-dialog": "^1.1.15",
18 | "@radix-ui/react-dropdown-menu": "^2.1.16",
19 | "@radix-ui/react-label": "^2.1.7",
20 | "@radix-ui/react-popover": "^1.1.15",
21 | "@radix-ui/react-progress": "^1.1.7",
22 | "@radix-ui/react-radio-group": "^1.3.8",
23 | "@radix-ui/react-select": "^2.2.6",
24 | "@radix-ui/react-separator": "^1.1.7",
25 | "@radix-ui/react-slot": "^1.2.3",
26 | "@radix-ui/react-switch": "^1.2.6",
27 | "@radix-ui/react-tabs": "^1.1.13",
28 | "@radix-ui/react-tooltip": "^1.2.8",
29 | "@tabler/icons-react": "3.5.0",
30 | "@tailwindcss/postcss": "^4.1.6",
31 | "aos": "2.3.4",
32 | "apexcharts": "3.49.1",
33 | "chance": "1.1.11",
34 | "class-variance-authority": "^0.7.1",
35 | "clsx": "^2.1.1",
36 | "cmdk": "^1.1.1",
37 | "date-fns": "^4.1.0",
38 | "embla-carousel-react": "^8.6.0",
39 | "input-otp": "^1.4.2",
40 | "lodash": "^4.17.21",
41 | "lucide-react": "^0.540.0",
42 | "moment": "2.29.4",
43 | "next": "16.0.1",
44 | "next-themes": "^0.4.6",
45 | "react": "19.2.0",
46 | "react-apexcharts": "1.4.1",
47 | "react-day-picker": "^9.9.0",
48 | "react-dom": "19.2.0",
49 | "react-icons": "^5.5.0",
50 | "react-syntax-highlighter": "^15.6.1",
51 | "redux-persist": "6.0.0",
52 | "sharp": "0.32.6",
53 | "simplebar-react": "3.2.5",
54 | "swiper": "^11.2.7",
55 | "swr": "^2.3.3",
56 | "tailwind-merge": "^3.3.1",
57 | "tailwind-sidebar": "^1.3.2",
58 | "vaul": "^1.1.2"
59 | },
60 | "devDependencies": {
61 | "@types/aos": "3.0.7",
62 | "@types/chance": "1.1.6",
63 | "@types/lodash": "^4.17.13",
64 | "@types/node": "20",
65 | "@types/react": "19.2.2",
66 | "@types/react-beautiful-dnd": "^13.1.8",
67 | "@types/react-big-calendar": "1.8.9",
68 | "@types/react-dom": "19.2.2",
69 | "@types/react-is": "18.3.0",
70 | "@types/react-slick": "^0.23.10",
71 | "@types/react-syntax-highlighter": "^15.5.13",
72 | "postcss": "8",
73 | "tailwindcss": "^4.1.6",
74 | "tw-animate-css": "^1.3.7",
75 | "typescript": "5"
76 | },
77 | "overrides": {
78 | "@types/react": "19.2.2",
79 | "@types/react-dom": "19.2.2"
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/package/public/images/svgs/icon-dd-invoice.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/discount-code.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
21 |
22 |
26 |
33 |
35 |
36 | {/* Scrollable content */}
37 | Notification
34 |
44 |
53 |
54 |
45 |
52 | 46 | {item.title} 47 |
48 | 49 | {item.subtitle} 50 | 51 |
91 |
103 |
104 |
105 |
--------------------------------------------------------------------------------
/package/public/images/svgs/next-cat-icon.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/package/src/app/components/auth/register.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import FullLogo from '@/app/(DashboardLayout)/layout/shared/logo/FullLogo'
4 | import CardBox from '../shared/CardBox'
5 | import Link from 'next/link'
6 | import { Label } from '@/components/ui/label'
7 | import { Input } from '@/components/ui/input'
8 | import { Button } from '@/components/ui/button'
9 |
10 | export const Register = () => {
11 | return (
12 | <>
13 |
92 | 
93 |
94 |
102 | 30% OFF
95 | On Premium 96 | Product 97 |Use Coupon code : upgrade30
98 |
99 |
100 | Get Now
101 |
14 |
77 |
78 | )
79 | }
80 |
--------------------------------------------------------------------------------
/package/src/app/components/apps/notes/AddNotes.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { useState } from 'react'
4 | import {
5 | Dialog,
6 | DialogContent,
7 | DialogFooter,
8 | DialogHeader,
9 | DialogTitle,
10 | DialogTrigger,
11 | } from '@/components/ui/dialog'
12 | import { Textarea } from '@/components/ui/textarea'
13 | import { Button } from '@/components/ui/button'
14 | import { TbCheck } from 'react-icons/tb'
15 |
16 | interface Props {
17 | colors: any[]
18 | addNote: (note: { title: string; color: string }) => void
19 | }
20 |
21 | const AddNotes = ({ colors, addNote }: Props) => {
22 | const [openNoteModal, setOpenNoteModal] = useState(false)
23 | const [scolor, setScolor] = useState
15 |
16 |
75 |
76 |
17 |
19 | 20 | Your Social Campaigns 21 |
22 |
23 |
35 |
24 |
27 |
28 |
34 |
36 |
48 |
37 |
40 |
41 |
47 |
49 |
61 |
64 |
50 |
53 |
54 |
60 |
65 |
74 | 66 | Already have an account? 67 |
68 | 71 | Sign In 72 | 73 |