updates spacing, and adds levels internship

src/components/achievements.tsx

@@ -14,7 +14,7 @@ export default function Achievements({ params }: AchievementProps) {
       ? 3
       : Number(params["show-achievements"]) || 3
   return (
-    <section className="my-12">
+    <section className="my-16">
       <H2>Achievements</H2>
       <div className="grid gap-4">
         {achievements.map(

src/components/experience.tsx

@@ -6,7 +6,7 @@ import Link from "next/link"
 
 export default function Experience() {
   return (
-    <section className="my-12">
+    <section className="my-16">
       <H2>Experience</H2>
       <div className="grid lg:grid-cols-2 gap-4">
         {experiences.map((experience) => (

src/components/home.tsx

@@ -1,14 +1,14 @@
-import Image from "next/image"
 import ProfileImg from "@/assets/images/Deveesh.jpg"
-import Link from "next/link"
-import { icons as Icon } from "@/lib/icons"
-import { H1 } from "@/components/ui/headers"
 import Button from "@/components/ui/button"
+import { H1 } from "@/components/ui/headers"
 import { siteConfig } from "@/lib/config"
+import { icons as Icon } from "@/lib/icons"
+import Image from "next/image"
+import Link from "next/link"
 
 function Home() {
   return (
-    <main className="flex flex-col-reverse xl:flex-row items-center gap-16 py-8">
+    <main className="flex flex-col-reverse xl:flex-row items-center gap-16 my-16">
       <div className="flex flex-col gap-8">
         <div className="flex flex-col gap-4">
           <H1>Deveesh Shetty</H1>

src/components/projects.tsx

@@ -1,10 +1,10 @@
-import Image from "next/image"
-import { icons as Icon } from "@/lib/icons"
-import Link from "next/link"
-import { projects } from "@/lib/projects"
 import { SearchParamsType } from "@/app/page"
-import { H2, H3 } from "@/components/ui/headers"
 import Button from "@/components/ui/button"
+import { H2, H3 } from "@/components/ui/headers"
+import { icons as Icon } from "@/lib/icons"
+import { projects } from "@/lib/projects"
+import Image from "next/image"
+import Link from "next/link"
 
 type ProjectProps = {
   params: SearchParamsType
@@ -21,7 +21,7 @@ function Projects({ params }: ProjectProps) {
       : Number(params["show-projects"]) || 3
 
   return (
-    <section className="my-8">
+    <section className="my-16">
       <H2>Projects</H2>
       <div className="grid gap-6">
         {projects.map(

src/components/talks.tsx

@@ -5,7 +5,7 @@ import Link from "next/link"
 
 export default function Talks() {
   return (
-    <section className="my-12">
+    <section className="my-16">
       <H2>Talks and Workshops</H2>
       <div className="grid gap-4">
         {talks.map((talk) => (

src/components/tech-stack.tsx

@@ -3,7 +3,7 @@ import { icons as Icon } from "@/lib/icons"
 
 function TechStack() {
   return (
-    <section className="py-8">
+    <section className="my-16">
       <H2>Tech Stack</H2>
       <div className="grid grid-cols-5 outline outline-1 outline-slate-700 text-xl md:text-2xl">
         <div className="col-span-5 flex flex-wrap py-8 gap-8 outline outline-1 -outline-offset-4 outline-slate-700 px-4 items-center">

src/lib/experiences.ts

@@ -78,4 +78,15 @@ export const experiences = [
     startDate: "Apr 2024",
     endDate: null,
   },
+  {
+    id: uuid(),
+    title: "Frontend Engineer Intern",
+    organization: {
+      name: "Levels.fyi",
+      url: "https://www.levels.fyi/",
+      logo: "/experiences/levels.svg",
+    },
+    startDate: "Sep 2024",
+    endDate: null,
+  },
 ].sort((a, b) => Date.parse(a.startDate) - Date.parse(b.startDate))