Function bodies 234 total

HowItWorks function · typescript · L650-L746 (97 LOC)

app/(marketing)/page.tsx

function HowItWorks() {
  const steps = [
    {
      number: '1',
      title: 'Save jobs instantly',
      description: 'Use our Chrome extension to save jobs from LinkedIn, Indeed, or any job board with one click.',
      icon: (
        <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
          <path strokeLinecap="round" strokeLinejoin="round" d="M12 4v16m8-8H4" />
        </svg>
      )
    },
    {
      number: '2',
      title: 'Everything syncs',
      description: 'Connect Gmail and watch your applications update automatically. Interview invites, rejections — all tracked.',
      icon: (
        <svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
          <path strokeLinecap="round" strokeLinejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
        </svg>
      )
    },
    {
      number: '3',
      title:

Testimonials function · typescript · L751-L836 (86 LOC)

app/(marketing)/page.tsx

function Testimonials() {
  const testimonials = [
    {
      quote: "The Chrome extension is a game changer. I save jobs from LinkedIn in one click while browsing, and they're all organized in my board when I'm ready to apply.",
      author: "Sarah Chen",
      role: "Senior Product Manager",
      result: "Hired at Stripe",
      avatar: "S"
    },
    {
      quote: "Gmail sync is magic. Applied to 47 jobs and never lost track of a single one. When Spotify called for an interview, I had all my research notes ready.",
      author: "Marcus Johnson",
      role: "Software Engineer",
      result: "Hired at Spotify",
      avatar: "M"
    },
    {
      quote: "The AI research chat told me exactly what to expect in my Notion interview. I walked in knowing their values, recent news, and the right questions to ask.",
      author: "Priya Patel",
      role: "Marketing Director",
      result: "3 offers in 4 weeks",
      avatar: "P"
    }
  ];

  return (
    <section className="py-24

CTASection function · typescript · L841-L882 (42 LOC)

app/(marketing)/page.tsx

function CTASection() {
  return (
    <section className="py-24 lg:py-32 bg-gray-900 relative overflow-hidden">
      {/* Decorative */}
      <div className="absolute top-0 left-0 w-96 h-96 bg-gray-800 rounded-full blur-3xl -translate-x-1/2 -translate-y-1/2" />
      <div className="absolute bottom-0 right-0 w-96 h-96 bg-gray-800 rounded-full blur-3xl translate-x-1/2 translate-y-1/2" />

      <motion.div
        initial="hidden"
        whileInView="visible"
        viewport={{ once: true }}
        variants={fadeInUp}
        className="relative z-10 max-w-4xl mx-auto px-6 text-center"
      >
        <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4">
          Your next job is out there. Go get it.
        </h2>
        <p className="text-lg text-gray-400 mb-8 max-w-2xl mx-auto">
          Track every application, research any company, and generate tailored CVs — all in one place. Free to start.
        </p>
        <div className="flex flex-col sm:flex-ro

Footer function · typescript · L887-L962 (76 LOC)

app/(marketing)/page.tsx

function Footer() {
  return (
    <footer className="py-16 bg-white border-t border-gray-100">
      <div className="max-w-7xl mx-auto px-6">
        <div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12">
          {/* Brand */}
          <div className="col-span-2 md:col-span-1">
            <a href="/" className="flex items-center gap-1.5 mb-4">
              <svg className="w-6 h-6" viewBox="0 0 24 24" fill="none">
                <path d="M3 18C3 10 7 4 12 4C17 4 21 10 21 18" stroke="url(#logo-gradient-footer)" strokeWidth="1.5" strokeLinecap="round"/>
                <path d="M6 17C6 11 8.5 6.5 12 6.5C15.5 6.5 18 11 18 17" stroke="url(#logo-gradient-footer)" strokeWidth="1.5" strokeLinecap="round"/>
                <path d="M9 16C9 12 10.5 9 12 9C13.5 9 15 12 15 16" stroke="url(#logo-gradient-footer)" strokeWidth="1.5" strokeLinecap="round"/>
                <defs>
                  <linearGradient id="logo-gradient-footer" x1="3" y1="4" x2="21" y2="18" gradientUnits="user

LandingPage function · typescript · L967-L980 (14 LOC)

app/(marketing)/page.tsx

export default function LandingPage() {
  return (
    <main className="scroll-smooth bg-white">
      <Nav />
      <HeroSection />
      <LogoBar />
      <FeatureSections />
      <HowItWorks />
      <Testimonials />
      <CTASection />
      <Footer />
    </main>
  );
}

Nav function · typescript · L96-L130 (35 LOC)