@nextworks/blocks-sections 0.1.0-alpha.8 → 0.2.0-alpha.2

package/dist-types/components/Team.d.ts

@@ -0,0 +1,115 @@
+import React from "react";
+/**
+ * A social link shown on a team member card.
+ * @public
+ */
+export interface SocialLink {
+    /** Platform name (e.g., "LinkedIn") */
+    platform: string;
+    /** Destination URL */
+    url: string;
+    /** Icon identifier or emoji; replace with SVGs in real usage */
+    icon: string;
+}
+/**
+ * Team member data rendered by Team.
+ * @public
+ */
+export interface TeamMemberData {
+    /** Member name */
+    name?: string;
+    /** Job role or title */
+    role?: string;
+    /** Short bio or description */
+    bio?: string;
+    /** Avatar content (emoji or image URL if swapped out) */
+    avatar?: string;
+    /** Optional social links */
+    socialLinks?: SocialLink[];
+}
+/**
+ * Props for the Team section component.
+ *
+ * @remarks
+ * - Styling: slot-style className overrides are merged after defaults via cn().
+ * - Motion: enableMotion controls hover lift on cards.
+ * - Accessibility: semantic <section> with aria-label.
+ */
+export interface TeamProps {
+    /** Optional id on root. @defaultValue "team" */
+    id?: string;
+    /** Top-level className override */
+    className?: string;
+    /** Section heading text or object. @defaultValue "Meet Our Team" */
+    teamHeadingText?: string | {
+        text?: string;
+        className?: string;
+    };
+    /** Optional subheading text or object. @defaultValue "The talented people behind your success" */
+    teamSubheadingText?: string | {
+        text?: string;
+        className?: string;
+    };
+    /** Members to render. @defaultValue DefaultTeamData */
+    teamMembers?: TeamMemberData[];
+    /** Slot-style overrides */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    subheading?: {
+        className?: string;
+    };
+    grid?: {
+        className?: string;
+    };
+    card?: {
+        className?: string;
+    };
+    cardContent?: {
+        className?: string;
+    };
+    avatar?: {
+        className?: string;
+    };
+    name?: {
+        className?: string;
+    };
+    role?: {
+        className?: string;
+    };
+    bio?: {
+        className?: string;
+    };
+    socialLinks?: {
+        className?: string;
+    };
+    socialLink?: {
+        className?: string;
+    };
+    /** When false, removes hover lift on cards */
+    enableMotion?: boolean;
+    /** ARIA label for the section. @defaultValue "Team section" */
+    ariaLabel?: string;
+}
+/**
+ * Team section with heading, subheading, and a responsive member grid.
+ *
+ * @remarks
+ * - Uses a slot-style API for className overrides merged via cn().
+ * - Motion: enableMotion toggles hover lift on cards.
+ * - Accessibility: semantic <section> with aria-label.
+ *
+ * @example
+ * <Team teamMembers={[{ name: 'Alex', role: 'Engineer' }]} />
+ */
+export declare function Team({ id, className, teamMembers, teamHeadingText, teamSubheadingText, section, container, header, heading, subheading, grid, card, cardContent, avatar, name, role, bio, socialLinks, socialLink, enableMotion, ariaLabel, }: TeamProps): React.JSX.Element;
+//# sourceMappingURL=Team.d.ts.map

package/dist-types/components/Team.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Team.d.ts","sourceRoot":"","sources":["../../src/components/Team.tsx"],"names":[],"mappings":"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"}

