adicionando navbar e categorybar ao layout

mateusarcedev · Jun 6, 2024 · 55fa831 · 55fa831
1 parent d722b37
commit 55fa831
Show file tree

Hide file tree

Showing 14 changed files with 23 additions and 74 deletions.
diff --git a/app/algos/page.js b/app/algos/page.js
@@ -1,15 +1,9 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://www.beecrowd.com.br/judge/pt/login"

diff --git a/app/animations/page.js b/app/animations/page.js
@@ -1,15 +1,10 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
+
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://scrollrevealjs.org/"

diff --git a/app/apis/page.js b/app/apis/page.js
@@ -1,15 +1,9 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://dummyjson.com/"

diff --git a/app/blogs/page.js b/app/blogs/page.js
@@ -1,16 +1,11 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
+
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
-			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 
+			<main className="bg-background flex flex-col items-center w-full ">
 				<div className="w-4/5 flex justify-center items-center m-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://medium.com/"

diff --git a/app/colors/page.js b/app/colors/page.js
@@ -1,16 +1,10 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
+
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
-
 				<div className="w-4/5 flex justify-center items-center m-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://colorhunt.co/"

diff --git a/app/fonts/page.js b/app/fonts/page.js
@@ -1,15 +1,9 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://www.1001fonts.com/"

diff --git a/app/icons/page.js b/app/icons/page.js
@@ -1,15 +1,10 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
+
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 
 				<div className="w-4/5 flex justify-center items-center m-4 gap-4 flex-wrap mb-5">
 					<Card

diff --git a/app/ilustrations/page.js b/app/ilustrations/page.js
@@ -5,11 +5,7 @@ import Navbar from "@/components/Navbar";
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://blush.design/pt"

diff --git a/app/inspirationUI/page.js b/app/inspirationUI/page.js
@@ -1,15 +1,10 @@
 import Card from "@/components/Card";
-import CategoryBar from "@/components/CategoryBar";
-import Navbar from "@/components/Navbar";
+
 
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://uijar.com/"

diff --git a/app/layout.js b/app/layout.js
@@ -1,8 +1,12 @@
 import './globals.css';
 import { Inter } from 'next/font/google';
 import Head from 'next/head';
+import CategoryBar from "@/components/CategoryBar";
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
+
+
 
-const inter = Inter({ subsets: ['latin'] });
 
 export const metadata = {
 	openGraph: {
@@ -53,7 +57,14 @@ export default function RootLayout({ children }) {
 				<meta property="og:image:alt" content="Image preview" />
 				<meta property="og:type" content="website" />
 			</Head>
-			<body className={inter.className}>{children}</body>
+			<body className="bg-[#111111] h-full ">
+				<Navbar />
+				<div className='flex items-center justify-center'>
+					<CategoryBar />
+				</div>
+				{children}
+				{/* <Footer /> */}
+			</body>
 		</html>
 	);
 }
diff --git a/app/page.js b/app/page.js
@@ -1,16 +1,12 @@
-import CategoryBar from "@/components/CategoryBar";
-import Footer from "@/components/Footer";
-import Navbar from "@/components/Navbar";
-
 export default function Home() {
 	return (
 		<div className="bg-background h-full flex flex-col">
-			<Navbar />
+
 
 			<main className="flex flex-col items-center px-24 py-16 gap-12 text-[#D9D9D9]">
-				<CategoryBar />
+
 				<div className="flex flex-col gap-4 items-center">
-					<h1 className="text-4xl">Sobre o projeto 🧑🏽‍💻</h1>
+					<h1 className="text-4xl md:text-2xl sm:text-xl">Sobre o projeto 🧑🏽‍💻</h1>
 					<p className="text-xl">
 						Este é um projeto criado para ajudar programadores
 						iniciantes a encontrar ferramentas úteis para o
@@ -33,8 +29,6 @@ export default function Home() {
 					</p>
 				</div>
 			</main>
-
-			<Footer />
 		</div>
 	);
 }
diff --git a/app/portfolios/page.js b/app/portfolios/page.js
@@ -5,11 +5,7 @@ import Navbar from "@/components/Navbar";
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 				<div className="w-4/5 flex justify-center items-center mt-4 gap-4 flex-wrap mb-5">
 					<Card
 						url="https://iuricode.com/"

diff --git a/app/tools/page.js b/app/tools/page.js
@@ -5,11 +5,7 @@ import Navbar from "@/components/Navbar";
 export default function Home() {
 	return (
 		<>
-			<Navbar />
 			<main className="bg-background flex flex-col items-center w-full ">
-				<div className="w-4/5 flex justify-center items-center">
-					<CategoryBar />
-				</div>
 
 				<div className="w-4/5 flex justify-center items-center m-4 gap-4 flex-wrap">
 					<Card

diff --git a/components/CategoryBar.js b/components/CategoryBar.js
@@ -2,7 +2,7 @@ import Category from "./Category";
 
 export default function CategoryBar() {
 	return (
-		<div className="bg-white w-full h-auto rounded-lg flex items-center justify-between p-5 gap-2 overflow-x-auto">
+		<div className="bg-white w-4/5 h-auto rounded-lg flex items-center justify-between p-5 gap-2 overflow-x-auto">
 			<Category url="/algos" title="Algoritmos" />
 			<Category url="/apis" title="API's" />
 			<Category url="/animations" title="Animações" />