+
- )
+ );
}
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 02e8e8b92..99dc082c6 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -1,5 +1,19 @@
-import styles from "./homepage.module.css";
+import Link from 'next/link';
+import styles from './homepage.module.css';
+import Featured from '@/components/Featured/Featured';
+import CategoryList from '@/components/CategoryList/CategoryList';
+import CardList from '@/components/CardList/CardList';
+import Menu from '@/components/Menu/Menu';
export default function Home() {
- return
Hello
;
+ return (
+
+
+
+
+
+
+
+
+ );
}
diff --git a/src/components/CardList/CardList.jsx b/src/components/CardList/CardList.jsx
new file mode 100644
index 000000000..54b200309
--- /dev/null
+++ b/src/components/CardList/CardList.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import styles from './cardList.module.css';
+import Pagination from '../Pagination/Pagination';
+
+const CardList = () => {
+ return (
+
+ CardList
+
+
+
+
+ );
+};
+
+export default CardList;
diff --git a/src/components/CardList/cardList.module.css b/src/components/CardList/cardList.module.css
new file mode 100644
index 000000000..b90efc2cd
--- /dev/null
+++ b/src/components/CardList/cardList.module.css
@@ -0,0 +1,3 @@
+.container{
+
+}
\ No newline at end of file
diff --git a/src/components/CategoryList/CategoryList.jsx b/src/components/CategoryList/CategoryList.jsx
new file mode 100644
index 000000000..bb0b1061a
--- /dev/null
+++ b/src/components/CategoryList/CategoryList.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './categoryList.module.css';
+
+const CategoryList = () => {
+ return
CategoryList
;
+};
+
+export default CategoryList;
diff --git a/src/components/CategoryList/categoryList.module.css b/src/components/CategoryList/categoryList.module.css
new file mode 100644
index 000000000..b90efc2cd
--- /dev/null
+++ b/src/components/CategoryList/categoryList.module.css
@@ -0,0 +1,3 @@
+.container{
+
+}
\ No newline at end of file
diff --git a/src/components/Featured/Featured.jsx b/src/components/Featured/Featured.jsx
new file mode 100644
index 000000000..1030f9ae2
--- /dev/null
+++ b/src/components/Featured/Featured.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './featured.module.css';
+
+const Featured = () => {
+ return
Featured
;
+};
+
+export default Featured;
diff --git a/src/components/Featured/featured.module.css b/src/components/Featured/featured.module.css
new file mode 100644
index 000000000..b90efc2cd
--- /dev/null
+++ b/src/components/Featured/featured.module.css
@@ -0,0 +1,3 @@
+.container{
+
+}
\ No newline at end of file
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
new file mode 100644
index 000000000..65d6971c5
--- /dev/null
+++ b/src/components/Footer/Footer.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './footer.module.css';
+
+const Footer = () => {
+ return
Footer
;
+};
+
+export default Footer;
diff --git a/src/components/Footer/footer.module.css b/src/components/Footer/footer.module.css
new file mode 100644
index 000000000..b90efc2cd
--- /dev/null
+++ b/src/components/Footer/footer.module.css
@@ -0,0 +1,3 @@
+.container{
+
+}
\ No newline at end of file
diff --git a/src/components/Menu/Menu.jsx b/src/components/Menu/Menu.jsx
new file mode 100644
index 000000000..dff1fa781
--- /dev/null
+++ b/src/components/Menu/Menu.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './menu.module.css';
+
+const Menu = () => {
+ return
Menu
;
+};
+
+export default Menu;
diff --git a/src/components/Menu/menu.module.css b/src/components/Menu/menu.module.css
new file mode 100644
index 000000000..b90efc2cd
--- /dev/null
+++ b/src/components/Menu/menu.module.css
@@ -0,0 +1,3 @@
+.container{
+
+}
\ No newline at end of file
diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
new file mode 100644
index 000000000..db738af56
--- /dev/null
+++ b/src/components/Navbar/Navbar.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import styles from './navbar.module.css';
+import Image from 'next/image';
+import Link from 'next/link';
+import AuthLinks from '../authLinks/AuthLinks';
+import ThemeToggle from '../themeToggle/ThemeToggle';
+
+const Navbar = () => {
+ return (
+
+ Hey, Abhishek here! Discover my stories and creative ideas.
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet alim consectetur adipisicing elit.
+
+
+ Lorem ipsum dolor sit, amet consectetur adipisicing elit.
+ Cupiditate, quam nisi magni ea laborum inventore voluptatum
+ laudantium repellat ducimus unde aspernatur fuga. Quo, accusantium
+ quisquam! Harum unde sit culpa debitis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum magnam
+ minus cupiditate quia quaerat aperiam. Veritatis laboriosam architecto
+ animi dignissimos labore officiis?
+
+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim
+ necessitatibus similique aspernatur obcaecati veritatis. Aperiam cum
+ porro sequi, totam minima consequuntur, aspernatur deleniti vero
+ repellendus dorales.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+
+
+
+
+
+
+ Abhishek
+ 12.08.2023
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tenetur,
+ magnam fugiat. Natus eaque harum ex at cum aperiam atque fugiat
+ adipisci ut corporis sint quidem inventore, soluta animi beatae
+ ipsam nam omnis ullam odit, non culpa sed? Rem quae asperiores
+ aperiam, deleniti laboriosam veritatis Lorem
+
+
+
Lorem ipsum dolor sit amet consectetur.
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tenetur,
+ magnam fugiat. Natus eaque harum ex at cum aperiam atque fugiat
+ adipisci ut corporis sint quidem inventore, soluta animi beatae
+ ipsam nam omnis ullam odit, non culpa sed? Rem quae asperiores
+ aperiam, deleniti laboriosam veritatis Lorem
+
+
Lorem ipsum dolor sit amet consectetur.
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tenetur,
+ magnam fugiat. Natus eaque harum ex at cum aperiam atque fugiat
+ adipisci ut corporis sint quidem inventore, soluta animi beatae
+ ipsam nam omnis ullam odit, non culpa sed? Rem quae asperiores
+ aperiam, deleniti laboriosam veritatis Lorem
+
+
Lorem ipsum dolor sit amet consectetur.
+
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tenetur,
+ magnam fugiat. Natus eaque harum ex at cum aperiam atque fugiat
+ adipisci ut corporis sint quidem inventore, soluta animi beatae
+ ipsam nam omnis ullam odit, non culpa sed? Rem quae asperiores
+ aperiam, deleniti laboriosam veritatis Lorem
+
diff --git a/src/components/comments/Comments.jsx b/src/components/comments/Comments.jsx
new file mode 100644
index 000000000..41850571b
--- /dev/null
+++ b/src/components/comments/Comments.jsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import styles from './comments.module.css';
+import Link from 'next/link';
+import Image from 'next/image';
+
+const Comments = () => {
+ const status = 'authenticated';
+ return (
+
+
Comments
+ {status === 'authenticated' ? (
+
+
+
+
+ ) : (
+ Login to write comment
+ )}
+
+
+
+
+
+
+ Abhishek
+ 12.09.2023
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus harum
+ officiis aspernatur mollitia ratione nihil labore consectetur
+ tempora est veniam, animi dolores.
+