package/dist-types/components/Testimonials.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+/**
+ * Data used to render a TestimonialCard.
+ * @public
+ */
+export interface TestimonialCardData {
+    /** The testimonial quote text */
+    testimonialText: string;
+    /** The author's display name (prefixed with hyphen in defaults) */
+    testimonialAuthor: string;
+    /** Author initials displayed in the avatar */
+    testimonialAuthorInitials: string;
+}
+/**
+ * Props for the Testimonials section component.
+ *
+ * @remarks
+ * - Styling: slot-style className overrides are merged after defaults via cn().
+ * - Motion: enableMotion toggles card hover transitions.
+ * - Accessibility: semantic <section> with aria-label.
+ */
+export interface TestimonialsProps {
+    /** Optional id */
+    id?: string;
+    /** Root className merged into slots */
+    className?: string;
+    /** Testimonial items to render. @defaultValue defaultTestimonialData */
+    testimonials?: TestimonialCardData[];
+    /** Heading displayed above the grid. @defaultValue "What Our Customers Say" */
+    testimonialSectionHeader?: string;
+    /** When false, disables hover transitions on cards */
+    enableMotion?: boolean;
+    /** Slot-style overrides */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    grid?: {
+        className?: string;
+    };
+    card?: {
+        className?: string;
+    };
+    content?: {
+        className?: string;
+    };
+    text?: {
+        className?: string;
+    };
+    author?: {
+        className?: string;
+    };
+    avatar?: {
+        className?: string;
+    };
+    avatarText?: {
+        className?: string;
+    };
+    /** ARIA label for the section. @defaultValue "Testimonials section" */
+    ariaLabel?: string;
+}
+/**
+ * Testimonials section that renders a grid of TestimonialCard items.
+ *
+ * @remarks
+ * - Slot-style overrides match TestimonialCard sub-slots (card, content, text, etc.).
+ * - Motion can be disabled via enableMotion.
+ *
+ * @example
+ * <Testimonials testimonials={[{ testimonialText: 'Great!', testimonialAuthor: ' - Jane', testimonialAuthorInitials: 'J' }]} />
+ */
+export declare function Testimonials({ id, className, testimonials, testimonialSectionHeader, enableMotion, section, container, header, heading, grid, card, content, text, author, avatar, avatarText, ariaLabel, }: TestimonialsProps): React.JSX.Element;
+//# sourceMappingURL=Testimonials.d.ts.map

package/dist-types/components/Testimonials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../src/components/Testimonials.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,8CAA8C;IAC9C,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,+EAA+E;IAC/E,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,SAAS,EACT,YAAqC,EACrC,wBAAmD,EACnD,YAAmB,EACnB,OAA8C,EAC9C,SAA8C,EAC9C,MAA2C,EAC3C,OAEC,EACD,IAA4E,EAC5E,IAGC,EACD,OAAkD,EAClD,IAGC,EACD,MAGC,EACD,MAGC,EACD,UAA+D,EAC/D,SAAkC,GACnC,EAAE,iBAAiB,qBAsCnB"}

package/dist-types/components/TrustBadges.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+/**
+ * A single trust badge (stat or certification).
+ * @public
+ */
+export interface TrustBadgeData {
+    /** Main badge text (e.g., "99.9% Uptime") */
+    badgeText: string;
+    /** Optional short descriptor above/below the text */
+    badgeDescription?: string;
+    /** Optional icon/emoji representation */
+    badgeIcon?: string;
+}
+/**
+ * Props for the TrustBadges section component.
+ *
+ * @remarks
+ * - Layout: choose horizontal row or vertical stack via layout.
+ * - Styling: slot-style overrides are merged after defaults via cn().
+ * - Motion: enableMotion toggles hover scale.
+ */
+export interface TrustBadgesProps {
+    /** Optional id on root. @defaultValue "trust-badges" */
+    id?: string;
+    /** Root className merged into section slot */
+    className?: string;
+    /** Badges to display. @defaultValue defaultTrustBadgeData */
+    badges?: TrustBadgeData[];
+    /** Optional heading above badges */
+    trustBadgesSectionHeader?: string;
+    /** Slot-style overrides */
+    section?: {
+        className?: string;
+    };
+    container?: {
+        className?: string;
+    };
+    header?: {
+        className?: string;
+    };
+    heading?: {
+        className?: string;
+    };
+    badgesContainer?: {
+        className?: string;
+    };
+    badge?: {
+        className?: string;
+    };
+    badgeContent?: {
+        className?: string;
+    };
+    icon?: {
+        className?: string;
+    };
+    description?: {
+        className?: string;
+    };
+    text?: {
+        className?: string;
+    };
+    /** Layout orientation. @defaultValue "horizontal" */
+    layout?: "horizontal" | "vertical";
+    /** When false, disables hover scale */
+    enableMotion?: boolean;
+    /** ARIA label for the section. @defaultValue "Trust badges section" */
+    ariaLabel?: string;
+}
+/**
+ * Compact section to showcase trust signals like usage stats and compliance.
+ *
+ * @remarks
+ * - Horizontal by default; switch to vertical with layout="vertical".
+ * - Hover motion can be disabled via enableMotion.
+ *
+ * @example
+ * <TrustBadges badges={[{ badgeText: 'SOC 2', badgeDescription: 'Security', badgeIcon: '🔒' }]} />
+ */
+export declare function TrustBadges({ id, className, badges, trustBadgesSectionHeader, section, container, header, heading, badgesContainer, badge, badgeContent, icon, description, text, layout, enableMotion, ariaLabel, }: TrustBadgesProps): React.JSX.Element;
+//# sourceMappingURL=TrustBadges.d.ts.map

