feat: added novel editor version 2 setup

components/DownloadBtn.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+export default function DownloadBtn() {
+  return (
+    <div className="py-8">
+      <a
+        className="py-3 px-6 bg-slate-900 rounded-md text-slate-50 "
+        href="/notes.pptx"
+        download
+      >
+        Download the presentation
+      </a>
+    </div>
+  );
+}

components/Hero.jsx

@@ -0,0 +1,75 @@
+import Link from "next/link";
+import React from "react";
+export default function Hero() {
+  const links = [
+    {
+      title: "Typescript in Next Js",
+      path: "/programming-tutorials/nextjs/next-typescript",
+    },
+    { title: "Roadmaps Must see", path: "/roadmaps" },
+    { title: "Desishub Lessons", path: "/programming-tutorials" },
+    { title: "YouTube Video Tutorials", path: "#" },
+    { title: "Website Templates Guides", path: "#" },
+    { title: "Course Guides", path: "#" },
+    { title: "Desishub Courses", path: "#" },
+    { title: "How to Guides", path: "#" },
+  ];
+
+  return (
+    <div className="bg-gradient-to-b from-slate-900 to-black">
+      <div className="min-h-auto relative min-h-[192px] border-b border-b-[#1e293c] sm:min-h-[281px] transition-all">
+        <div className="container px-5 py-6 pb-14 text-left transition-opacity duration-300 sm:px-0 sm:py-20 sm:text-center">
+          <p className="-mt-4 sm:-mt-10 mb-7">
+            <Link
+              href="https://coding-school-typescript.vercel.app/courses/next"
+              className="rounded-md border border-dashed border-purple-700 px-3 py-1.5 text-purple-400 transition-colors hover:border-gray-700 hover:text-white"
+            >
+              <span className="relative -top-[0.5px] mr-1 text-xs font-semibold text-white">
+                Introducing
+              </span>
+              <span className="hidden sm:inline">
+                Next Js
+                <span className="font-semibold ms-2"> Fullstack Course</span>
+              </span>
+              <span className="inline sm:hidden">Next Js Fullstack Course</span>
+            </Link>
+          </p>
+          <h className="mb-2 bg-gradient-to-b from-amber-50 to-purple-500 bg-clip-text text-2xl font-bold text-transparent sm:mb-4 sm:text-5xl">
+            All in One Developer's Handbook
+          </h>
+          <p className="hidden px-4 text-lg text-gray-400 sm:block">
+            Master any dev challenge with Desishub's all-in-one handbook. From
+            roadmaps to video tutorials, conquer frontend, backend, and design
+            with ease. This guide empowers you with everything you need to
+            become a top developer.
+          </p>
+          <p className="text-md block px-0 text-gray-400 sm:hidden">
+            Desishub's all-in-one handbook. From roadmaps to video tutorials,
+            conquer frontend, backend, and design with ease.
+          </p>
+        </div>
+      </div>
+      <div className="relative border-b border-b-[#1e293c] py-10 sm:py-14">
+        <div className="max-w-7x mx-auto">
+          <h1 className="text-md font-regular absolute -top-[17px] flex rounded-lg border border-[#1e293c] bg-slate-900 px-3 py-1 text-slate-400 sm:left-1/2 sm:-translate-x-1/2">
+            Popular Bookmarks
+          </h1>
+          <ul className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 mx-auto px-8">
+            {links.map((item, i) => {
+              return (
+                <li key={i}>
+                  <Link
+                    href={item.path}
+                    className="group border border-slate-800 bg-slate-900 p-2.5 sm:p-3.5 block no-underline rounded-lg relative text-slate-400 font-regular text-md hover:border-slate-600 hover:text-slate-100 overflow-hidden"
+                  >
+                    {item.title}
+                  </Link>
+                </li>
+              );
+            })}
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}

components/User.jsx

@@ -0,0 +1 @@
+import React from "react";

notes.md

@@ -0,0 +1,39 @@
+https://www.telerik.com/blogs/getting-started-typescript-react
+https://blog.bitsrc.io/react-typescript-cheetsheet-2b6fa2cecfe2
+https://ultimatecourses.com/courses/html-css
+pages/
+|-- index.js (Homepage)
+|-- programming-tutorials/
+| |-- index.js (Programming Tutorials Landing Page)
+| |-- html-css-tailwind/
+| | |-- index.js (HTML, CSS, Tailwind Tutorial Page)
+| | |-- tutorial-1.js (Individual Tutorial Page)
+| | |-- tutorial-2.js (Individual Tutorial Page)
+| | |-- ...
+| |-- next-js/
+| | |-- index.js (Next.js Tutorial Page)
+| | |-- tutorial-1.js (Individual Tutorial Page)
+| | |-- tutorial-2.js (Individual Tutorial Page)
+| | |-- ...
+| |-- node-js/
+| |-- index.js (Node.js Tutorial Page)
+| |-- tutorial-1.js (Individual Tutorial Page)
+| |-- tutorial-2.js (Individual Tutorial Page)
+| |-- ...
+|-- youtube-video-tutorials/
+| |-- index.js (YouTube Video Tutorials Landing Page)
+| |-- video-1.js (Individual Video Tutorial Page)
+| |-- video-2.js (Individual Video Tutorial Page)
+| |-- ...
+|-- website-templates/
+| |-- index.js (Website Templates Landing Page)
+| |-- template-1.js (Individual Website Template Documentation Page)
+| |-- template-2.js (Individual Website Template Documentation Page)
+| |-- ...
+|-- course-projects/
+|-- index.js (Course Projects Landing Page)
+|-- project-1.js (Individual Course Project Documentation Page)
+|-- project-2.js (Individual Course Project Documentation Page)
+|-- ...
+
+https://www.youtube.com/watch?v=wTGVHLyV09M