← back to pranavbhasin__pranavbhasin.com

Function bodies 28 total

AboutPage function · typescript · L11-L131 (121 LOC)

src/app/about/page.tsx

export default function AboutPage() {
  return (
    <div className="pt-24 pb-16">
      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        {/* Header */}
        <div className="flex flex-col md:flex-row items-center gap-10 mb-16">
          <div className="relative w-48 h-48 md:w-56 md:h-56 rounded-2xl overflow-hidden shadow-lg flex-shrink-0">
            <Image
              src="/images/headshot.jpg"
              alt="Pranav Bhasin"
              fill
              className="object-cover"
              priority
            />
          </div>
          <div>
            <p className="text-gold font-semibold text-sm uppercase tracking-widest mb-2">
              About
            </p>
            <h1 className="text-3xl md:text-4xl font-bold text-navy mb-4">
              Pranav Bhasin
            </h1>
            <p className="text-lg text-body leading-relaxed">
              AI Leadership &amp; Career Strategist helping mid-to-senior
              professionals an

AcademyPage function · typescript · L46-L146 (101 LOC)

src/app/academy/page.tsx

export default function AcademyPage() {
  return (
    <div className="pt-24 pb-16">
      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
        {/* Header */}
        <div className="text-center mb-16">
          <p className="text-gold font-semibold text-sm uppercase tracking-widest mb-3">
            Future Proof Academy
          </p>
          <h1 className="text-3xl md:text-5xl font-bold text-navy mb-6">
            Executive courses for the AI era
          </h1>
          <p className="text-lg text-body max-w-2xl mx-auto leading-relaxed">
            Structured programs designed for mid-to-senior professionals ready to
            take control of their career trajectory in an AI-driven world.
          </p>
        </div>

        {/* Courses */}
        <div className="space-y-12">
          {courses.map((course, i) => (
            <div
              key={i}
              className="border border-gray-200 rounded-2xl p-8 md:p-10 hover:shadow-lg transition-shadow"

POST function · typescript · L3-L58 (56 LOC)

src/app/api/quiz-lead/route.ts

export async function POST(req: NextRequest) {
  try {
    const body = await req.json();
    const { name, email, role, yearsOfExperience, quizId, quizName, score, tier, timestamp } = body;

    // Validate required fields
    if (!name || !email || !role || !yearsOfExperience) {
      return NextResponse.json(
        { error: "All fields are required" },
        { status: 400 }
      );
    }

    const webhookUrl = process.env.GOOGLE_SHEETS_WEBHOOK_URL;

    if (webhookUrl) {
      // Post to Google Apps Script webhook
      await fetch(webhookUrl, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          name,
          email,
          role,
          yearsOfExperience,
          quizId: quizId || "unknown",
          quizName: quizName || "Unknown Quiz",
          score,
          tier,
          timestamp: timestamp || new Date().toISOString(),
        }),
      });
    } else {
      // Fallback: log to server c

BookPage function · typescript · L9-L39 (31 LOC)

src/app/book/page.tsx

export default function BookPage() {
  return (
    <div className="pt-24 pb-16">
      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center mb-10">
          <p className="text-gold font-semibold text-sm uppercase tracking-widest mb-3">
            1:1 Advisory
          </p>
          <h1 className="text-3xl md:text-4xl font-bold text-navy mb-4">
            Personal Advisory Session
          </h1>
          <p className="text-lg text-body max-w-2xl mx-auto">
            A focused 60-minute session to discuss your career strategy, AI
            leadership trajectory, or any specific challenges you&apos;re facing.
          </p>
        </div>

        {/* Calendly embed */}
        <div className="rounded-2xl overflow-hidden border border-gray-200 shadow-sm">
          <iframe
            src="https://calendly.com/pranavbhasin/personal-advisory-session-with-pranav-60-mins-1-1"
            width="100%"
            height="700"
            clas

RootLayout function · typescript · L32-L52 (21 LOC)

src/app/layout.tsx

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <head>
        <link
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
          rel="stylesheet"
        />
      </head>
      <body className="bg-white antialiased">
        <Navbar />
        <main>{children}</main>
        <Footer />
      </body>
    </html>
  );
}

NewsletterPage function · typescript · L12-L107 (96 LOC)

src/app/newsletter/page.tsx

export default async function NewsletterPage() {
  const articles = await getLatestArticles(20);

  return (
    <div className="pt-24 pb-16">
      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        {/* Header */}
        <div className="text-center mb-12">
          <p className="text-gold font-semibold text-sm uppercase tracking-widest mb-3">
            Newsletter
          </p>
          <h1 className="text-3xl md:text-4xl font-bold text-navy mb-4">
            Future Proof with Pranav
          </h1>
          <p className="text-lg text-body max-w-2xl mx-auto mb-8">
            Weekly insights on AI leadership, career strategy, and navigating
            professional disruption in an AI-driven world.
          </p>

          {/* Subscribe embed */}
          <div className="max-w-md mx-auto mb-12">
            <SubscribeForm variant="light" />
          </div>
        </div>

        {/* Articles */}
        {articles.length > 0 ? (
          <div className="space-

Home function · typescript · L9-L24 (16 LOC)

src/app/page.tsx

export default async function Home() {
  const [{ longForm }, articles] = await Promise.all([
    getLatestVideos(50),
    getLatestArticles(3),
  ]);

  return (
    <>
      <Hero />
      <AboutSection />
      <AcademySection />
      <ContentHub articles={articles} videos={longForm.slice(0, 3)} />
      <QuizCTA />
    </>
  );
}

Source: Repobility analyzer · https://repobility.com

getResult function · typescript · L101-L161 (61 LOC)