package/dist-types/components/TrustBadges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../src/components/TrustBadges.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,oCAAoC;IACpC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,2BAA2B;IAC3B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,eAAe,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAE9B,qDAAqD;IACrD,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,MAA8B,EAC9B,wBAAwB,EACxB,OAA6C,EAC7C,SAA8C,EAC9C,MAA0C,EAC1C,OAEC,EACD,eAGC,EACD,KAGC,EACD,YAAoE,EACpE,IAAqC,EACrC,WAGC,EACD,IAEC,EACD,MAAqB,EACrB,YAAmB,EACnB,SAAkC,GACnC,EAAE,gBAAgB,qBA6ClB"}

package/dist-types/components/index.d.ts

@@ -0,0 +1,21 @@
+export type { AboutStatData } from "./About";
+export { About } from "./About";
+export * from "./Contact";
+export * from "./CTA";
+export * from "./FAQ";
+export * from "./Features";
+export type { FooterProps, NavLinkItem, NavLinkGroup, SocialLink, } from "./Footer";
+export { Footer } from "./Footer";
+export * from "./HeroMotion";
+export * from "./HeroOverlay";
+export * from "./HeroSplit";
+export * from "./Navbar";
+export * from "./Newsletter";
+export * from "./PortfolioSimple";
+export * from "./Pricing";
+export * from "./ProcessTimeline";
+export * from "./ServicesGrid";
+export * from "./Team";
+export * from "./Testimonials";
+export * from "./TrustBadges";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,YAAY,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist-types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,25 +1,27 @@
 {
   "name": "@nextworks/blocks-sections",
-  "version": "0.1.0-alpha.8",
+  "version": "0.2.0-alpha.2",
   "private": false,
   "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist-types/index.d.ts",
   "files": [
     "dist",
+    "dist-types",
     "package.json",
     "README.md"
   ],
   "repository": "github:jblh/nextworks-cli",
-"bugs": "https://github.com/jblh/nextworks-cli/issues",
-"homepage": "https://github.com/jblh/nextworks-cli#readme",
+  "bugs": "https://github.com/jblh/nextworks-cli/issues",
+  "homepage": "https://github.com/jblh/nextworks-cli#readme",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "npx tsc -p tsconfig.json"
+    "clean": "powershell.exe -NoProfile -Command \"Remove-Item -Recurse -Force dist -ErrorAction SilentlyContinue; Remove-Item -Recurse -Force dist-types -ErrorAction SilentlyContinue\"",
+    "build": "npx tsc -p tsconfig.json && npx tsc -p tsconfig.json --emitDeclarationOnly --declaration --outDir dist-types"
   },
   "dependencies": {
-    "@nextworks/blocks-core": "0.1.0-alpha.8",
+    "@nextworks/blocks-core": "0.2.0-alpha.2",
     "lucide-react": "^0.542.0",
     "motion": "^12.23.12"
   },

package/dist/components/About.js

