Function bodies 341 total

HowItWorksPage function · typescript · L15-L26 (12 LOC)

app/como-funciona/page.tsx

export default function HowItWorksPage() {
  return (
    <main>
      <ProcessHero />
      <DetailedSteps />
      <Requirements />
      <Timeline />
      <FaqAccordion />
      <FaqContact />
    </main>
  )
}

ContactPage function · typescript · L12-L34 (23 LOC)

app/contacto/page.tsx

export default function ContactPage() {
  return (
    <main className="bg-background">
      <ContactHero />
      
      <section className="py-20 lg:py-28">
        <div className="container mx-auto px-4">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-24 max-w-6xl mx-auto">
            {/* Columna Izquierda: Información */}
            <div className="order-2 lg:order-1">
              <ContactInfo />
            </div>

            {/* Columna Derecha: Formulario */}
            <div id="form" className="order-1 lg:order-2">
              <ContactForm />
            </div>
          </div>
        </div>
      </section>
    </main>
  )
}

ExperiencesPage function · typescript · L13-L22 (10 LOC)

app/experiencias/page.tsx

export default function ExperiencesPage() {
  return (
    <main>
      <ExperiencesHero />
      <ExperiencesGallery />
      <Countries />
      <Stats />
    </main>
  )
}

generateStaticParams function · typescript · L10-L12 (3 LOC)

app/experiencias/[slug]/page.tsx

export async function generateStaticParams() {
  return ARTICLES.map((a) => ({ slug: a.slug }))
}

generateMetadata function · typescript · L16-L23 (8 LOC)

app/experiencias/[slug]/page.tsx

export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const { slug } = await params
  const post = ARTICLES.find((a) => a.slug === slug)
  return {
    title: post ? `${post.title} | ARGENGOAL` : "Experiencia | ARGENGOAL",
    description: post?.description ?? "Experiencias de fútbol en Argentina",
  }
}

ExperienceArticlePage function · typescript · L25-L43 (19 LOC)

app/experiencias/[slug]/page.tsx

export default async function ExperienceArticlePage({ params }: Props) {
  const { slug } = await params
  const post = ARTICLES.find((a) => a.slug === slug)

  if (!post) {
    return (
      <main className="py-20">
        <div className="container mx-auto px-4">
          <p>No existe este artículo.</p>
          <Link href="/experiencias" className="underline">
            Volver
          </Link>
        </div>
      </main>
    )
  }

  return <ArticleClient post={post} />
}

RootLayout function · typescript · L67-L87 (21 LOC)

app/layout.tsx

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="es">
      <head>
        <meta name="msapplication-config" content="/favicon/browserconfig.xml" />
        <meta name="theme-color" content="#62b3e5" />
      </head>
      <body className={`${inter.variable} font-sans antialiased`}>
        <Navbar />
        {children}
        <Footer />
        <FloatingWhatsApp />
        <Analytics />
      </body>
    </html>
  )
}

All rows above produced by Repobility · https://repobility.com

AboutPage function · typescript · L14-L24 (11 LOC)

app/nosotros/page.tsx

export default function AboutPage() {
  return (
    <main>
      <AboutHero />
      <Founder />
      <MissionVision />
      <Network />
      <Gallery />
    </main>
  )
}

HomePage function · typescript · L11-L25 (15 LOC)

app/page.tsx

export default function HomePage() {
  return (
    <main>
      <Hero />
      <ProgramsOverview />
      <VideoTestimonials />
      <WhyArgentina />
      <WhatIsArgengoal />
      <HowItWorks />
      <Testimonials />
      <HomeGallery />
      <CtaBanner />
    </main>
  )
}

ProgramsPage function · typescript · L13-L22 (10 LOC)

app/programas/page.tsx

export default function ProgramsPage() {
  return (
    <main>
      <ProgramsHero />
      <RosarioExperience />
      <ProProgram />
      <ProgramComparison />
    </main>
  )
}

AboutHero function · typescript · L1-L26 (26 LOC)

