update new image

Author: JeetAhirwar

package-lock.json

@@ -376,3 +376,13 @@ const rootRouteChildren: RootRouteChildren = {
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
+
+import type { getRouter } from './router.tsx'
+import type { startInstance } from './start.ts'
+declare module '@tanstack/react-start' {
+  interface Register {
+    ssr: true
+    router: Awaited<ReturnType<typeof getRouter>>
+    config: Awaited<ReturnType<typeof startInstance.getOptions>>
+  }
+}

src/assets/founder.jpg

@@ -69,7 +69,7 @@ function ContactPage() {
         description="Tell us about your project, idea, or what you're trying to learn. Real replies from a real person — usually within a day or two."
       />
 
-      <section className="container-prose pb-24">
+      <section className="container-prose pt-16 pb-24 md:pt-20">
         <div className="grid gap-10 lg:grid-cols-12">
           {/* Form */}
           <Reveal className="lg:col-span-7">

src/assets/founder.png

@@ -3,15 +3,16 @@ import { Linkedin, ArrowUpRight } from "lucide-react";
 import { motion } from "framer-motion";
 import { PageHero, Reveal, fadeUp, stagger } from "@/components/section";
 import { CtaLink } from "@/components/cta-button";
-import founderImg from "@/assets/founder.jpg";
+import founderImg from "@/assets/founder.png";
 
 export const Route = createFileRoute("/founder")({
   head: () => ({
     meta: [
       { title: "Founder — Jeet Ahirwar · GhostCode Dynamics" },
       {
         name: "description",
-        content: "Meet Jeet Ahirwar — MCA (Cybersecurity), MERN developer, and founder of GhostCode Dynamics.",
+        content:
+          "Meet Jeet Ahirwar — MCA (Cybersecurity), MERN developer, and founder of GhostCode Dynamics.",
       },
       { property: "og:title", content: "From Learner to Builder — Jeet Ahirwar" },
       { property: "og:description", content: "The founder behind GhostCode Dynamics." },
@@ -32,13 +33,32 @@ const PERSON_JSON_LD = JSON.stringify({
   sameAs: ["https://www.linkedin.com/in/jeetahirwar/"],
 });
 
-
 const TIMELINE = [
-  { year: "Early", title: "First lines of code", desc: "Discovered programming and got hooked on solving real problems with code." },
-  { year: "Education", title: "MCA — Cyber Security", desc: "Deep dive into security fundamentals, networks, and modern web technologies." },
-  { year: "Build phase", title: "MERN Stack Developer", desc: "Shipped full-stack projects — job portals, real-time apps, dashboards." },
-  { year: "Now", title: "Founded GhostCode Dynamics", desc: "Started a founder-led brand to combine building, mentoring and security learning." },
-  { year: "Next", title: "GhostCode Academy & Labs", desc: "Internships, workshops and an open community for student builders." },
+  {
+    year: "Early",
+    title: "First lines of code",
+    desc: "Discovered programming and got hooked on solving real problems with code.",
+  },
+  {
+    year: "Education",
+    title: "MCA — Cyber Security",
+    desc: "Deep dive into security fundamentals, networks, and modern web technologies.",
+  },
+  {
+    year: "Build phase",
+    title: "MERN Stack Developer",
+    desc: "Shipped full-stack projects — job portals, real-time apps, dashboards.",
+  },
+  {
+    year: "Now",
+    title: "Founded GhostCode Dynamics",
+    desc: "Started a founder-led brand to combine building, mentoring and security learning.",
+  },
+  {
+    year: "Next",
+    title: "GhostCode Academy & Labs",
+    desc: "Internships, workshops and an open community for student builders.",
+  },
 ];
 
 function FounderPage() {
@@ -50,7 +70,8 @@ function FounderPage() {
         </p>
       </PageHero>
 
-      <section className="container-prose pb-16 md:pb-24">
+      {/* <section className="container-prose pb-16 md:pb-24"> */}
+      <section className="container-prose pt-16 pb-16 md:pt-20 md:pb-24">
         <div className="grid gap-12 lg:grid-cols-12 items-start">
           <Reveal className="lg:col-span-5 lg:sticky lg:top-28">
             <div className="relative mx-auto aspect-[4/5] w-full max-w-[220px] overflow-hidden rounded-3xl shadow-[0_20px_60px_-15px_rgba(0,0,0,0.35)] ring-1 ring-border/60 sm:max-w-[260px] lg:max-w-[300px]">
@@ -101,9 +122,7 @@ function FounderPage() {
             </Reveal>
 
             <Reveal>
-              <Heading label="Education & focus">
-                MCA — Cybersecurity. MERN by craft.
-              </Heading>
+              <Heading label="Education & focus">MCA — Cybersecurity. MERN by craft.</Heading>
               <Prose>
                 <p>
                   My focus areas blend cleanly: full-stack MERN development for building, and
@@ -125,8 +144,12 @@ function FounderPage() {
                 {TIMELINE.map((t) => (
                   <motion.li key={t.title} variants={fadeUp} className="relative">
                     <span className="absolute -left-[31px] top-1.5 h-3 w-3 rounded-full bg-primary ring-4 ring-background" />
-                    <p className="font-mono text-[10px] uppercase tracking-widest text-primary">{t.year}</p>
-                    <p className="mt-1 font-display text-lg font-semibold text-foreground">{t.title}</p>
+                    <p className="font-mono text-[10px] uppercase tracking-widest text-primary">
+                      {t.year}
+                    </p>
+                    <p className="mt-1 font-display text-lg font-semibold text-foreground">
+                      {t.title}
+                    </p>
                     <p className="mt-1 text-sm leading-relaxed text-muted-foreground">{t.desc}</p>
                   </motion.li>
                 ))}
@@ -142,8 +165,12 @@ function FounderPage() {
                 </p>
               </Prose>
               <div className="mt-8 flex flex-wrap gap-3">
-                <CtaLink to="/contact" variant="primary">Work with me</CtaLink>
-                <CtaLink to="/portfolio" variant="secondary">See projects</CtaLink>
+                <CtaLink to="/contact" variant="primary">
+                  Work with me
+                </CtaLink>
+                <CtaLink to="/portfolio" variant="secondary">
+                  See projects
+                </CtaLink>
               </div>
             </Reveal>
           </div>

src/routeTree.gen.ts

@@ -13,7 +13,7 @@ import {
 import { CtaLink } from "@/components/cta-button";
 import { Reveal, SectionHeader, fadeUp, stagger } from "@/components/section";
 import heroOrb from "@/assets/hero-orb.jpg";
-import founderImg from "@/assets/founder.jpg";
+import founderImg from "@/assets/founder.png";
 
 export const Route = createFileRoute("/")({
   head: () => ({
@@ -410,9 +410,9 @@ function FounderSpotlight() {
   return (
     <section className="relative overflow-hidden border-y border-border/60 bg-surface/20">
       <div className="absolute inset-0 bg-aurora opacity-50 pointer-events-none" aria-hidden />
-      <div className="container-prose relative py-20 md:py-32 grid gap-12 lg:grid-cols-12 items-center">
+      <div className="container-prose relative py-20 md:py-28 grid gap-10 lg:grid-cols-12 items-center">
         <Reveal className="lg:col-span-5">
-          <div className="relative aspect-[4/5] w-full max-w-md mx-auto overflow-hidden rounded-3xl glass-strong ring-glow">
+          <div className="relative aspect-[4/5] w-full max-w-[240px] mx-auto overflow-hidden rounded-3xl glass-strong ring-glow sm:max-w-[280px] lg:max-w-[290px]">
             <img
               src={founderImg}
               alt="Jeet Ahirwar — Founder of GhostCode Dynamics"

src/routes/contact.tsx

@@ -74,7 +74,7 @@ function PortfolioPage() {
         description="A growing collection of real projects across full-stack development and cybersecurity. Code-first, polished, documented."
       />
 
-      <section className="container-prose pb-24">
+      <section className="container-prose pt-16 pb-24 md:pt-20">
         <motion.div
           initial="hidden"
           whileInView="show"