@@ -1,129 +0,0 @@
-"use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { cn } from "@nextworks/blocks-core";
-/**
- * Default statistics displayed if no aboutStats are provided.
- */
-const defaultStatsData = [
-    { value: "50", label: "Successful Projects", suffix: "+" },
-    { value: "5", label: "Years Experience", suffix: "+" },
-    { value: "100", label: "Happy Clients", suffix: "%" },
-    { value: "24", label: "Support Hours", suffix: "/7" },
-];
-/**
- * About section with a heading, optional subheading/content, and an optional
- * stats block.
- *
- * @remarks
- * - Styling: exposes slot-style className overrides. Consumer classes are
- *   merged after defaults via cn().
- * - Layout: control text alignment with aboutTextAlign.
- * - Accessibility: rendered as a semantic <section> with aria-label.
- *
- * @example
- * <About
- *   aboutHeadingText="Your Success Is Our Mission"
- *   aboutContentText="We build digital products that convert."
- *   aboutStats={[{ value: "50", label: "Successful Projects", suffix: "+" }]}
- * />
- */
-/**
- * About section with a heading, optional subheading/content, and an optional
- * stats block.
- *
- * @remarks
- * - Styling: exposes slot-style className overrides. Consumer classes are
- *   merged after defaults via cn().
- * - Layout: control text alignment with aboutTextAlign.
- * - Accessibility: rendered as a semantic <section> with aria-label.
- *
- * @example
- * <About
- *   aboutHeadingText="Your Success Is Our Mission"
- *   aboutContentText="We build digital products that convert."
- *   aboutStats={[{ value: "50", label: "Successful Projects", suffix: "+" }]}
- * />
- */
-/**
- * Animated count-up for integers using requestAnimationFrame.
- * Eases out and runs once when shouldStart becomes true.
- */
-function AnimatedCount({ end, shouldStart, duration = 1500, }) {
-    const [value, setValue] = React.useState(0);
-    const [done, setDone] = React.useState(false);
-    const prefersReduced = React.useMemo(() => {
-        if (typeof window === "undefined")
-            return false;
-        return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    }, []);
-    React.useEffect(() => {
-        if (prefersReduced)
-            return; // show end value immediately below
-        if (!shouldStart || done)
-            return;
-        let raf;
-        const startTs = performance.now();
-        const tick = (now) => {
-            const progress = Math.min((now - startTs) / duration, 1);
-            const eased = 1 - Math.pow(1 - progress, 3);
-            const next = Math.round(eased * end);
-            setValue(next);
-            if (progress < 1) {
-                raf = requestAnimationFrame(tick);
-            }
-            else {
-                setDone(true);
-            }
-        };
-        raf = requestAnimationFrame(tick);
-        return () => cancelAnimationFrame(raf);
-    }, [shouldStart, end, duration, done, prefersReduced]);
-    if (prefersReduced)
-        return _jsx(_Fragment, { children: end });
-    return _jsx(_Fragment, { children: value });
-}
-export function About({ aboutHeadingText = "Your Success Is Our Mission", aboutSubheadingText, aboutContentText = "With 50+ successful projects and 5 years of experience, we specialize in creating digital solutions that drive real business growth.", aboutStats = defaultStatsData, className, section = { className: "py-20 bg-muted text-foreground" }, container = { className: "max-w-7xl mx-auto px-6" }, inner = { className: "flex flex-col gap-12" }, contentContainer = { className: "max-w-4xl mx-auto" }, contentStack = { className: "flex flex-col gap-6" }, subheading = {
-    className: "text-sm font-semibold font-poppins text-primary uppercase tracking-wider",
-}, heading = {
-    className: "text-3xl font-bold font-poppins text-foreground leading-tight",
-}, content = {
-    className: "text-lg font-inter text-foreground leading-relaxed opacity-90 max-w-3xl",
-}, statsSection = {
-    className: "bg-card p-8 rounded-xl shadow-lg mx-auto max-w-5xl w-full border border-border",
-}, statsGrid = {
-    className: "grid grid-cols-2 md:grid-cols-4 gap-8 justify-items-center",
-}, statItem = { className: "flex flex-col items-center gap-2" }, statNumber = {
-    className: "text-4xl font-bold font-poppins text-foreground leading-none",
-}, statLabel = {
-    className: "text-sm font-medium font-inter text-foreground text-center opacity-80",
-}, aboutTextAlign = "center", showStats = true, animateStats = false, ariaLabel = "About section", }) {
-    const textAlignClasses = {
-        left: "text-left",
-        right: "text-right",
-        center: "text-center",
-    };
-    const statsSectionRef = React.useRef(null);
-    const [shouldStartCount, setShouldStartCount] = React.useState(false);
-    React.useEffect(() => {
-        if (!animateStats)
-            return;
-        if (!statsSectionRef.current)
-            return;
-        const observer = new IntersectionObserver((entries) => {
-            for (const entry of entries) {
-                if (entry.isIntersecting) {
-                    setShouldStartCount(true);
-                    observer.disconnect();
-                    break;
-                }
-            }
-        }, { threshold: 0.3 });
-        observer.observe(statsSectionRef.current);
-        return () => observer.disconnect();
-    }, [animateStats]);
-    return (_jsx("section", { className: cn(section.className, className), "aria-label": ariaLabel, children: _jsx("div", { className: cn(container.className), children: _jsxs("div", { className: cn(inner.className), children: [_jsx("div", { className: cn(contentContainer.className, textAlignClasses[aboutTextAlign]), children: _jsxs("div", { className: cn(contentStack.className), children: [aboutSubheadingText && (_jsx("div", { className: cn(subheading.className), children: aboutSubheadingText })), _jsx("h2", { className: cn(heading.className), children: aboutHeadingText }), _jsx("p", { className: cn(content.className), children: aboutContentText })] }) }), showStats && (aboutStats === null || aboutStats === void 0 ? void 0 : aboutStats.length) ? (_jsx("div", { ref: statsSectionRef, className: cn(statsSection.className), children: _jsx("div", { className: cn(statsGrid.className), children: aboutStats.map((s, i) => {
-                                var _a;
-                                return (_jsxs("div", { className: cn(statItem.className), children: [_jsxs("div", { className: cn(statNumber.className), children: [animateStats && Number.isFinite(Number(s.value)) ? (_jsx(AnimatedCount, { end: Number(s.value), shouldStart: shouldStartCount })) : (s.value), s.suffix] }), _jsx("div", { className: cn(statLabel.className), children: s.label })] }, `${(_a = s.label) !== null && _a !== void 0 ? _a : "stat"}-${i}`));
-                            }) }) })) : null] }) }) }));
-}