components/about/about-hero.tsx

export function AboutHero() {
  return (
    <section className="relative py-20 lg:py-28 overflow-hidden">
      <div className="absolute inset-0 z-0">
        <img
          src="/varias/fondos/11.jpeg"
          alt="Rosario Argentina"
          className="w-full h-full object-cover"
        />
        <div className="absolute inset-0 bg-gradient-to-br from-black/85 via-black/70 to-primary/30" />
      </div>

      <div className="container relative z-10 mx-auto px-4">
        <div className="max-w-3xl">
          <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 text-balance">
            Sobre Nosotros
          </h1>
          <p className="text-lg md:text-xl text-white/90 leading-relaxed text-pretty">
            Somos ArgenGoal. Nacimos en Rosario, el lugar donde nacen las estrellas. 
            Liderados por directivos con 30 años de experiencia en la élite del fútbol argentino.
          </p>
        </div>
      </div>
    </section>
  )
}

Founder function · typescript · L4-L83 (80 LOC)

components/about/founder.tsx

export function Founder() {
  const achievements = [
    {
      icon: Briefcase,
      title: "Gestión Deportiva",
      description: "Secretario Técnico, Director de Scouting y Director de Academia Internacional",
    },
    {
      icon: Globe,
      title: "Alcance Global",
      description: "Alianzas estratégicas en más de 30 países",
    },
    {
      icon: TrendingUp,
      title: "Formación",
      description: "Desarrollo de redes de captación internacional",
    },
    {
      icon: Award,
      title: "Trayectoria",
      description: "Experiencia en todas las áreas del fútbol: infantil, juvenil y profesional",
    },
  ]

  return (
    <section className="py-20 lg:py-28 bg-background">
      <div className="container mx-auto px-4">
        <div className="max-w-6xl mx-auto">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-16">
            {/* Image */}
            <div className="relative">
              <div className="aspect-[4/5] round

Gallery function · typescript · L1-L53 (53 LOC)

components/about/gallery.tsx

export function Gallery() {
  const images = [
    {
      src: "/gallery/18 - Paseo por la ciudad de Rosario experiencia PRO 202/paseo-por-la-ciudad-de-rosario-experiencia-pro-202-005.webp",
      alt: "Experiencia ARGENGOAL",
    },
    {
      src: "/varias/2.jpeg",
      alt: "Entrenamiento en Argentina",
    },
    {
      src: "/varias/3.jpeg",
      alt: "Jugadores internacionales",
    },
    {
      src: "/gallery/18 - Paseo por la ciudad de Rosario experiencia PRO 202/paseo-por-la-ciudad-de-rosario-experiencia-pro-202-013.webp",
      alt: "Desarrollo profesional",
    },
    {
      src: "/varias/8.jpeg",
      alt: "Inmersión futbolística",
    },
    {
      src: "/varias/9.jpeg",
      alt: "Momentos ARGENGOAL",
    },
  ]

  return (
    <section className="py-24 lg:py-32 bg-gradient-to-b from-background via-primary/5 to-background">
      <div className="container mx-auto px-4">
        <div className="max-w-7xl mx-auto text-center mb-16">
          <h2 className="text-

MissionVision function · typescript · L4-L65 (62 LOC)

components/about/mission-vision.tsx

export function MissionVision() {
  return (
    <section className="py-20 lg:py-28 bg-gradient-to-b from-primary/5 to-background">
      <div className="container mx-auto px-4">
        <div className="max-w-5xl mx-auto">
          <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
            {/* Mission */}
            <Card className="relative p-8 border-0 bg-white shadow-lg hover:shadow-2xl hover:shadow-primary/20 transition-all duration-300 hover:-translate-y-1 group overflow-hidden">
              <div className="absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-primary via-primary-dark to-primary" />
              <div className="inline-flex items-center justify-center w-14 h-14 rounded-xl bg-gradient-to-br from-primary to-primary-dark shadow-lg shadow-primary/30 mb-6 group-hover:scale-110 transition-transform">
                <Target className="w-7 h-7 text-white" />
              </div>
              <h3 className="text-2xl font-black text-foreground mb-4">Nuest

Network function · typescript · L3-L52 (50 LOC)

components/about/network.tsx

export function Network() {
  const stats = [
    {
      icon: Globe,
      number: "30+",
      label: "Países con Alianzas",
    },
    {
      icon: Users,
      number: "1000+",
      label: "Jugadores Evaluados",
    },
    {
      icon: MapPin,
      number: "AFA",
      label: "Acceso a Clubes Oficiales",
    },
  ]

  return (
    <section className="py-20 lg:py-28 bg-gradient-to-b from-background via-primary/5 to-background">
      <div className="container mx-auto px-4">
        <div className="max-w-4xl mx-auto text-center mb-12">
          <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-6 text-balance">
            Nuestra Red Internacional
          </h2>
          <p className="text-lg text-muted-foreground leading-relaxed text-pretty">
            Hemos construido una red sólida de captación y desarrollo. Asesoramos a academias de todo el mundo y gestionamos su inmersión en el fútbol argentino.
          </p>
        </div>

        <div className="grid

Repobility — same analyzer, your code, free for public repos · /scan/

ContactForm function · typescript · L13-L98 (86 LOC)

components/contact/contact-form.tsx

export function ContactForm() {
  const [isSubmitting, setIsSubmitting] = useState(false)

  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault()
    setIsSubmitting(true)

    // Simulate form submission
    await new Promise((resolve) => setTimeout(resolve, 1500))

    alert("¡Gracias por tu mensaje! Nos pondremos en contacto contigo pronto.")
    setIsSubmitting(false)
  }

  return (
    <Card className="p-8 border-border">
      <h2 className="text-2xl font-bold text-foreground mb-6">Envíanos un Mensaje</h2>
      <form onSubmit={handleSubmit} className="space-y-6">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          <div className="space-y-2">
            <Label htmlFor="firstName">Nombre *</Label>
            <Input id="firstName" name="firstName" required placeholder="Tu nombre" />
          </div>
          <div className="space-y-2">
            <Label htmlFor="lastName">Apellido *</Label>
            <Input id="la

ContactHero function · typescript · L1-L17 (17 LOC)

components/contact/contact-hero.tsx

export function ContactHero() {
  return (
    <section className="py-20 lg:py-28 bg-gradient-to-br from-primary/10 via-background to-background">
      <div className="container mx-auto px-4">
        <div className="max-w-3xl mx-auto text-center">
          <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-6 text-balance">
            Hablemos de tu Próxima Experiencia
          </h1>
          <p className="text-lg md:text-xl text-muted-foreground leading-relaxed text-pretty">
            Estamos aquí para responder todas tus preguntas y ayudarte a comenzar tu viaje al corazón del fútbol
            argentino
          </p>
        </div>
      </div>
    </section>
  )
}

ContactInfo function · typescript · L6-L83 (78 LOC)

components/contact/contact-info.tsx

export function ContactInfo() {
  return (
    <div className="space-y-6">
      <div>
        <h2 className="text-2xl font-bold text-foreground mb-4">Información de Contacto</h2>
        <p className="text-muted-foreground leading-relaxed mb-8">
          ¿Prefieres hablar directamente con nosotros? Estamos disponibles para resolver dudas de familias y clubes.
        </p>

        <div className="space-y-4">
          {/* Email */}
          <Card className="relative p-6 border-0 bg-white shadow-lg hover:shadow-xl hover:shadow-primary/20 transition-all duration-300 hover:-translate-y-1 overflow-hidden">
            <div className="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-primary via-primary-dark to-primary" />
            <div className="flex items-start gap-4">
              <div className="shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-primary to-primary-dark shadow-lg shadow-primary/30 flex items-center justify-center">
                <Mail className="w-6 h-6

ArticleClient function · typescript · L18-L183 (166 LOC)