@mdxui/named 6.3.2 → 7.0.0

package/dist/view/index.js

@@ -178,7 +178,7 @@ function Hero({
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx3("h1", { className: "font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-foreground", children: heading }) }),
+        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx3("h1", { className: "font-halant font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-foreground", children: heading }) }),
         /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx3("p", { className: "text-lg leading-relaxed max-w-lg", children: description }) }),
         /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.4, trigger: "mount", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col sm:flex-row gap-3 pt-4", children: /* @__PURE__ */ jsx3(Button, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsxs("a", { href: ctaHref, children: [
           ctaText,
@@ -191,7 +191,8 @@ function Hero({
           src: rightImageSrc,
           alt: rightImageAlt,
           fill: true,
-          className: "object-cover object-left-center rounded-2xl",
+          className: "object-cover object-left-center",
+          style: { borderRadius: "var(--radius-image, 1rem)" },
           priority: true,
           sizes: rightImageSizes
         }
@@ -364,13 +365,13 @@ $.Priya.statusReport({
   }
 ];
 function Features({ heading = "How It Works", description = "Priya handles the repetitive work so you can focus on what matters. Here's how she automates your entire product workflow.", features = defaultFeatures, className }) {
-  return /* @__PURE__ */ jsx5("section", { id: "features", className: cn("flex justify-center items-center pb-0 md:pb-10 bg-background", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible rounded-[36px] gap-16 h-min max-w-[1400px] py-10 sm:py-20", children: [
+  return /* @__PURE__ */ jsx5("section", { id: "features", className: cn("flex justify-center items-center pb-0 md:pb-10 bg-background", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible gap-16 h-min max-w-[1400px] py-10 sm:py-20", style: { borderRadius: "var(--radius-section, 36px)" }, children: [
     /* @__PURE__ */ jsx5(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "text-center w-full px-4 md:px-6 space-y-4", children: [
-      /* @__PURE__ */ jsx5("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: heading }),
+      /* @__PURE__ */ jsx5("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: heading }),
       /* @__PURE__ */ jsx5("p", { className: "text-base md:text-lg text-muted-foreground max-w-2xl mx-auto", children: description })
     ] }) }),
     /* @__PURE__ */ jsx5("div", { className: "w-full px-4 lg:px-18 space-y-10", children: features.map((feature, index) => /* @__PURE__ */ jsx5(ScrollReveal, { direction: "up", delay: index * 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "grid md:grid-cols-2 overflow-hidden bg-card w-full rounded-3xl feature-card-shadow opacity-100 border border-border", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col px-6 py-8 lg:px-8 lg:py-12 xl:px-12 xl:py-20", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col px-4 py-8 lg:px-8 lg:py-12 xl:px-12 xl:py-20", children: [
         /* @__PURE__ */ jsx5("div", { className: "mb-4", children: /* @__PURE__ */ jsx5("span", { className: "inline-flex size-10 items-center justify-center rounded-lg font-mono text-sm font-medium bg-card dark:bg-muted border border-border dark:border-border text-foreground", children: feature.badge }) }),
         /* @__PURE__ */ jsx5("h3", { className: "mb-3 text-2xl font-medium sm:mb-5 md:text-3xl text-foreground", children: feature.title }),
         /* @__PURE__ */ jsx5("div", { className: "mb-8 text-sm sm:mb-10 md:text-base text-muted-foreground", children: feature.description }),
@@ -415,7 +416,7 @@ function Pricing({
 }) {
   return /* @__PURE__ */ jsx6("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs3("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
     /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs3("div", { className: "text-center my-16 sm:my-12", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
+      /* @__PURE__ */ jsx6("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
       /* @__PURE__ */ jsx6("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
     ] }) }),
     /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs3("div", { className: "bg-card mx-auto flex w-full md:max-w-md lg:max-w-3xl flex-col rounded-3xl border border-border feature-card-shadow p-6 md:p-8 px-6", children: [
@@ -491,7 +492,7 @@ function PricingTiers({
 }) {
   return /* @__PURE__ */ jsx7("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs4("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
     /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs4("div", { className: "text-center my-16 sm:my-12", children: [
-      /* @__PURE__ */ jsx7("h2", { className: "font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }),
+      /* @__PURE__ */ jsx7("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }),
       /* @__PURE__ */ jsx7("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
     ] }) }),
     /* @__PURE__ */ jsx7("ul", { className: "grid gap-6 lg:grid-cols-3 lg:items-stretch", children: tiers.map((tier, index) => /* @__PURE__ */ jsx7("li", { className: tier.featured ? "lg:col-span-2 flex" : "lg:col-span-1 flex", children: /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.2 + index * 0.1, className: "w-full", children: /* @__PURE__ */ jsx7(
@@ -553,7 +554,7 @@ var defaultButtons = [
 function CTA({ heading = "Ready to Save 15 Hours Per Week?", subheading = "Setup with Github \u2013 takes 5 minutes.", buttons = defaultButtons, backgroundColor: _backgroundColor, className }) {
   const bgClass = "bg-card";
   return /* @__PURE__ */ jsx8("section", { className: cn(`py-20 md:py-32 px-4 md:px-6 ${bgClass}`, className), children: /* @__PURE__ */ jsx8("div", { className: "max-w-3xl mx-auto text-center", children: /* @__PURE__ */ jsx8(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx8("h2", { className: "font-normal text-foreground text-[clamp(32px,5vw,52px)] leading-tight tracking-tight", children: heading }),
+    /* @__PURE__ */ jsx8("h2", { className: "font-halant font-normal text-foreground text-[clamp(32px,5vw,52px)] leading-tight tracking-tight", children: heading }),
     /* @__PURE__ */ jsx8("p", { className: "max-w-2xl mx-auto text-[clamp(16px,2vw,18px)] leading-relaxed text-muted-foreground", children: subheading }),
     /* @__PURE__ */ jsx8("div", { className: "flex flex-col sm:flex-row gap-3 justify-center items-center pt-4", children: buttons.map((button, index) => /* @__PURE__ */ jsx8(Button4, { asChild: true, variant: button.variant === "primary" ? "default" : "secondary", children: /* @__PURE__ */ jsxs5("a", { href: button.href, children: [
       button.text,
@@ -593,466 +594,19 @@ var defaultFaqs = [
 ];
 function FAQ({ heading = "FAQs", faqs = defaultFaqs, backgroundColor = "bg-background", className }) {
   return /* @__PURE__ */ jsx9("section", { id: "faq", className: cn(`py-20 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs6("div", { className: "max-w-4xl mx-auto", children: [
-    /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx9("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsx9("h2", { className: "font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }) }) }),
-    /* @__PURE__ */ jsx9(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: faqs.map((faq, index) => /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.15 + index * 0.05, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: `item-${index}`, className: "rounded-xl px-6 border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx9("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsx9("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }) }) }),
+    /* @__PURE__ */ jsx9(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: faqs.map((faq, index) => /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.15 + index * 0.05, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: `item-${index}`, className: "rounded-xl px-4 sm:px-6 border border-border bg-card shadow-sm", children: [
       /* @__PURE__ */ jsx9(AccordionTrigger, { className: "hover:no-underline py-5 text-base font-medium text-foreground", children: faq.question }),
       /* @__PURE__ */ jsx9(AccordionContent, { className: "pb-5 text-sm text-muted-foreground leading-relaxed", children: faq.answer })
     ] }) }, index)) })
   ] }) });
 }
 
-// src/components/problem/problem.tsx
-import { FaInbox, FaCalendarAlt, FaListUl, FaFileAlt, FaRocket, FaProjectDiagram, FaBug, FaLightbulb } from "react-icons/fa";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var defaultWorkflows = [
-  { icon: FaInbox, label: "Issue triage" },
-  { icon: FaCalendarAlt, label: "Sprint planning" },
-  { icon: FaListUl, label: "Backlog grooming" },
-  { icon: FaFileAlt, label: "Status updates" },
-  { icon: FaRocket, label: "Release planning" },
-  { icon: FaProjectDiagram, label: "Dependency tracking" },
-  { icon: FaBug, label: "Bug prioritization" },
-  { icon: FaLightbulb, label: "Feature requests" }
-];
-function Problem({
-  heading = "Product managers <strong>spend 15+ hours</strong> per week on busywork",
-  workflows = defaultWorkflows,
-  subheading = "What if all of that just... ",
-  subheadingHighlight = "happened automatically?",
-  highlightColor = "bg-primary/20",
-  marqueeDuration = "30s",
-  marqueeGap = "0.5rem",
-  backgroundColor = "bg-background",
-  className
-}) {
-  return /* @__PURE__ */ jsx10("section", { id: "problem", className: cn(`py-20 md:pb-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsx10("div", { className: "max-w-4xl mx-auto", children: /* @__PURE__ */ jsxs7("div", { className: "text-center space-y-8", children: [
-    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx10(
-      "h2",
-      {
-        className: "font-normal text-[clamp(36px,4vw,40px)] leading-tight text-foreground",
-        dangerouslySetInnerHTML: { __html: heading }
-      }
-    ) }),
-    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "none", delay: 0.2, children: /* @__PURE__ */ jsxs7("div", { className: "relative py-6", children: [
-      /* @__PURE__ */ jsx10("div", { className: "absolute left-0 top-0 bottom-0 w-32 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none" }),
-      /* @__PURE__ */ jsx10("div", { className: "absolute right-0 top-0 bottom-0 w-32 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none" }),
-      /* @__PURE__ */ jsx10(
-        Marquee,
-        {
-          className: "[--duration:30s] [--gap:0.5rem]",
-          style: {
-            "--duration": marqueeDuration,
-            "--gap": marqueeGap
-          },
-          children: workflows.map((workflow, index) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2.5 pl-1.5 pr-3.5 py-1.5 bg-card border border-border rounded-full", children: [
-            /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center w-7 h-7 rounded-full bg-background", children: /* @__PURE__ */ jsx10(workflow.icon, { className: "w-3.5 h-3.5 text-foreground" }) }),
-            /* @__PURE__ */ jsx10("span", { className: "text-sm text-foreground whitespace-nowrap", children: workflow.label })
-          ] }, index))
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx10("div", { className: "pt-2 md:pt-4", children: /* @__PURE__ */ jsxs7("h3", { className: "font-normal text-[clamp(26px,3.5vw,32px)] leading-tight text-foreground", children: [
-      subheading,
-      /* @__PURE__ */ jsxs7("span", { className: "relative inline-block", children: [
-        /* @__PURE__ */ jsx10("span", { className: "relative z-10", children: subheadingHighlight }),
-        /* @__PURE__ */ jsx10("span", { className: `absolute bottom-1 left-0 w-full h-3 ${highlightColor} opacity-30 -rotate-1` })
-      ] })
-    ] }) }) })
-  ] }) }) });
-}
-
-// src/components/contact/contact.tsx
-import { useState } from "react";
-import { Button as Button5, Input, Label, Textarea } from "@mdxui/primitives";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var defaultFields = [
-  {
-    id: "name",
-    label: "Name",
-    type: "text",
-    required: true
-  },
-  {
-    id: "email",
-    label: "Company Email",
-    type: "email",
-    required: true
-  },
-  {
-    id: "message",
-    label: "Message",
-    type: "textarea",
-    placeholder: "Tell us about your use case, team size, or any other questions you may have.",
-    required: true
-  }
-];
-function Contact({
-  heading = "Get in touch",
-  subheading = "Have questions about use cases, pricing, or anything else? Let's chat!",
-  fields = defaultFields,
-  submitButtonText = "Submit",
-  successMessage = "Thanks for reaching out! I'll get back to you within 24 hours.",
-  errorMessage = "Hmm, something went wrong. Mind trying again?",
-  onSubmit,
-  backgroundColor = "bg-background",
-  className
-}) {
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [formData, setFormData] = useState({});
-  const [submitStatus, setSubmitStatus] = useState("idle");
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsSubmitting(true);
-    setSubmitStatus("idle");
-    try {
-      if (onSubmit) {
-        await onSubmit(formData);
-      }
-      setSubmitStatus("success");
-      setFormData({});
-      e.target.reset();
-    } catch {
-      setSubmitStatus("error");
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  const handleChange = (e) => {
-    setFormData((prev) => ({
-      ...prev,
-      [e.target.id]: e.target.value
-    }));
-  };
-  return /* @__PURE__ */ jsx11("section", { className: cn(`relative py-12 md:py-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs8("div", { className: "max-w-3xl mx-auto", children: [
-    /* @__PURE__ */ jsx11(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs8("div", { className: "mb-14 text-center", children: [
-      /* @__PURE__ */ jsx11("h1", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
-      /* @__PURE__ */ jsx11("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
-    ] }) }),
-    /* @__PURE__ */ jsx11(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs8(
-      "form",
-      {
-        onSubmit: handleSubmit,
-        className: "mx-auto flex max-w-lg flex-col gap-6 bg-card p-6 md:p-8 rounded-3xl border border-border feature-card-shadow",
-        children: [
-          fields.map((field) => /* @__PURE__ */ jsxs8("div", { className: "grid w-full items-center gap-2", children: [
-            /* @__PURE__ */ jsxs8(Label, { htmlFor: field.id, className: "text-foreground", children: [
-              field.label,
-              field.required && /* @__PURE__ */ jsx11("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            field.type === "textarea" ? /* @__PURE__ */ jsx11(Textarea, { id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange, className: "min-h-[120px]" }) : /* @__PURE__ */ jsx11(Input, { type: field.type, id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange })
-          ] }, field.id)),
-          /* @__PURE__ */ jsx11(Button5, { type: "submit", className: "w-full", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : submitButtonText }),
-          submitStatus === "success" && /* @__PURE__ */ jsx11("p", { className: "text-primary text-sm text-center", children: successMessage }),
-          submitStatus === "error" && /* @__PURE__ */ jsx11("p", { className: "text-destructive text-sm text-center", children: errorMessage })
-        ]
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/integration/integration.tsx
-import { forwardRef, useRef, useEffect as useEffect2, useState as useState3 } from "react";
-
-// src/shared/animated-beam/animated-beam.tsx
-import { useEffect, useId, useState as useState2 } from "react";
-import { motion as motion2 } from "motion/react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function AnimatedBeam({
-  className,
-  containerRef,
-  fromRef,
-  toRef,
-  curvature = 0,
-  reverse = false,
-  duration = Math.random() * 3 + 4,
-  delay = 0,
-  pathColor = "gray",
-  pathWidth = 2,
-  pathOpacity = 0.2,
-  gradientStartColor = "#ffaa40",
-  gradientStopColor = "#9c40ff",
-  startXOffset = 0,
-  startYOffset = 0,
-  endXOffset = 0,
-  endYOffset = 0
-}) {
-  const id = useId();
-  const [pathD, setPathD] = useState2("");
-  const [svgDimensions, setSvgDimensions] = useState2({ width: 0, height: 0 });
-  const gradientCoordinates = reverse ? {
-    x1: ["90%", "-10%"],
-    x2: ["100%", "0%"],
-    y1: ["0%", "0%"],
-    y2: ["0%", "0%"]
-  } : {
-    x1: ["10%", "110%"],
-    x2: ["0%", "100%"],
-    y1: ["0%", "0%"],
-    y2: ["0%", "0%"]
-  };
-  useEffect(() => {
-    const updatePath = () => {
-      if (containerRef.current && fromRef.current && toRef.current) {
-        const containerRect = containerRef.current.getBoundingClientRect();
-        const rectA = fromRef.current.getBoundingClientRect();
-        const rectB = toRef.current.getBoundingClientRect();
-        const svgWidth = containerRect.width;
-        const svgHeight = containerRect.height;
-        setSvgDimensions({ width: svgWidth, height: svgHeight });
-        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset;
-        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset;
-        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset;
-        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset;
-        const controlY = startY - curvature;
-        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`;
-        setPathD(d);
-      }
-    };
-    const resizeObserver = new ResizeObserver(() => {
-      updatePath();
-    });
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    updatePath();
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);
-  return /* @__PURE__ */ jsxs9(
-    "svg",
-    {
-      fill: "none",
-      width: svgDimensions.width,
-      height: svgDimensions.height,
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("pointer-events-none absolute top-0 left-0 transform-gpu stroke-2", className),
-      viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
-      children: [
-        /* @__PURE__ */ jsx12("path", { d: pathD, stroke: pathColor, strokeWidth: pathWidth, strokeOpacity: pathOpacity, strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx12("path", { d: pathD, strokeWidth: pathWidth, stroke: `url(#${id})`, strokeOpacity: "1", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsxs9(
-          motion2.linearGradient,
-          {
-            className: "transform-gpu",
-            id,
-            gradientUnits: "userSpaceOnUse",
-            initial: {
-              x1: "0%",
-              x2: "0%",
-              y1: "0%",
-              y2: "0%"
-            },
-            animate: {
-              x1: gradientCoordinates.x1,
-              x2: gradientCoordinates.x2,
-              y1: gradientCoordinates.y1,
-              y2: gradientCoordinates.y2
-            },
-            transition: {
-              delay,
-              duration,
-              ease: [0.16, 1, 0.3, 1],
-              repeat: Infinity,
-              repeatDelay: 0
-            },
-            children: [
-              /* @__PURE__ */ jsx12("stop", { stopColor: gradientStartColor, stopOpacity: "0" }),
-              /* @__PURE__ */ jsx12("stop", { stopColor: gradientStartColor }),
-              /* @__PURE__ */ jsx12("stop", { offset: "32.5%", stopColor: gradientStopColor }),
-              /* @__PURE__ */ jsx12("stop", { offset: "100%", stopColor: gradientStopColor, stopOpacity: "0" })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/shared/grid-pattern/grid-pattern.tsx
-import { useId as useId2 } from "react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-function GridPattern({
-  width = 40,
-  height = 40,
-  x = -1,
-  y = -1,
-  strokeDasharray = "0",
-  squares,
-  className,
-  ...props
-}) {
-  const id = useId2();
-  return /* @__PURE__ */ jsxs10(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: cn("pointer-events-none absolute inset-0 h-full w-full fill-muted-foreground/20 stroke-muted-foreground/20", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsx13("pattern", { id, width, height, patternUnits: "userSpaceOnUse", x, y, children: /* @__PURE__ */ jsx13("path", { d: `M.5 ${height}V.5H${width}`, fill: "none", strokeDasharray }) }) }),
-        /* @__PURE__ */ jsx13("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsx13("svg", { x, y, className: "overflow-visible", children: squares.map(([sx, sy]) => /* @__PURE__ */ jsx13("rect", { strokeWidth: "0", width: width - 1, height: height - 1, x: sx * width + 1, y: sy * height + 1 }, `${sx}-${sy}`)) })
-      ]
-    }
-  );
-}
-
-// src/components/integration/integration.tsx
-import Image3 from "next/image";
-import { Button as Button6 } from "@mdxui/primitives";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var Square = forwardRef(({ className, children }, ref) => {
-  return /* @__PURE__ */ jsx14(
-    "div",
-    {
-      ref,
-      className: cn("z-10 flex size-16 items-center justify-center rounded-lg bg-card border border-border p-3 integration-square-shadow", className),
-      children
-    }
-  );
-});
-Square.displayName = "Square";
-function Integration({
-  title = "Connect in Seconds",
-  description = "Just connect your account and get started immediately \u2013 no configuration, no setup, no hassle.",
-  buttonText = "Get Started",
-  buttonHref = "#pricing",
-  leftNode,
-  rightNode,
-  beamAnimations = [
-    { startYOffset: 10, endYOffset: 10, curvature: -20, duration: 3 },
-    { startYOffset: -10, endYOffset: -10, curvature: 20, duration: 3, reverse: true }
-  ],
-  gridPatternWidth = 30,
-  gridPatternHeight = 30,
-  maxWidth = "5xl",
-  className,
-  contentOrder = "left"
-}) {
-  const containerRef = useRef(null);
-  const leftRef = useRef(null);
-  const rightRef = useRef(null);
-  const [isDark, setIsDark] = useState3(false);
-  useEffect2(() => {
-    const checkDarkMode = () => {
-      const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
-      setIsDark(isDarkMode);
-    };
-    checkDarkMode();
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const observer = new MutationObserver(checkDarkMode);
-    mediaQuery.addEventListener("change", checkDarkMode);
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"]
-    });
-    return () => {
-      mediaQuery.removeEventListener("change", checkDarkMode);
-      observer.disconnect();
-    };
-  }, []);
-  const renderNode = (node, ref) => {
-    const squareContent = (() => {
-      if (node.type === "image" && typeof node.content === "string") {
-        return /* @__PURE__ */ jsx14("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx14(Image3, { src: node.content, alt: node.alt || "Integration", fill: true, className: "object-cover rounded-lg" }) });
-      }
-      if (node.type === "icon" && typeof node.content === "string") {
-        return /* @__PURE__ */ jsx14("div", { className: cn("text-foreground", node.className), children: node.content });
-      }
-      return node.content;
-    })();
-    return /* @__PURE__ */ jsx14(Square, { ref, className: cn("size-20", node.type === "image" ? "p-0" : "", node.className), children: squareContent });
-  };
-  const maxWidthClasses = {
-    sm: "max-w-sm",
-    md: "max-w-md",
-    lg: "max-w-lg",
-    xl: "max-w-xl",
-    "2xl": "max-w-2xl",
-    "3xl": "max-w-3xl",
-    "4xl": "max-w-4xl",
-    "5xl": "max-w-5xl",
-    "6xl": "max-w-6xl",
-    "7xl": "max-w-7xl"
-  };
-  const content = /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx14(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx14("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: title }) }),
-    /* @__PURE__ */ jsx14(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx14("p", { className: "text-base text-muted-foreground max-w-lg", children: description }) }),
-    buttonText && buttonHref && /* @__PURE__ */ jsx14(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx14(Button6, { asChild: true, variant: "default", children: /* @__PURE__ */ jsx14("a", { href: buttonHref, children: buttonText }) }) })
-  ] });
-  const animation = /* @__PURE__ */ jsx14(ScrollReveal, { direction: contentOrder === "left" ? "right" : "left", delay: 0.2, children: /* @__PURE__ */ jsxs11("div", { className: "relative flex aspect-square max-w-md mx-auto w-full items-center justify-center overflow-hidden rounded-lg", ref: containerRef, children: [
-    /* @__PURE__ */ jsx14(
-      GridPattern,
-      {
-        width: gridPatternWidth,
-        height: gridPatternHeight,
-        className: "opacity-30 mask-[radial-gradient(ellipse_at_center,black_40%,transparent_85%)] dark:mask-[radial-gradient(ellipse_at_center,white_40%,transparent_85%)]"
-      }
-    ),
-    /* @__PURE__ */ jsxs11("div", { className: "flex size-full flex-row items-center justify-center gap-20 relative z-10", children: [
-      /* @__PURE__ */ jsx14("div", { className: "flex flex-col justify-center", children: renderNode(leftNode, leftRef) }),
-      /* @__PURE__ */ jsx14("div", { className: "flex flex-col justify-center", children: renderNode(rightNode, rightRef) })
-    ] }),
-    beamAnimations.map((config, index) => /* @__PURE__ */ jsx14(
-      AnimatedBeam,
-      {
-        containerRef,
-        fromRef: leftRef,
-        toRef: rightRef,
-        startYOffset: config.startYOffset,
-        endYOffset: config.endYOffset,
-        curvature: config.curvature,
-        duration: config.duration,
-        reverse: config.reverse,
-        pathColor: isDark ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)"
-      },
-      index
-    ))
-  ] }) });
-  return /* @__PURE__ */ jsx14("section", { className: cn("pt-10 sm:pt-0 px-8 lg:px-24 bg-background", className), children: /* @__PURE__ */ jsx14("div", { className: cn(maxWidthClasses[maxWidth], "mx-auto"), children: /* @__PURE__ */ jsx14("div", { className: "grid lg:grid-cols-2 gap-1 items-center", children: contentOrder === "left" ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    content,
-    animation
-  ] }) : /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    animation,
-    content
-  ] }) }) }) });
-}
-
-// src/view/mapper.ts
-import {
-  FaInbox as FaInbox2,
-  FaCalendarAlt as FaCalendarAlt2,
-  FaListUl as FaListUl2,
-  FaFileAlt as FaFileAlt2,
-  FaRocket as FaRocket2,
-  FaProjectDiagram as FaProjectDiagram2,
-  FaBug as FaBug2,
-  FaLightbulb as FaLightbulb2,
-  FaRegDotCircle
-} from "react-icons/fa";
-var WORKFLOW_ICONS = {
-  inbox: FaInbox2,
-  calendar: FaCalendarAlt2,
-  list: FaListUl2,
-  file: FaFileAlt2,
-  rocket: FaRocket2,
-  project: FaProjectDiagram2,
-  bug: FaBug2,
-  lightbulb: FaLightbulb2
-};
-function resolveWorkflowIcon(hint) {
-  return WORKFLOW_ICONS[hint] ?? FaRegDotCircle;
-}
-function mapWorkflows(workflows) {
-  return workflows.map((w) => ({ icon: resolveWorkflowIcon(w.icon), label: w.label }));
-}
-
 // src/view/view.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function NamedAgentView({ content, theme, mode, brandName, hostname }) {
-  const { hero, problem, features, integration, pricing, faq, cta, contact } = content;
-  return /* @__PURE__ */ jsx15(DialectShell, { theme, mode, children: /* @__PURE__ */ jsxs12(
+  const { hero, features, pricing, faq, cta } = content;
+  return /* @__PURE__ */ jsx10(DialectShell, { theme, mode, children: /* @__PURE__ */ jsx10("div", { "data-dialect": "named", children: /* @__PURE__ */ jsxs7(
     NeoChrome,
     {
       brandName,
@@ -1060,7 +614,7 @@ function NamedAgentView({ content, theme, mode, brandName, hostname }) {
       primaryCta: { text: hero.ctaText, url: hero.ctaHref },
       openInAIPrompt: `Help me decide whether ${brandName} fits my team's workflow`,
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx10(
           Hero,
           {
             badgeEmoji: hero.badgeEmoji,
@@ -1077,16 +631,7 @@ function NamedAgentView({ content, theme, mode, brandName, hostname }) {
             marqueeImages: hero.marqueeImages
           }
         ),
-        /* @__PURE__ */ jsx15(
-          Problem,
-          {
-            heading: problem.heading,
-            workflows: mapWorkflows(problem.workflows),
-            subheading: problem.subheading,
-            subheadingHighlight: problem.subheadingHighlight
-          }
-        ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx10(
           Features,
           {
             heading: features.heading,
@@ -1094,18 +639,7 @@ function NamedAgentView({ content, theme, mode, brandName, hostname }) {
             features: features.features
           }
         ),
-        integration && /* @__PURE__ */ jsx15(
-          Integration,
-          {
-            title: integration.title,
-            description: integration.description,
-            buttonText: integration.buttonText,
-            buttonHref: integration.buttonHref,
-            leftNode: integration.leftNode,
-            rightNode: integration.rightNode
-          }
-        ),
-        pricing.variant === "single" ? /* @__PURE__ */ jsx15(
+        pricing.variant === "single" ? /* @__PURE__ */ jsx10(
           Pricing,
           {
             heading: pricing.heading,
@@ -1119,7 +653,7 @@ function NamedAgentView({ content, theme, mode, brandName, hostname }) {
             features: pricing.features,
             securityNote: pricing.securityNote
           }
-        ) : /* @__PURE__ */ jsx15(
+        ) : /* @__PURE__ */ jsx10(
           PricingTiers,
           {
             heading: pricing.heading,
@@ -1128,26 +662,15 @@ function NamedAgentView({ content, theme, mode, brandName, hostname }) {
             securityNote: pricing.securityNote
           }
         ),
-        /* @__PURE__ */ jsx15(FAQ, { heading: faq.heading, faqs: faq.faqs }),
-        /* @__PURE__ */ jsx15(CTA, { heading: cta.heading, subheading: cta.subheading, buttons: cta.buttons }),
-        contact && /* @__PURE__ */ jsx15(
-          Contact,
-          {
-            heading: contact.heading,
-            subheading: contact.subheading,
-            fields: contact.fields,
-            submitButtonText: contact.submitButtonText
-          }
-        )
+        /* @__PURE__ */ jsx10(FAQ, { heading: faq.heading, faqs: faq.faqs }),
+        /* @__PURE__ */ jsx10(CTA, { heading: cta.heading, subheading: cta.subheading, buttons: cta.buttons })
       ]
     }
-  ) });
+  ) }) });
 }
 var view_default = NamedAgentView;
 export {
   NamedAgentView,
-  view_default as default,
-  mapWorkflows,
-  resolveWorkflowIcon
+  view_default as default
 };
 //# sourceMappingURL=index.js.map