package/dist/components/CTA.js

@@ -1,58 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { Button } from "@nextworks/blocks-core";
-import { cn } from "@nextworks/blocks-core";
-/**
- * Call-to-Action section with a heading, optional subheading/description,
- * and up to two actions (primary and secondary).
- *
- * @remarks
- * - Styling: exposes slot-style className overrides (section, container,
- *   contentWrapper, headingText, subheadingText, descriptionText, actionsWrapper,
- *   ctaButtonStyle, secondaryButtonStyle). Consumer classes are merged after
- *   defaults via cn().
- * - Accessibility: rendered as a semantic <section> with aria-label. The role
- *   defaults to "region" but can be customized with the role prop.
- * - Motion: subtle hover lift effects on buttons are included by default.
- *
- * @example
- * <CTA
- *   headingText={{ text: "Join The Launch Today!" }}
- *   descriptionText={{ text: "Start your free trial in minutes." }}
- *   ctaButton={{ label: "Sign Up", href: "#contact" }}
- *   secondaryButton={{ label: "Learn More", href: "#features" }}
- * />
- */
-export function CTA({ id = "cta", className, section = {
-    className: "bg-background text-foreground",
-}, container = {
-    className: "mx-auto flex min-h-[42vh] w-full max-w-6xl flex-col items-center justify-center overflow-hidden px-4 pb-7",
-}, contentWrapper = {
-    className: "flex w-full flex-col items-center text-center",
-}, headingText = {
-    text: "Join The Launch Today!",
-    className: "text-3xl font-bold leading-[1.1] text-primary sm:text-4xl md:text-5xl text-[var(--heading-fg)]",
-}, subheadingText = {
-    text: "",
-    className: "mt-2 text-lg font-medium text-muted-foreground sm:text-xl text-[var(--subheading-fg)]",
-}, descriptionText = {
-    text: "",
-    className: "mt-3 max-w-2xl text-base text-foreground/80 sm:text-lg text-[var(--description-fg)]",
-}, actionsWrapper = {
-    className: "mt-6 flex flex-col items-center gap-3 sm:flex-row",
-}, ctaButton = { label: "Sign Up Now", href: "#contact" }, ctaButtonStyle = {
-    variant: "default",
-    size: "default",
-    className: "shadow-lg transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl border-[var(--btn-border)] focus-visible:ring-[var(--btn-ring)]",
-}, ctaButtonWrapper = { className: "" }, secondaryButton = null, secondaryButtonStyle = {
-    variant: "outline",
-    size: "default",
-    className: "transition-transform duration-200 hover:-translate-y-0.5 border-[var(--btn-border)] focus-visible:ring-[var(--btn-ring)]",
-}, secondaryButtonWrapper = { className: "" }, spacing = { topMargin: "mt-0 sm:mt-12" }, 
-// spacing = { topMargin: "mt-[17vh]" },
-ariaLabel = "Call to action section", role = "region", }) {
-    // default class for actions wrapper (keeps a gap and responsive row layout)
-    const actionsWrapperDefault = "mt-6 flex flex-col items-center gap-3 sm:flex-row";
-    return (_jsx("section", { id: id, role: role, "aria-label": ariaLabel, className: cn("w-full", section.className, className), children: _jsx("div", { className: cn(container.className), children: _jsxs("div", { className: cn(contentWrapper.className), children: [(headingText === null || headingText === void 0 ? void 0 : headingText.text) ? (_jsx("h2", { className: cn("text-center", spacing === null || spacing === void 0 ? void 0 : spacing.topMargin, headingText.className), children: headingText.text })) : null, (subheadingText === null || subheadingText === void 0 ? void 0 : subheadingText.text) ? (_jsx("p", { className: cn(subheadingText.className), children: subheadingText.text })) : null, (descriptionText === null || descriptionText === void 0 ? void 0 : descriptionText.text) ? (_jsx("p", { className: cn(descriptionText.className), children: descriptionText.text })) : null, _jsxs("div", { className: cn(actionsWrapperDefault, actionsWrapper.className), children: [ctaButton && (_jsx(Button, { asChild: true, unstyled: ctaButtonStyle.unstyled, variant: ctaButtonStyle.variant, size: ctaButtonStyle.size, className: cn(ctaButtonWrapper.className, ctaButtonStyle.className), style: ctaButtonStyle.style, children: _jsx(Link, { href: ctaButton.href, "aria-label": ctaButton.label, children: ctaButton.label }) })), secondaryButton && (_jsx(Button, { asChild: true, unstyled: secondaryButtonStyle.unstyled, variant: secondaryButtonStyle.variant, size: secondaryButtonStyle.size, className: cn(secondaryButtonWrapper.className, secondaryButtonStyle.className), style: secondaryButtonStyle.style, children: _jsx(Link, { href: secondaryButton.href, "aria-label": secondaryButton.label, children: secondaryButton.label }) }))] })] }) }) }));
-}

