"use client";
'use strict';

var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var img = require('@page-speed/img');
var jsxRuntime = require('react/jsx-runtime');

// lib/utils.ts
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
var defaultTeamInfo = {
  title: "50+ Team Members",
  description: "Working across 12 countries to bring you the best tools"
};
function AboutStoryHero({
  title = "Our Story",
  subtitle = "Building the future, one line of code at a time",
  content = `We started with a bold idea: what if anyone could build professional software without years of training? This question drove us to create a platform that bridges the gap between imagination and implementation.

Our team combines decades of experience in software engineering, design, and user experience. We've worked at companies like Google, Meta, and Stripe, and we've brought that expertise to bear on solving one of technology's most persistent challenges.

The result is a platform that's powerful enough for professional developers yet accessible enough for anyone with an idea. We're not just building tools\u2014we're democratizing software development.`,
  heroImage,
  teamInfo = defaultTeamInfo,
  teamInfoSlot,
  className,
  containerClassName,
  contentClassName,
  titleClassName,
  subtitleClassName,
  bodyClassName,
  teamInfoClassName,
  imageClassName,
  optixFlowConfig
}) {
  const renderTeamInfo = () => {
    if (teamInfoSlot) return teamInfoSlot;
    if (!teamInfo) return null;
    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 rounded-xl bg-muted p-6", teamInfoClassName), children: [
      typeof teamInfo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: teamInfo.title }) : teamInfo.title,
      typeof teamInfo.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-muted-foreground", children: teamInfo.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: teamInfo.description })
    ] });
  };
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2 lg:items-center", contentClassName), children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
      subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm font-semibold uppercase tracking-wider text-primary", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: subtitle })),
      title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-4 text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", titleClassName), children: title })),
      content && (typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", bodyClassName), children: content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", bodyClassName), children: content })),
      (teamInfoSlot || teamInfo) && renderTeamInfo()
    ] }),
    heroImage && /* @__PURE__ */ jsxRuntime.jsx(
      img.Img,
      {
        src: heroImage.src,
        alt: heroImage.alt,
        className: cn("rounded-2xl object-cover", imageClassName),
        optixFlowConfig
      }
    )
  ] }) }) });
}

exports.AboutStoryHero = AboutStoryHero;
//# sourceMappingURL=about-story-hero.cjs.map
//# sourceMappingURL=about-story-hero.cjs.map