@mdxui/named 6.4.0 → 7.0.0

package/dist/index.js

@@ -599,73 +599,13 @@ function FAQ({ heading = "FAQs", faqs = defaultFaqs, backgroundColor = "bg-backg
   ] }) });
 }
 
-// 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/navigation/navigation.tsx
 import { useState, useEffect } from "react";
 import Link from "next/link";
 import { Menu, X } from "lucide-react";
 import { motion as motion2, AnimatePresence } from "motion/react";
 import { Button as Button5 } from "@mdxui/primitives";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function Navigation({
   logo = "Priya",
   logoHref = "/",
@@ -705,7 +645,7 @@ function Navigation({
     "7xl": "max-w-7xl",
     full: "max-w-full"
   }[maxWidth];
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     "nav",
     {
       className: cn(
@@ -714,14 +654,14 @@ function Navigation({
         showScrollEffect && isScrolled ? "bg-background/95 backdrop-blur-md" : "bg-background",
         className
       ),
-      children: /* @__PURE__ */ jsxs8("div", { className: cn(maxWidthClass, "mx-auto px-6 lg:px-12 py-4"), children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx11("div", { className: "flex items-center", children: /* @__PURE__ */ jsx11(Link, { href: logoHref, className: "flex items-center", children: typeof logo === "string" ? /* @__PURE__ */ jsx11("span", { className: "text-3xl font-base text-foreground", children: logo }) : logo }) }),
-          links && links.length > 0 && /* @__PURE__ */ jsx11("div", { className: "hidden lg:flex items-center gap-8", children: links.map((link) => /* @__PURE__ */ jsx11("a", { href: link.href, className: "text-sm text-foreground hover:opacity-60 transition-opacity", children: link.label }, link.href)) }),
-          ctaText && ctaHref && /* @__PURE__ */ jsx11("div", { className: "hidden lg:flex items-center", children: /* @__PURE__ */ jsx11(Button5, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsx11("a", { href: ctaHref, children: ctaText }) }) }),
-          /* @__PURE__ */ jsx11("button", { className: "lg:hidden p-2 text-foreground", onClick: () => setMobileMenuOpen(!mobileMenuOpen), "aria-label": "Toggle menu", children: mobileMenuOpen ? /* @__PURE__ */ jsx11(X, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx11(Menu, { className: "w-6 h-6" }) })
+      children: /* @__PURE__ */ jsxs7("div", { className: cn(maxWidthClass, "mx-auto px-6 lg:px-12 py-4"), children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx10("div", { className: "flex items-center", children: /* @__PURE__ */ jsx10(Link, { href: logoHref, className: "flex items-center", children: typeof logo === "string" ? /* @__PURE__ */ jsx10("span", { className: "text-3xl font-base text-foreground", children: logo }) : logo }) }),
+          links && links.length > 0 && /* @__PURE__ */ jsx10("div", { className: "hidden lg:flex items-center gap-8", children: links.map((link) => /* @__PURE__ */ jsx10("a", { href: link.href, className: "text-sm text-foreground hover:opacity-60 transition-opacity", children: link.label }, link.href)) }),
+          ctaText && ctaHref && /* @__PURE__ */ jsx10("div", { className: "hidden lg:flex items-center", children: /* @__PURE__ */ jsx10(Button5, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsx10("a", { href: ctaHref, children: ctaText }) }) }),
+          /* @__PURE__ */ jsx10("button", { className: "lg:hidden p-2 text-foreground", onClick: () => setMobileMenuOpen(!mobileMenuOpen), "aria-label": "Toggle menu", children: mobileMenuOpen ? /* @__PURE__ */ jsx10(X, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx10(Menu, { className: "w-6 h-6" }) })
         ] }),
-        /* @__PURE__ */ jsx11(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx10(
           motion2.div,
           {
             initial: { opacity: 0, height: 0 },
@@ -729,9 +669,9 @@ function Navigation({
             exit: { opacity: 0, height: 0 },
             transition: { duration: 0.3, ease: "easeInOut" },
             className: "lg:hidden overflow-hidden",
-            children: /* @__PURE__ */ jsx11("div", { className: "mt-4 py-4 rounded-xl bg-card", children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4 px-6", children: [
-              links.map((link) => /* @__PURE__ */ jsx11("a", { href: link.href, className: "py-2 text-foreground hover:opacity-70 transition-colors", onClick: () => setMobileMenuOpen(false), children: link.label }, link.href)),
-              ctaText && ctaHref && /* @__PURE__ */ jsx11(Button5, { asChild: true, variant: ctaVariant, className: "mt-2", onClick: () => setMobileMenuOpen(false), children: /* @__PURE__ */ jsx11("a", { href: ctaHref, children: ctaText }) })
+            children: /* @__PURE__ */ jsx10("div", { className: "mt-4 py-4 rounded-xl bg-card", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4 px-6", children: [
+              links.map((link) => /* @__PURE__ */ jsx10("a", { href: link.href, className: "py-2 text-foreground hover:opacity-70 transition-colors", onClick: () => setMobileMenuOpen(false), children: link.label }, link.href)),
+              ctaText && ctaHref && /* @__PURE__ */ jsx10(Button5, { asChild: true, variant: ctaVariant, className: "mt-2", onClick: () => setMobileMenuOpen(false), children: /* @__PURE__ */ jsx10("a", { href: ctaHref, children: ctaText }) })
             ] }) })
           }
         ) })
@@ -746,7 +686,7 @@ import { FaGithub, FaXTwitter } from "react-icons/fa6";
 import { SiNpm } from "react-icons/si";
 import { FaArrowRight } from "react-icons/fa6";
 import { Input } from "@mdxui/primitives";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function Footer({
   logo = "Priya",
   description = "Your AI Product Manager for GitHub. Automate issue triage, sprint planning, and backlog grooming.",
@@ -776,14 +716,14 @@ function Footer({
     }
     form.reset();
   };
-  return /* @__PURE__ */ jsx12("footer", { className: cn("py-16 px-6 lg:px-12 bg-card text-card-foreground", className), children: /* @__PURE__ */ jsxs9("div", { className: "max-w-7xl mx-auto", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "grid md:grid-cols-5 gap-12 mb-12", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "md:col-span-2", children: [
-        /* @__PURE__ */ jsx12(Link2, { href: "/", className: "inline-block mb-4", children: /* @__PURE__ */ jsx12("div", { className: "text-3xl font-base text-card-foreground", children: logo }) }),
-        /* @__PURE__ */ jsx12("p", { className: "max-w-md text-sm leading-relaxed text-muted-foreground mb-6", children: description }),
-        /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-4", children: socialLinks.map((link) => {
+  return /* @__PURE__ */ jsx11("footer", { className: cn("py-16 px-6 lg:px-12 bg-card text-card-foreground", className), children: /* @__PURE__ */ jsxs8("div", { className: "max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "grid md:grid-cols-5 gap-12 mb-12", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "md:col-span-2", children: [
+        /* @__PURE__ */ jsx11(Link2, { href: "/", className: "inline-block mb-4", children: /* @__PURE__ */ jsx11("div", { className: "text-3xl font-base text-card-foreground", children: logo }) }),
+        /* @__PURE__ */ jsx11("p", { className: "max-w-md text-sm leading-relaxed text-muted-foreground mb-6", children: description }),
+        /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-4", children: socialLinks.map((link) => {
           const Icon = link.icon;
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ jsx11(
             Link2,
             {
               href: link.href,
@@ -791,20 +731,20 @@ function Footer({
               rel: "noopener noreferrer",
               className: "text-muted-foreground transition-colors hover:text-card-foreground",
               "aria-label": link.label,
-              children: /* @__PURE__ */ jsx12(Icon, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ jsx11(Icon, { className: "w-5 h-5" })
             },
             link.label
           );
         }) })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-base mb-4 text-card-foreground", children: "Quick Links" }),
-        /* @__PURE__ */ jsx12("ul", { className: "space-y-2", children: quickLinks.map((link) => /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(Link2, { href: link.href, className: "text-sm text-muted-foreground transition-colors hover:text-card-foreground", children: link.label }) }, link.label)) })
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx11("h3", { className: "font-semibold text-base mb-4 text-card-foreground", children: "Quick Links" }),
+        /* @__PURE__ */ jsx11("ul", { className: "space-y-2", children: quickLinks.map((link) => /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(Link2, { href: link.href, className: "text-sm text-muted-foreground transition-colors hover:text-card-foreground", children: link.label }) }, link.label)) })
       ] }),
-      /* @__PURE__ */ jsx12("div", { className: "w-full md:col-span-2 md:flex md:flex-col md:items-end", children: /* @__PURE__ */ jsxs9("div", { className: "w-full md:max-w-sm", children: [
-        /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-base mb-4 text-card-foreground", children: contactTitle }),
-        /* @__PURE__ */ jsxs9("form", { onSubmit: handleEmailSubmit, className: "relative", children: [
-          /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx11("div", { className: "w-full md:col-span-2 md:flex md:flex-col md:items-end", children: /* @__PURE__ */ jsxs8("div", { className: "w-full md:max-w-sm", children: [
+        /* @__PURE__ */ jsx11("h3", { className: "font-semibold text-base mb-4 text-card-foreground", children: contactTitle }),
+        /* @__PURE__ */ jsxs8("form", { onSubmit: handleEmailSubmit, className: "relative", children: [
+          /* @__PURE__ */ jsx11(
             Input,
             {
               type: "email",
@@ -814,118 +754,26 @@ function Footer({
               className: "w-full bg-muted border-border text-card-foreground placeholder:text-muted-foreground pr-12"
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(
             "button",
             {
               type: "submit",
               className: "absolute right-1 top-1/2 -translate-y-1/2 bg-card text-foreground hover:bg-card active:bg-card active:text-card-foreground px-3 py-3 rounded-md transition-colors",
               "aria-label": "Submit email",
-              children: /* @__PURE__ */ jsx12(FaArrowRight, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx11(FaArrowRight, { className: "w-3 h-3" })
             }
           )
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx12("div", { className: "border-t border-border pt-8", children: /* @__PURE__ */ jsx12("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", children: /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: copyrightText }) }) })
+    /* @__PURE__ */ jsx11("div", { className: "border-t border-border pt-8", children: /* @__PURE__ */ jsx11("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", children: /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: copyrightText }) }) })
   ] }) });
 }
 
-// src/components/contact/contact.tsx
-import { useState as useState2 } from "react";
-import { Button as Button6, Input as Input2, Label, Textarea } from "@mdxui/primitives";
-import { jsx as jsx13, jsxs as jsxs10 } 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] = useState2(false);
-  const [formData, setFormData] = useState2({});
-  const [submitStatus, setSubmitStatus] = useState2("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__ */ jsx13("section", { className: cn(`relative py-12 md:py-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs10("div", { className: "max-w-3xl mx-auto", children: [
-    /* @__PURE__ */ jsx13(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs10("div", { className: "mb-14 text-center", children: [
-      /* @__PURE__ */ jsx13("h1", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
-      /* @__PURE__ */ jsx13("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
-    ] }) }),
-    /* @__PURE__ */ jsx13(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs10(
-      "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__ */ jsxs10("div", { className: "grid w-full items-center gap-2", children: [
-            /* @__PURE__ */ jsxs10(Label, { htmlFor: field.id, className: "text-foreground", children: [
-              field.label,
-              field.required && /* @__PURE__ */ jsx13("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            field.type === "textarea" ? /* @__PURE__ */ jsx13(Textarea, { id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange, className: "min-h-[120px]" }) : /* @__PURE__ */ jsx13(Input2, { type: field.type, id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange })
-          ] }, field.id)),
-          /* @__PURE__ */ jsx13(Button6, { type: "submit", className: "w-full", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : submitButtonText }),
-          submitStatus === "success" && /* @__PURE__ */ jsx13("p", { className: "text-primary text-sm text-center", children: successMessage }),
-          submitStatus === "error" && /* @__PURE__ */ jsx13("p", { className: "text-destructive text-sm text-center", children: errorMessage })
-        ]
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/integration/integration.tsx
-import { forwardRef, useRef, useEffect as useEffect3, useState as useState4 } from "react";
-
 // src/shared/animated-beam/animated-beam.tsx
-import { useEffect as useEffect2, useId, useState as useState3 } from "react";
+import { useEffect as useEffect2, useId, useState as useState2 } from "react";
 import { motion as motion3 } from "motion/react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function AnimatedBeam({
   className,
   containerRef,
@@ -946,8 +794,8 @@ function AnimatedBeam({
   endYOffset = 0
 }) {
   const id = useId();
-  const [pathD, setPathD] = useState3("");
-  const [svgDimensions, setSvgDimensions] = useState3({ width: 0, height: 0 });
+  const [pathD, setPathD] = useState2("");
+  const [svgDimensions, setSvgDimensions] = useState2({ width: 0, height: 0 });
   const gradientCoordinates = reverse ? {
     x1: ["90%", "-10%"],
     x2: ["100%", "0%"],
@@ -988,7 +836,7 @@ function AnimatedBeam({
       resizeObserver.disconnect();
     };
   }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs9(
     "svg",
     {
       fill: "none",
@@ -998,9 +846,9 @@ function AnimatedBeam({
       className: cn("pointer-events-none absolute top-0 left-0 transform-gpu stroke-2", className),
       viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
       children: [
-        /* @__PURE__ */ jsx14("path", { d: pathD, stroke: pathColor, strokeWidth: pathWidth, strokeOpacity: pathOpacity, strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx14("path", { d: pathD, strokeWidth: pathWidth, stroke: `url(#${id})`, strokeOpacity: "1", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsxs11(
+        /* @__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(
           motion3.linearGradient,
           {
             className: "transform-gpu",
@@ -1026,10 +874,10 @@ function AnimatedBeam({
               repeatDelay: 0
             },
             children: [
-              /* @__PURE__ */ jsx14("stop", { stopColor: gradientStartColor, stopOpacity: "0" }),
-              /* @__PURE__ */ jsx14("stop", { stopColor: gradientStartColor }),
-              /* @__PURE__ */ jsx14("stop", { offset: "32.5%", stopColor: gradientStopColor }),
-              /* @__PURE__ */ jsx14("stop", { offset: "100%", stopColor: gradientStopColor, stopOpacity: "0" })
+              /* @__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" })
             ]
           }
         ) })
@@ -1040,7 +888,7 @@ function AnimatedBeam({
 
 // src/shared/grid-pattern/grid-pattern.tsx
 import { useId as useId2 } from "react";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function GridPattern({
   width = 40,
   height = 40,
@@ -1052,157 +900,33 @@ function GridPattern({
   ...props
 }) {
   const id = useId2();
-  return /* @__PURE__ */ jsxs12(
+  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__ */ jsx15("defs", { children: /* @__PURE__ */ jsx15("pattern", { id, width, height, patternUnits: "userSpaceOnUse", x, y, children: /* @__PURE__ */ jsx15("path", { d: `M.5 ${height}V.5H${width}`, fill: "none", strokeDasharray }) }) }),
-        /* @__PURE__ */ jsx15("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsx15("svg", { x, y, className: "overflow-visible", children: squares.map(([sx, sy]) => /* @__PURE__ */ jsx15("rect", { strokeWidth: "0", width: width - 1, height: height - 1, x: sx * width + 1, y: sy * height + 1 }, `${sx}-${sy}`)) })
+        /* @__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 Button7 } from "@mdxui/primitives";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-var Square = forwardRef(({ className, children }, ref) => {
-  return /* @__PURE__ */ jsx16(
-    "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] = useState4(false);
-  useEffect3(() => {
-    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__ */ jsx16("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx16(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__ */ jsx16("div", { className: cn("text-foreground", node.className), children: node.content });
-      }
-      return node.content;
-    })();
-    return /* @__PURE__ */ jsx16(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__ */ jsxs13("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx16(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx16("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: title }) }),
-    /* @__PURE__ */ jsx16(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx16("p", { className: "text-base text-muted-foreground max-w-lg", children: description }) }),
-    buttonText && buttonHref && /* @__PURE__ */ jsx16(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx16(Button7, { asChild: true, variant: "default", children: /* @__PURE__ */ jsx16("a", { href: buttonHref, children: buttonText }) }) })
-  ] });
-  const animation = /* @__PURE__ */ jsx16(ScrollReveal, { direction: contentOrder === "left" ? "right" : "left", delay: 0.2, children: /* @__PURE__ */ jsxs13("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__ */ jsx16(
-      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__ */ jsxs13("div", { className: "flex size-full flex-row items-center justify-center gap-20 relative z-10", children: [
-      /* @__PURE__ */ jsx16("div", { className: "flex flex-col justify-center", children: renderNode(leftNode, leftRef) }),
-      /* @__PURE__ */ jsx16("div", { className: "flex flex-col justify-center", children: renderNode(rightNode, rightRef) })
-    ] }),
-    beamAnimations.map((config, index) => /* @__PURE__ */ jsx16(
-      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__ */ jsx16("section", { className: cn("pt-10 sm:pt-0 px-8 lg:px-24 bg-background", className), children: /* @__PURE__ */ jsx16("div", { className: cn(maxWidthClasses[maxWidth], "mx-auto"), children: /* @__PURE__ */ jsx16("div", { className: "grid lg:grid-cols-2 gap-1 items-center", children: contentOrder === "left" ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    content,
-    animation
-  ] }) : /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    animation,
-    content
-  ] }) }) }) });
-}
 export {
   AnimatedBeam,
   CTA,
   CodeWindow,
-  Contact,
   FAQ,
   Features,
   Footer,
   GridPattern,
   Hero,
-  Integration,
   Marquee,
   Navigation,
   Pricing,
   PricingTiers,
-  Problem,
   ScrollReveal,
   cn
 };