X Tutup
Skip to content

Home page #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gbzarelli merged 4 commits into from
Apr 25, 2025
Merged

Home page #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6fca481
feat: home page
gbzarelli Apr 23, 2025
0645874
feat: fix build errors and add footer
gbzarelli Apr 25, 2025
0ae1a70
fix: update home
gbzarelli Apr 25, 2025
1fc7484
fix: another update
gbzarelli Apr 25, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/images/logo-2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions src/app/blog/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
import { BlogCard } from '../components/BlogCard';
import { Navbar } from '../components/Navbar';
import { SearchBar } from '../components/SearchBar';
import { useEffect, useState, useMemo } from 'react';
import { useEffect, useState, useMemo, useCallback } from 'react';

interface Gist {
id: string;
Expand Down Expand Up @@ -159,7 +159,7 @@ export default function Blog() {
}
};

const loadAllGists = async () => {
const loadAllGists = useCallback(async () => {
try {
let currentPage = 1;
let hasMore = true;
Expand All @@ -179,11 +179,11 @@ export default function Blog() {
setError(err instanceof Error ? err.message : 'Erro ao carregar os gists');
setLoading(false);
}
};
}, []);

useEffect(() => {
loadAllGists();
}, []);
}, [loadAllGists]);

const filteredGists = useMemo(() => {
if (!searchTerm) return gists;
Expand Down
50 changes: 50 additions & 0 deletions src/app/components/Footer/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
"use client";

import React from "react";
import Link from "next/link";

export const Footer: React.FC = () => {
const currentYear = new Date().getFullYear();

return (
<footer className="bg-gray-800 text-white py-8 mt-12">
<div className="container mx-auto px-4">
<div className="flex flex-col md:flex-row justify-between items-center">
<div className="mb-4 md:mb-0">
<h2 className="text-2xl font-bold">HelpDev</h2>
<p className="text-gray-400 mt-2">Compartilhando conhecimento em desenvolvimento de software desde 2013</p>
</div>

<div className="flex flex-col md:flex-row gap-8">
<div>
<h3 className="text-lg font-semibold mb-2">Links</h3>
<ul className="space-y-1">
<li><Link href="/" className="text-gray-400 hover:text-white transition-colors">Home</Link></li>
<li><Link href="/about" className="text-gray-400 hover:text-white transition-colors">Sobre</Link></li>
<li><Link href="/articles" className="text-gray-400 hover:text-white transition-colors">Artigos</Link></li>
<li><Link href="/projects" className="text-gray-400 hover:text-white transition-colors">Projetos</Link></li>
<li><Link href="/blog" className="text-gray-400 hover:text-white transition-colors">Blog</Link></li>
</ul>
</div>

<div>
<h3 className="text-lg font-semibold mb-2">Social</h3>
<ul className="space-y-1">
<li><a href="https://github.com/gbzarelli" className="text-gray-400 hover:text-white transition-colors" target="_blank" rel="noopener noreferrer">GitHub</a></li>
<li><a href="https://twitter.com/gbzarelli" className="text-gray-400 hover:text-white transition-colors" target="_blank" rel="noopener noreferrer">Twitter</a></li>
<li><a href="https://www.linkedin.com/in/guilherme-biff-zarelli/" className="text-gray-400 hover:text-white transition-colors" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
</ul>
</div>
</div>
</div>

<div className="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400">
<p>&copy; {currentYear} HelpDev. Todos os direitos reservados. Site online desde 2013.</p>
</div>
</div>
</footer>
);
};

export default Footer;

19 changes: 12 additions & 7 deletions src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import type { Metadata, Viewport } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Footer from "./components/Footer";

const inter = Inter({ subsets: ["latin"] });

Expand Down Expand Up @@ -58,22 +59,26 @@ export const metadata: Metadata = {
"max-snippet": -1,
},
},
viewport: {
width: "device-width",
initialScale: 1,
maximumScale: 1,
},
category: "technology",
};

export const viewport: Viewport = {
width: "device-width",
initialScale: 1,
maximumScale: 1,
};

export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="pt-BR">
<body className={inter.className}>{children}</body>
<body className={inter.className} suppressHydrationWarning>
{children}
<Footer />
</body>
</html>
);
}
Loading
X Tutup