Merge pull request #1 from prakashsingha/setup-and-ui

Setup the app and implement UI

Author: prakashsingha

.stylelintrc.json

@@ -0,0 +1,20 @@
+{
+  "rules": {
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "tailwind",
+          "apply",
+          "layer",
+          "config",
+          "plugin",
+          "source",
+          "theme",
+          "custom-variant",
+          "utility"
+        ]
+      }
+    ]
+  }
+}

app/(root)/books/new/page.tsx

@@ -0,0 +1,20 @@
+import UploadForm from "@/components/UploadForm";
+
+const Page = () => {
+  return (
+    <main className="wrapper container">
+      <div className="mx-auto max-w-180 space-y-10">
+        <section className="flex flex-col gap-5">
+          <h1 className="page-title-xl">Add a New Book</h1>
+          <p className="subtitle">
+            Upoad a PDF to generate your interactive reading experience
+          </p>
+        </section>
+
+        <UploadForm />
+      </div>
+    </main>
+  );
+};
+
+export default Page;

app/(root)/page.tsx

@@ -0,0 +1,18 @@
+import BookCard from "@/components/BookCard";
+import HeroSection from "@/components/HeroSection";
+import { sampleBooks } from "@/lib/constants";
+
+const Page = () => {
+  return (
+    <div className="wrapper container">
+      <HeroSection />
+      <div className="library-books-grid">
+        {sampleBooks.map((book) => (
+          <BookCard key={book._id} {...book} />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Page;