package/dist/components/Contact.js

@@ -1,82 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@nextworks/blocks-core";
-import { Button, Input, Textarea, Label } from "@nextworks/blocks-core";
-const defaultFormData = [
-    {
-        id: "name",
-        label: "Your Full Name",
-        placeholder: "John Doe",
-        required: true,
-        type: "text",
-    },
-    {
-        id: "email",
-        label: "Email Address",
-        placeholder: "you@example.com",
-        required: true,
-        type: "email",
-    },
-    {
-        id: "phone",
-        label: "Phone Number",
-        placeholder: "Enter your phone number",
-        required: false,
-        type: "tel",
-    },
-    {
-        id: "company",
-        label: "Company",
-        placeholder: "Enter your company name",
-        required: false,
-        type: "text",
-    },
-    {
-        id: "message",
-        label: "Message",
-        placeholder: "Tell us about your project...",
-        required: true,
-        type: "textarea",
-    },
-];
-/**
- * Contact section with a configurable form and submit action.
- *
- * @remarks
- * - Styling: slot-style className overrides are merged via cn().
- * - Behavior: onSubmit is invoked with the form event after calling
- *   preventDefault().
- * - Motion: enableMotion toggles the button hover lift/transition.
- * - Accessibility: Uses a semantic <section> with aria-label.
- *
- * @example
- * <Contact onSubmit={(e) => { // send to your API }} />
- */
-export function Contact({ fields = defaultFormData, contactHeaderText = "Ready to Grow Your Business?", contactSubHeaderText = "Schedule a free consultation with our experts.", id = "contact", className, section = { className: "py-16 px-4 bg-primary" }, container = { className: "mx-auto max-w-4xl" }, headerWrapper = { className: "mb-8 text-center" }, headerText = {
-    className: "text-2xl font-bold font-poppins text-primary-foreground",
-}, subheaderText = {
-    className: "mt-2 text-lg font-inter text-primary-foreground px-4 md:px-14",
-}, form = {
-    className: "bg-card p-8 rounded-lg shadow-md border border-border bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)] shadow-[var(--card-shadow)]",
-}, fieldsWrapper = { className: "space-y-4" }, field = { className: "space-y-2" }, label = {
-    className: "text-card-foreground text-sm font-medium font-poppins block text-[var(--label-fg)]",
-}, input = {
-    className: "w-full p-3 border border-input rounded-md bg-background text-foreground placeholder-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent font-inter border-[var(--input-border)] bg-[var(--input-bg)] text-[var(--input-fg)] placeholder:text-[var(--input-placeholder)] focus-visible:ring-[var(--input-focus-ring)] focus-visible:ring-offset-[var(--input-ring-offset)]",
-}, textarea = {
-    className: "w-full p-3 border border-input rounded-md bg-background text-foreground placeholder-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent resize-vertical min-h-[120px] font-inter border-[var(--input-border)] bg-[var(--input-bg)] text-[var(--input-fg)] placeholder:text-[var(--input-placeholder)] focus-visible:ring-[var(--input-focus-ring)] focus-visible:ring-offset-[var(--input-ring-offset)]",
-}, submitButtonWrapper = { className: "pt-2" }, submitButtonStyle = {
-    variant: "default",
-    size: "lg",
-    className: "w-full shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5 border-[var(--btn-border)] focus-visible:ring-[var(--btn-ring)]",
-}, submitButtonText = "Schedule Free Consultation", onSubmit, ariaLabel = "Contact section", enableMotion = true, }) {
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
-    };
-    return (_jsx("section", { id: id, className: cn("w-full", section.className, className), "aria-label": ariaLabel, children: _jsxs("div", { className: cn(container.className), children: [_jsxs("div", { className: cn(headerWrapper.className), children: [contactHeaderText && (_jsx("h2", { className: cn(headerText.className), children: contactHeaderText })), contactSubHeaderText && (_jsx("p", { className: cn(subheaderText.className), children: contactSubHeaderText }))] }), _jsx("form", { onSubmit: handleSubmit, className: cn(form.className), children: _jsxs("div", { className: cn(fieldsWrapper.className), children: [fields.map((f) => {
-                                var _a;
-                                const isTextarea = f.type === "textarea";
-                                return (_jsxs("div", { className: cn(field.className), children: [_jsxs(Label, { htmlFor: f.id, className: cn(label.className), children: [f.label, f.required && (_jsx("span", { className: "text-destructive ml-1", children: "*" }))] }), isTextarea ? (_jsx(Textarea, { id: f.id, name: f.id, placeholder: f.placeholder, required: f.required, rows: 4, className: cn(textarea.className) })) : (_jsx(Input, { type: (_a = f.type) !== null && _a !== void 0 ? _a : "text", id: f.id, name: f.id, placeholder: f.placeholder, required: f.required, className: cn(input.className) }))] }, f.id));
-                            }), _jsx("div", { className: cn(submitButtonWrapper.className), children: _jsx(Button, { type: "submit", unstyled: submitButtonStyle.unstyled, variant: submitButtonStyle.variant, size: submitButtonStyle.size, className: cn(submitButtonStyle.className, !enableMotion &&
-                                        "transition-none hover:!translate-y-0 hover:shadow-none"), style: submitButtonStyle.style, children: submitButtonText }) })] }) })] }) }));
-}