@mdxui/named 6.4.0 → 7.0.0

package/dist/components/index.d.ts

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { P as Problem, a as ProblemProps, W as WorkflowItem } from '../problem-B2-XszSB.js';
 import { IconType } from 'react-icons';
 
 interface HeroProps {
@@ -153,53 +152,4 @@ interface FooterProps {
 }
 declare function Footer({ logo, description, socialLinks, quickLinks, contactTitle, emailPlaceholder, onEmailSubmit, copyrightText, className, }: FooterProps): react_jsx_runtime.JSX.Element;
 
-interface FormField {
-    id: string;
-    label: string;
-    type: 'text' | 'email' | 'tel' | 'textarea';
-    placeholder?: string;
-    required?: boolean;
-}
-interface ContactProps {
-    heading?: string;
-    subheading?: string;
-    fields?: FormField[];
-    submitButtonText?: string;
-    successMessage?: string;
-    errorMessage?: string;
-    onSubmit?: (data: Record<string, string>) => Promise<void> | void;
-    backgroundColor?: string;
-    className?: string;
-}
-declare function Contact({ heading, subheading, fields, submitButtonText, successMessage, errorMessage, onSubmit, backgroundColor, className, }: ContactProps): react_jsx_runtime.JSX.Element;
-
-interface IntegrationNode {
-    type: 'image' | 'icon' | 'component';
-    content: string | React.ReactNode;
-    alt?: string;
-    className?: string;
-}
-interface AnimationConfig {
-    startYOffset?: number;
-    endYOffset?: number;
-    curvature?: number;
-    duration?: number;
-    reverse?: boolean;
-}
-interface IntegrationProps {
-    title?: string;
-    description?: string;
-    buttonText?: string;
-    buttonHref?: string;
-    leftNode: IntegrationNode;
-    rightNode: IntegrationNode;
-    beamAnimations?: AnimationConfig[];
-    gridPatternWidth?: number;
-    gridPatternHeight?: number;
-    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
-    className?: string;
-    contentOrder?: 'left' | 'right';
-}
-declare function Integration({ title, description, buttonText, buttonHref, leftNode, rightNode, beamAnimations, gridPatternWidth, gridPatternHeight, maxWidth, className, contentOrder, }: IntegrationProps): react_jsx_runtime.JSX.Element;
-
-export { type AnimationConfig, CTA, type CTAButton, type CTAProps, Contact, type ContactProps, FAQ, type FAQItem, type FAQProps, type Feature, type FeatureItem, Features, type FeaturesProps, Footer, type FooterProps, type FormField, Hero, type HeroProps, Integration, type IntegrationNode, type IntegrationProps, type NavLink, Navigation, type NavigationProps, Pricing, type PricingFeature, type PricingProps, type PricingTier, type PricingTierFeature, PricingTiers, type PricingTiersProps, type QuickLink, type SocialLink };
+export { CTA, type CTAButton, type CTAProps, FAQ, type FAQItem, type FAQProps, type Feature, type FeatureItem, Features, type FeaturesProps, Footer, type FooterProps, Hero, type HeroProps, type NavLink, Navigation, type NavigationProps, Pricing, type PricingFeature, type PricingProps, type PricingTier, type PricingTierFeature, PricingTiers, type PricingTiersProps, type QuickLink, type SocialLink };

package/dist/components/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,390 +754,29 @@ 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 }) }) })
-  ] }) });
-}
-
-// 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 { motion as motion3 } from "motion/react";
-import { jsx as jsx14, jsxs as jsxs11 } 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] = useState3("");
-  const [svgDimensions, setSvgDimensions] = useState3({ 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%"]
-  };
-  useEffect2(() => {
-    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__ */ jsxs11(
-    "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__ */ 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(
-          motion3.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__ */ 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" })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/shared/grid-pattern/grid-pattern.tsx
-import { useId as useId2 } from "react";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-function GridPattern({
-  width = 40,
-  height = 40,
-  x = -1,
-  y = -1,
-  strokeDasharray = "0",
-  squares,
-  className,
-  ...props
-}) {
-  const id = useId2();
-  return /* @__PURE__ */ jsxs12(
-    "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}`)) })
-      ]
-    }
-  );
-}
-
-// 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
-    ))
+    /* @__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 }) }) })
   ] }) });
-  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 {
   CTA,
-  Contact,
   FAQ,
   Features,
   Footer,
   Hero,
-  Integration,
   Navigation,
   Pricing,
-  PricingTiers,
-  Problem
+  PricingTiers
 };
 //# sourceMappingURL=index.js.map