fix: removed newsletter, fixed font-sizes & fixed github graph

- Removed newsletter
- Fixed font-sized
- fixed github graph

app/layout.tsx

@@ -59,7 +59,7 @@ export default function RootLayout({
 					<main className="px-4 md:px-8 lg:px-12 selection:bg-foreground selection:text-background bg-backdrop">
 						<Navbar />
 						{children}
-						<Newsletter />
+						{/* <Newsletter /> */}
 						<Footer />
 					</main>
 				</ThemeProvider>

app/not-found.tsx

@@ -1,5 +1,6 @@
 import { buttonVariants } from "@/components/ui/button";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
 import Image from "next/image";
 import Link from "next/link";
 
@@ -16,7 +17,13 @@ export default async function NotFound() {
 					height={80}
 				/>
 				<span className="text-sm md:text-xs text-muted-foreground">Oops!</span>
-				<CardHeader className="max-w-3xl text-center font-bold text-2xl leading-tight tracking-tight sm:text-3xl sm:leading-tight md:text-4xl md:leading-tight">
+				<CardHeader
+					className={cn(
+						"max-w-4xl text-center font-bold text-3xl leading-tight tracking-tight",
+						"sm:text-4xl sm:leading-tight",
+						"md:text-5xl md:leading-tight",
+					)}
+				>
 					Page Not Found
 				</CardHeader>
 				<CardContent>
@@ -26,7 +33,7 @@ export default async function NotFound() {
 						prefetch
 						className={buttonVariants({
 							variant: "outline",
-							size: "sm",
+							size: "default",
 						})}
 					>
 						Back Home

components/landing/github-activity.tsx

@@ -11,15 +11,24 @@ export const GithubContributions = async () => {
 	}
 
 	const quarterLength = Math.floor(github.data.length / 4);
+	const firstQuarterData = github.data.slice(0, quarterLength);
+	const secondQuarterData = github.data.slice(quarterLength, quarterLength * 2);
 	const thirdQuarterData = github.data.slice(
 		quarterLength * 2,
 		quarterLength * 3,
 	);
 	const fourthQuarterData = github.data.slice(quarterLength * 3);
 
+	const activityData = [
+		firstQuarterData,
+		secondQuarterData,
+		thirdQuarterData,
+		fourthQuarterData,
+	];
+
 	return (
 		<section className="relative border p-4 md:p-8 lg:p-12 border-t-0 grid gap-0.5 sm:grid-cols-2 sm:gap-[3px] sm:p-8 lg:gap-1 overflow-hidden">
-			{[thirdQuarterData, fourthQuarterData].map((data, index) => (
+			{activityData.map((data, index) => (
 				<ActivityCalendar
 					key={index.toString()}
 					hideColorLegend

components/landing/hero.tsx

@@ -1,5 +1,6 @@
 import { buttonVariants } from "@/components/ui/button";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
 import Image from "next/image";
 import Link from "next/link";
 import React from "react";
@@ -19,7 +20,13 @@ export function Hero() {
 				<span className="text-sm md:text-xs text-muted-foreground">
 					Sarwagya Singh
 				</span>
-				<CardHeader className="max-w-3xl text-center font-bold text-2xl leading-tight tracking-tight sm:text-3xl sm:leading-tight md:text-4xl md:leading-tight">
+				<CardHeader
+					className={cn(
+						"max-w-4xl text-center font-bold text-3xl leading-tight tracking-tight",
+						"sm:text-4xl sm:leading-tight",
+						"md:text-5xl md:leading-tight",
+					)}
+				>
 					Indian Cybersecurity Student and Engineer Currently Based In
 					Stuttgart, Germany 🇩🇪.
 				</CardHeader>
@@ -30,7 +37,6 @@ export function Hero() {
 						prefetch
 						className={buttonVariants({
 							variant: "outline",
-							size: "sm",
 						})}
 					>
 						Resume
@@ -40,7 +46,6 @@ export function Hero() {
 						prefetch
 						className={buttonVariants({
 							variant: "secondary",
-							size: "sm",
 						})}
 					>
 						Get in Touch

components/providers/theme.tsx

@@ -1,7 +1,12 @@
 "use client";
 
-import { ThemeProvider as NextThemesProvider } from "next-themes";
-
+import dynamic from "next/dynamic";
+const NextThemesProvider = dynamic(
+	() => import("next-themes").then((e) => e.ThemeProvider),
+	{
+		ssr: false,
+	},
+);
 export function ThemeProvider({
 	children,
 }: React.ComponentProps<typeof NextThemesProvider>) {

components/shared/header.tsx

@@ -1,5 +1,6 @@
 import { buttonVariants } from "@/components/ui/button";
 import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
 import { LinkedInLogoIcon } from "@radix-ui/react-icons";
 import type { IconProps } from "@radix-ui/react-icons/dist/types";
 import Link from "next/link";
@@ -28,7 +29,13 @@ export function Header({
 				<span className="text-sm md:text-xs text-muted-foreground">
 					{title}
 				</span>
-				<CardHeader className="max-w-3xl text-center font-bold text-2xl leading-tight tracking-tight sm:text-3xl sm:leading-tight md:text-4xl md:leading-tight">
+				<CardHeader
+					className={cn(
+						"max-w-4xl text-center font-bold text-3xl leading-tight tracking-tight",
+						"sm:text-4xl sm:leading-tight",
+						"md:text-5xl md:leading-tight",
+					)}
+				>
 					{header}
 				</CardHeader>
 				<CardContent>

package.json

@@ -24,7 +24,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "next": "15.1.0",
+    "next": "^15.1.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-intersection-observer": "9.13.1",