diff --git a/README.md b/README.md index 26d3654..07440e4 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,11 @@ DesignDeck is a web-based collaborative design tool similar to Figma, built using Next.js, TypeScript, Tailwind CSS, and LiveBlocks API, Fabric.js. With Designdeck, teams can seamlessly collaborate on designing interfaces in real-time with a plethora of features. +## πŸ“ˆ GitHub Repository Stats +| 🌟 **Stars** | 🍴 **Forks** | πŸ› **Issues** | πŸ”” **Open PRs** | πŸ”• **Closed PRs** | πŸ› οΈ **Languages** | βœ… **Contributors** | +|--------------|--------------|---------------|-----------------|------------------|------------------|------------------| +| ![GitHub stars](https://img.shields.io/github/stars/jahnvisahni31/DesignDeck) | ![forks](https://img.shields.io/github/forks/jahnvisahni31/DesignDeck) | ![issues](https://img.shields.io/github/issues/jahnvisahni31/DesignDeck?color=32CD32) | ![pull requests](https://img.shields.io/github/issues-pr/jahnvisahni31/DesignDeck?color=FFFF8F) | ![Closed PRs](https://img.shields.io/github/issues-pr-closed/jahnvisahni31/DesignDeck?color=20B2AA) | ![Languages](https://img.shields.io/github/languages/count/jahnvisahni31/DesignDeck?color=20B2AA) | ![Contributors](https://img.shields.io/github/contributors/jahnvisahni31/DesignDeck?color=00FA9A) | + ## πŸš€Featured In @@ -177,3 +182,7 @@ For any questions or support, please reach out to [Jahnvisahni98@gmail.com](mail Back to Top + +## Licence πŸ’΅ + +This repository is protected under MIT License for more deatils refer to [MIT License](https://github.com/jahnvisahni31/DesignDeck/blob/main/LICENSE) for more details. diff --git a/app/front-navbar.tsx b/app/front-navbar.tsx index df80fda..d6a8c8e 100644 --- a/app/front-navbar.tsx +++ b/app/front-navbar.tsx @@ -1,3 +1,5 @@ +// NavbarComponent.tsx +"use client" import React, { useEffect, useState } from "react"; import { Navbar, @@ -24,13 +26,14 @@ import { useTheme } from "next-themes"; import ThemeSwitcher from "@/components/ui/ThemeSwitcher"; import { useUser } from "@/context/UserContext"; import Link from "next/link"; -import Logo from "@/app/images/design-deck-logo.png"; -import Image from "next/image"; +import Logo from "@/public/assets/design-deck-logo.png"; +import Image from 'next/image'; +// Define props interface interface NavbarComponentProps { - isLoggedIn: boolean; - setIsMenuOpen: React.Dispatch>; - isMenuOpen: boolean; + isLoggedIn: boolean; + setIsMenuOpen: React.Dispatch>; + isMenuOpen: boolean; } const icons = { @@ -39,19 +42,17 @@ const icons = { dev: , slide: , download: , + }; const menuItems = [ - { name: "Home", href: "/" }, - { name: "Contact", href: "/contact" }, - { name: "FAQ", href: "/faq" }, - { name: "Profile", href: "/profile" }, - { name: "Dashboard", href: "/dashboard" }, - { name: "WorkSpace", href: "/workspace" }, - { name: "System", href: "/system" }, - { name: "My Settings", href: "/settings" }, - { name: "Help & Feedback", href: "/help" }, - { name: "Log Out", href: "/logout" }, + { name: "Profile", href: "/profile" }, + { name: "Dashboard", href: "/dashboard" }, + { name: "WorkSpace", href: "/workspace" }, + { name: "System", href: "/system" }, + { name: "My Settings", href: "/settings" }, + { name: "Help & Feedback", href: "/help" }, + { name: "Log Out", href: "/logout" }, ]; const NavbarComponent: React.FC = ({ diff --git a/app/layout.tsx b/app/layout.tsx index 9892f6b..63f4b58 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -12,10 +12,10 @@ const workSans = Work_Sans({ weight: ["400", "600", "700"], }); -export const metadata: Metadata = { - title: "DesignDeck", - description: "A DesignDeck built with Liveblocks and Next.js", -}; +// export const metadata: Metadata = { +// title: "DesignDeck", +// description: "A DesignDeck built with Liveblocks and Next.js", +// }; export default function RootLayout({ children, diff --git a/app/terms_of_use/page.tsx b/app/terms_of_use/page.tsx index 3dd27e8..8b697ad 100644 --- a/app/terms_of_use/page.tsx +++ b/app/terms_of_use/page.tsx @@ -1,134 +1,149 @@ -import { Metadata } from "next"; -import RootLayout from "@/app/layout"; -import Link from "next/link"; +"use client"; -export const metadata: Metadata = { - title: "Terms of Use - DesignDeck", - description: "Read the terms of use for DesignDeck.", -}; +import React, { useEffect, useState } from "react"; +import RootLayout from "@/app/layout"; +import NavbarComponent from "../front-navbar"; +import { useTheme } from "next-themes"; +import { motion } from "framer-motion"; export default function TermsOfUse() { + const { systemTheme, theme } = useTheme(); + const [darkMode, setDarkMode] = useState(false); + + useEffect(() => { + const currentTheme = theme === "system" ? systemTheme : theme; + setDarkMode(currentTheme === "dark"); + }, [theme, systemTheme]); + return ( - -
-

