"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 defaultProps = {
  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.`,
  teamInfo: {
    title: "50+ Team Members",
    description: "Working across 12 countries to bring you the best tools"
  }
};
function AboutStoryHero({
  className,
  title = defaultProps.title,
  subtitle = defaultProps.subtitle,
  content = defaultProps.content,
  heroImage,
  teamInfo = defaultProps.teamInfo,
  optixFlowConfig
}) {
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-2 lg:items-center", children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-4 text-4xl font-bold tracking-tight md:text-5xl", children: title }),
      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 text-lg text-muted-foreground whitespace-pre-line", children: content }),
      teamInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 rounded-xl bg-muted p-6", children: [
        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: teamInfo.title }),
        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-muted-foreground", children: teamInfo.description })
      ] })
    ] }),
    heroImage && /* @__PURE__ */ jsxRuntime.jsx(
      img.Img,
      {
        src: heroImage.src,
        alt: heroImage.alt,
        className: "rounded-2xl object-cover",
        optixFlowConfig
      }
    )
  ] }) }) });
}

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