intial migration

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -0,0 +1,29 @@
+## Getting started
+
+Process to setup the project in your localhost.
+
+**Step - 1:**
+- clone the project to your localhost or Computer
+- Use below command to clone to your localhost.
+
+```
+git clone <repo name>
+```
+
+**Step - 2**
+
+- Now run below commands to install and run
+
+```
+cd <directorty(folder) name>
+```
+
+```
+npm i
+```
+
+```
+npm run dev
+```
+
+you can see the localhost:3000

components/AdSense.jsx

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+
+const AdSense = ({ client, slot }) => {
+  useEffect(() => {
+    try {
+      (window.adsbygoogle = window.adsbygoogle || []).push({});
+    } catch (e) {
+      console.error("AdSense error: ", e);
+    }
+  }, []);
+
+  return (
+    <ins
+      className="adsbygoogle"
+      style={{ display: 'block' }}
+      data-ad-client={client}
+      data-ad-slot={slot}
+      data-ad-format="auto"
+    ></ins>
+  );
+};
+
+export default AdSense;

components/Footer.jsx

@@ -0,0 +1,49 @@
+import React from "react";
+
+const Footer = () => {
+  return (
+    <>
+      <div className="bg-[#3F3F3F] w-full flex justify-around h-[251px]">
+        <div className="w-[288px] m-auto h-[125px]">
+          <div className="w-full h-[67px] my-5 bg-[#FFFFFF]"></div>
+          <div className="grid grid-cols-5">
+            <div className="w-[49px] h-[41px] bg-[#FFFFFF]"></div>
+            <div className="w-[49px] h-[41px] bg-[#FFFFFF]"></div>
+            <div className="w-[49px] h-[41px] bg-[#FFFFFF]"></div>
+            <div className="w-[49px] h-[41px] bg-[#FFFFFF]"></div>
+          </div>
+        </div>
+        <div className="w-[115px] text-white m-auto h-[120px]">
+          <h4 className="font-bold my-2 text-base">QUICK LINKS</h4>
+          <ul className="w-[94px] h-[92px]">
+            <li className="text-sm">Tech Blogs</li>
+            <li className="text-sm">Design Blogs</li>
+            <li className="text-sm">Tutorial Blogs</li>
+          </ul>
+        </div>
+        <div className="w-[115px] text-white m-auto h-[120px]">
+          <h4 className="font-bold my-2 text-base">Community</h4>
+          <ul className="w-[94px] h-[92px]">
+            <li className="text-sm">Hive Team</li>
+            <li className="text-sm">Carrer</li>
+          </ul>
+        </div>
+        <div className="w-[115px] text-white m-auto h-[120px]">
+          <h4 className="font-bold my-2 text-base">SUPPORT</h4>
+          <ul className="w-[94px] h-[92px]">
+            <li className="text-sm">Contact Us</li>
+            <li className="text-sm">Help Center</li>
+            <li className="text-sm">FAQs</li>
+          </ul>
+        </div>
+      </div>
+      <div className="w-full flex text-center justify-center items-center h-[68px] bg-[#CCCCCC]">
+        <p className="font-bold">
+          © 2022 — Lets Build Community. All Rights Reserved.
+        </p>
+      </div>
+    </>
+  );
+};
+
+export default Footer;

components/Header.jsx

@@ -0,0 +1,44 @@
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+
+const Header = () => {
+  return (
+    <div className="h-[72px] w-full flex items-center justify-between bg-[#D9D9D9]">
+      <div className="flex justify-between w-full px-10">
+        <div  className="w-[201px] ml-5">
+          <Image
+            src="/assets/Home/Logo_Home.png"
+            alt=""
+            width={181}
+            height={38}
+          />
+        </div>
+        <div className="w-[597px] p-2 flex justify-between px-6">
+          <Link href="/" className="text-[#000000] w-auto">
+            Home
+          </Link>
+          <Link href="/blog" className="text-[#000000] w-auto">
+            Explore
+          </Link>
+          <Link href="/" className="text-[#000000] w-auto">
+            About
+          </Link>
+          <Link href="/" className="text-[#000000] w-auto">
+            Events
+          </Link>
+          <Link href="/" className="text-[#000000] w-auto">
+            Sign in
+          </Link>
+          <Link href="/">
+            <button className="bg-black text-white w-auto px-5 py-1 font-bold rounded-3xl">
+              Get Started
+            </button>
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Header;