joaonloureiro/portfolio-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance layout and styling with new fonts and components

Browse Source 
- Integrated Space Grotesk font alongside Inter in layout.
- Added FloatingSocials component for social media links.
- Updated Footer with a new background color.
- Modified Header to improve spacing and added LanguageSwitcher.
- Refactored LanguageSwitcher to use a dropdown for language selection.
- Updated ProjectCard to include images and improved layout.
- Revamped About section to include categorized skills with animations.
- Enhanced Contact section with animations and improved form styling.
- Updated Hero section with type animation for dynamic text display.
- Refactored Projects section to include animations for project cards.
- Removed Skills section as it was integrated into the About section.
- Updated global styles for light and dark themes, including new animations.
- Updated translations for new skills and hero section text.
This commit is contained in:
João Loureiro
2025-06-10 00:27:48 -03:00
parent 762ce1fb59
commit fe8bbf05f6
22 changed files with 1075 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/(i18n)/[locale]/layout.tsx
View File

@@ -1,4 +1,4 @@
import { Inter } from "next/font/google";
import { Inter, Space_Grotesk } from "next/font/google";
import Header from "@/app/components/Header"; // Usando o Header que forneci
import Footer from "@/app/components/Footer";
import "@/app/globals.css"; // Importando o CSS global
@@ -11,8 +11,18 @@ import {getTranslations, setRequestLocale} from 'next-intl/server';
import { ReactNode } from "react";
import { routing } from "@/i18n/routing";
import { notFound } from "next/navigation";
import FloatingSocials from "@/app/components/FloatingSocials";
const inter = Inter({ subsets: ["latin"] });
const inter = Inter({
subsets: ["latin"],
variable: '--font-inter',
});
const space_grotesk = Space_Grotesk({
subsets: ["latin"],
weight: ['300', '400', '500', '700'],
variable: '--font-space-grotesk',
});
type Props = {
children: ReactNode;
@@ -42,13 +52,13 @@ export default async function RootLayout({children, params}: Props) {
setRequestLocale(locale);
return (
<html lang={locale} className="scroll-smooth">
<html lang={locale} className={`${inter.variable} ${space_grotesk.variable} scroll-smooth`}>
<body className={`${inter.className} bg-background text-text-primary`}>
<ThemeProvider>
<NextIntlClientProvider locale={locale}>
<FloatingSocials />
<Header />
<main className="flex flex-col items-center">
<main className="flex flex-col">
{children}
</main>
<Footer />