- Terms of Use -

- -

- Welcome to DesignDeck! These Terms of Use govern your use of our website and services. Please read these terms carefully before using our services. By accessing or using our services, you agree to comply with and be bound by these terms. If you do not agree with any part of these terms, you must not use our services. -

+ <> + + +
+
+ + Terms of Use + -

- 1. Acceptance of Terms -

-

- By accessing or using our services, you confirm that you accept these Terms of Use and that you agree to comply with them. If you do not agree to these terms, you must not access or use our services. -

+ + Welcome to DesignDeck! These Terms of Use govern your use of our + website and services. Please read these terms carefully before + using our services. By accessing or using our services, you agree + to comply with and be bound by these terms. If you do not agree + with any part of these terms, you must not use our services. + -

- 2. User Responsibilities -

-

- You are responsible for your use of the services and for any content you create or share while using our services. You agree to use the services only for lawful purposes and in a manner that does not infringe the rights of, restrict, or inhibit anyone else's use and enjoyment of the services. This includes not engaging in any conduct that is unlawful, harmful, or objectionable. -

+
+ By accessing or using our services, you confirm that you accept + these Terms of Use and that you agree to comply with them. If you + do not agree to these terms, you must not access or use our + services. +
-

- 3. Intellectual Property -

-

- All content on DesignDeck, including text, graphics, logos, images, and software, is the property of DesignDeck or its licensors and is protected by copyright, trademark, and other intellectual property laws. You may not reproduce, distribute, modify, or create derivative works of any content without our express written permission. Any unauthorized use of the content may violate copyright, trademark, and other laws. -

+
+ You are responsible for your use of the services and for any + content you create or share while using our services. You agree to + use the services only for lawful purposes and in a manner that + does not infringe the rights of, restrict, or inhibit anyone + else's use and enjoyment of the services. +
-

- 4. Limitation of Liability -

-

- In no event shall DesignDeck be liable for any indirect, incidental, special, consequential, or punitive damages arising from your access to or use of our services. This includes any damages resulting from any errors or omissions in the content, loss of data, or any unauthorized access to or use of our servers and/or any personal information stored therein. Your use of our services is at your own risk. -

+
+ All content on DesignDeck, including text, graphics, logos, and + images, is the property of DesignDeck or its licensors and is + protected by copyright, trademark, and other intellectual property + laws. +
-

- 5. Changes to Terms -

-

- We reserve the right to modify these Terms of Use at any time. Any changes will be effective immediately upon posting the revised terms on our website. Your continued use of the services following any changes constitutes your acceptance of the new terms. We encourage you to review these terms periodically for updates. -

+
+ In no event shall DesignDeck be liable for any indirect, + incidental, special, consequential, or punitive damages arising + from your access to or use of our services. +
-

- 6. Governing Law -

-

- These Terms of Use shall be governed by and construed in accordance with the laws of [Your State/Country], without regard to its conflict of law provisions. Any legal action or proceeding arising out of or related to these terms shall be brought exclusively in the courts located within [Your Jurisdiction]. -

+
+ We reserve the right to modify these Terms of Use at any time. Any + changes will be effective immediately upon posting. +
-

- 7. Contact Information -

-

- For any questions about these Terms of Use, please contact us at [Your Email Address]. We value your feedback and are here to assist you with any concerns. -

+
+ These Terms of Use shall be governed by and construed in + accordance with the laws of [Your State/Country], without regard + to its conflict of law provisions. +
-

- Thank you for using DesignDeck! We appreciate your trust and commitment to our services. -

+
+ For any questions about these Terms of Use, please contact us at + [Your Email Address]. +
+
+
+ + + ); +} -

- - - -
- +function Section({ title, children, darkMode }) { + return ( + <> + + {title} + + + {children} + + ); }