@affinda/wc 0.0.6 → 0.0.8

package/dist/esm/index.js

@@ -6,5 +6,5 @@ export { af_button as AfButton } from './af-button.entry.js';
 export { af_icon_button as AfIconButton } from './af-icon-button.entry.js';
 export { af_button_group as AfButtonGroup } from './af-button-group.entry.js';
 export { af_typography_lockup as AfTypographyLockup } from './af-typography-lockup.entry.js';
-import './index-Dmaq2rkg.js';
+import './index-Agei6ZJQ.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-Dmaq2rkg.js';
-export { s as setNonce } from './index-Dmaq2rkg.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-Agei6ZJQ.js';
+export { s as setNonce } from './index-Agei6ZJQ.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]]], options);
+  return bootstrapLazy([["af-hero-section",[[262,"af-hero-section",{"variant":[1],"withDecoration":[4,"with-decoration"],"minHeight":[1,"min-height"]}]]],["af-section",[[262,"af-section",{"padding":[1],"background":[1],"container":[4]}]]],["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1],"theme":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar",{"mobileMenuOpen":[32]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1],"theme":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"darkBackground":[4,"dark-background"]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-card",[[262,"af-card",{"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"darkOverlay":[4,"dark-overlay"]}]]],["af-client-carousel",[[257,"af-client-carousel",{"showHeadline":[4,"show-headline"],"headlineText":[1,"headline-text"]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-logo-well",[[257,"af-logo-well"]]],["af-testimonial",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"]}]]],["af-testimonial-carousel",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]}]]],["af-testimonial-stat",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/af-button/af-button.d.ts

@@ -19,5 +19,9 @@ export declare class AfButton {
      * Button type (when not using href)
      */
     type: 'button' | 'submit' | 'reset';
+    /**
+     * Use on dark backgrounds for better contrast
+     */
+    darkBackground: boolean;
     render(): any;
 }

package/dist/types/components/af-client-carousel/af-client-carousel.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Infinite scrolling carousel for client logos
+ */
+export declare class AfClientCarousel {
+    /** Show headline above carousel */
+    showHeadline: boolean;
+    /** Headline text */
+    headlineText: string;
+    render(): any;
+}

package/dist/types/components/af-heading/af-heading.d.ts

@@ -3,6 +3,8 @@ export declare class AfHeading {
     level: 'xl' | '1' | '2' | '3' | '4' | '5';
     /** Visual alignment */
     align: 'left' | 'center' | 'right';
+    /** Theme for dark backgrounds */
+    theme: 'light' | 'dark';
     private getHeadingTag;
     render(): any;
 }

package/dist/types/components/af-hero-section/af-hero-section.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hero section component for marketing pages
+ */
+export declare class AfHeroSection {
+    /** Hero variant */
+    variant: 'light' | 'dark';
+    /** Show decorative paperclip */
+    withDecoration: boolean;
+    /** Minimum height */
+    minHeight: string;
+    render(): any;
+}

package/dist/types/components/af-logo-well/af-logo-well.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A rounded container for displaying client logos
+ */
+export declare class AfLogoWell {
+    render(): any;
+}

package/dist/types/components/af-navbar/af-navbar.d.ts

@@ -1,7 +1,10 @@
 /**
  * A full-width navigation bar component that provides the main site navigation.
  * Features a pill-shaped container with logo, navigation links, and action buttons.
+ * Includes mobile hamburger menu.
  */
 export declare class AfNavbar {
+    mobileMenuOpen: boolean;
+    private toggleMobileMenu;
     render(): any;
 }

package/dist/types/components/af-section/af-section.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Section layout component for consistent spacing and backgrounds
+ */
+export declare class AfSection {
+    /** Padding variant */
+    padding: 'tight' | 'default' | 'loose';
+    /** Background color */
+    background: 'white' | 'level1' | 'dark' | 'inkwell';
+    /** Whether to include a Container wrapper */
+    container: boolean;
+    render(): any;
+}

package/dist/types/components/af-testimonial/af-testimonial.d.ts

@@ -0,0 +1,23 @@
+export declare class AfTestimonial {
+    /**
+     * Background image URL for the testimonial card
+     */
+    backgroundImage?: string;
+    /**
+     * Company logo URL
+     */
+    logoImage?: string;
+    /**
+     * Testimonial quote text
+     */
+    quote: string;
+    /**
+     * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
+     */
+    attribution: string;
+    /**
+     * Link to full case study
+     */
+    readMoreLink?: string;
+    render(): any;
+}

package/dist/types/components/af-testimonial-carousel/af-testimonial-carousel.d.ts

@@ -0,0 +1,15 @@
+export declare class AfTestimonialCarousel {
+    host: HTMLElement;
+    currentIndex: number;
+    isAnimating: boolean;
+    testimonialCount: number;
+    private testimonials;
+    private observer;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private detectTestimonials;
+    private updateVisibleTestimonial;
+    private goToPrevious;
+    private goToNext;
+    render(): any;
+}

package/dist/types/components/af-testimonial-stat/af-testimonial-stat.d.ts

@@ -0,0 +1,15 @@
+export declare class AfTestimonialStat {
+    /**
+     * The statistic value (e.g., "95%", "10×", "120,000")
+     */
+    value: string;
+    /**
+     * Description text for the statistic
+     */
+    description: string;
+    /**
+     * Whether to show left accent border
+     */
+    accentBorder: boolean;
+    render(): any;
+}

package/dist/types/components/af-text/af-text.d.ts

@@ -5,5 +5,7 @@ export declare class AfText {
     align: 'left' | 'center' | 'right';
     /** Semantic element to render */
     as: 'p' | 'span' | 'div' | 'label';
+    /** Theme for dark backgrounds */
+    theme: 'light' | 'dark';
     render(): any;
 }

package/dist/types/components.d.ts

@@ -19,6 +19,11 @@ export namespace Components {
         "ratio": string;
     }
     interface AfButton {
+        /**
+          * Use on dark backgrounds for better contrast
+          * @default false
+         */
+        "darkBackground": boolean;
         /**
           * Whether the button is disabled
           * @default false
@@ -71,6 +76,21 @@ export namespace Components {
          */
         "darkOverlay": boolean;
     }
+    /**
+     * Infinite scrolling carousel for client logos
+     */
+    interface AfClientCarousel {
+        /**
+          * Headline text
+          * @default "Trusted by some of the world's leading organisations"
+         */
+        "headlineText": string;
+        /**
+          * Show headline above carousel
+          * @default false
+         */
+        "showHeadline": boolean;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -108,6 +128,31 @@ export namespace Components {
           * @default '1'
          */
         "level": 'xl' | '1' | '2' | '3' | '4' | '5';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
+    }
+    /**
+     * Hero section component for marketing pages
+     */
+    interface AfHeroSection {
+        /**
+          * Minimum height
+          * @default '60vh'
+         */
+        "minHeight": string;
+        /**
+          * Hero variant
+          * @default 'dark'
+         */
+        "variant": 'light' | 'dark';
+        /**
+          * Show decorative paperclip
+          * @default false
+         */
+        "withDecoration": boolean;
     }
     interface AfIconButton {
         /**
@@ -144,6 +189,11 @@ export namespace Components {
      */
     interface AfLogo {
     }
+    /**
+     * A rounded container for displaying client logos
+     */
+    interface AfLogoWell {
+    }
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -172,9 +222,69 @@ export namespace Components {
     /**
      * A full-width navigation bar component that provides the main site navigation.
      * Features a pill-shaped container with logo, navigation links, and action buttons.
+     * Includes mobile hamburger menu.
      */
     interface AfNavbar {
     }
+    /**
+     * Section layout component for consistent spacing and backgrounds
+     */
+    interface AfSection {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "background": 'white' | 'level1' | 'dark' | 'inkwell';
+        /**
+          * Whether to include a Container wrapper
+          * @default true
+         */
+        "container": boolean;
+        /**
+          * Padding variant
+          * @default 'default'
+         */
+        "padding": 'tight' | 'default' | 'loose';
+    }
+    interface AfTestimonial {
+        /**
+          * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
+         */
+        "attribution": string;
+        /**
+          * Background image URL for the testimonial card
+         */
+        "backgroundImage"?: string;
+        /**
+          * Company logo URL
+         */
+        "logoImage"?: string;
+        /**
+          * Testimonial quote text
+         */
+        "quote": string;
+        /**
+          * Link to full case study
+         */
+        "readMoreLink"?: string;
+    }
+    interface AfTestimonialCarousel {
+    }
+    interface AfTestimonialStat {
+        /**
+          * Whether to show left accent border
+          * @default false
+         */
+        "accentBorder": boolean;
+        /**
+          * Description text for the statistic
+         */
+        "description": string;
+        /**
+          * The statistic value (e.g., "95%", "10×", "120,000")
+         */
+        "value": string;
+    }
     interface AfText {
         /**
           * Visual alignment
@@ -186,6 +296,11 @@ export namespace Components {
           * @default 'p'
          */
         "as": 'p' | 'span' | 'div' | 'label';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark';
         /**
           * Text variant
           * @default 'medium'
@@ -248,6 +363,15 @@ declare global {
         prototype: HTMLAfCardElement;
         new (): HTMLAfCardElement;
     };
+    /**
+     * Infinite scrolling carousel for client logos
+     */
+    interface HTMLAfClientCarouselElement extends Components.AfClientCarousel, HTMLStencilElement {
+    }
+    var HTMLAfClientCarouselElement: {
+        prototype: HTMLAfClientCarouselElement;
+        new (): HTMLAfClientCarouselElement;
+    };
     interface HTMLAfColorSwatchElement extends Components.AfColorSwatch, HTMLStencilElement {
     }
     var HTMLAfColorSwatchElement: {
@@ -270,6 +394,15 @@ declare global {
         prototype: HTMLAfHeadingElement;
         new (): HTMLAfHeadingElement;
     };
+    /**
+     * Hero section component for marketing pages
+     */
+    interface HTMLAfHeroSectionElement extends Components.AfHeroSection, HTMLStencilElement {
+    }
+    var HTMLAfHeroSectionElement: {
+        prototype: HTMLAfHeroSectionElement;
+        new (): HTMLAfHeroSectionElement;
+    };
     interface HTMLAfIconButtonElement extends Components.AfIconButton, HTMLStencilElement {
     }
     var HTMLAfIconButtonElement: {
@@ -285,6 +418,15 @@ declare global {
         prototype: HTMLAfLogoElement;
         new (): HTMLAfLogoElement;
     };
+    /**
+     * A rounded container for displaying client logos
+     */
+    interface HTMLAfLogoWellElement extends Components.AfLogoWell, HTMLStencilElement {
+    }
+    var HTMLAfLogoWellElement: {
+        prototype: HTMLAfLogoWellElement;
+        new (): HTMLAfLogoWellElement;
+    };
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -298,6 +440,7 @@ declare global {
     /**
      * A full-width navigation bar component that provides the main site navigation.
      * Features a pill-shaped container with logo, navigation links, and action buttons.
+     * Includes mobile hamburger menu.
      */
     interface HTMLAfNavbarElement extends Components.AfNavbar, HTMLStencilElement {
     }
@@ -305,6 +448,33 @@ declare global {
         prototype: HTMLAfNavbarElement;
         new (): HTMLAfNavbarElement;
     };
+    /**
+     * Section layout component for consistent spacing and backgrounds
+     */
+    interface HTMLAfSectionElement extends Components.AfSection, HTMLStencilElement {
+    }
+    var HTMLAfSectionElement: {
+        prototype: HTMLAfSectionElement;
+        new (): HTMLAfSectionElement;
+    };
+    interface HTMLAfTestimonialElement extends Components.AfTestimonial, HTMLStencilElement {
+    }
+    var HTMLAfTestimonialElement: {
+        prototype: HTMLAfTestimonialElement;
+        new (): HTMLAfTestimonialElement;
+    };
+    interface HTMLAfTestimonialCarouselElement extends Components.AfTestimonialCarousel, HTMLStencilElement {
+    }
+    var HTMLAfTestimonialCarouselElement: {
+        prototype: HTMLAfTestimonialCarouselElement;
+        new (): HTMLAfTestimonialCarouselElement;
+    };
+    interface HTMLAfTestimonialStatElement extends Components.AfTestimonialStat, HTMLStencilElement {
+    }
+    var HTMLAfTestimonialStatElement: {
+        prototype: HTMLAfTestimonialStatElement;
+        new (): HTMLAfTestimonialStatElement;
+    };
     interface HTMLAfTextElement extends Components.AfText, HTMLStencilElement {
     }
     var HTMLAfTextElement: {
@@ -322,13 +492,20 @@ declare global {
         "af-button": HTMLAfButtonElement;
         "af-button-group": HTMLAfButtonGroupElement;
         "af-card": HTMLAfCardElement;
+        "af-client-carousel": HTMLAfClientCarouselElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
         "af-container": HTMLAfContainerElement;
         "af-heading": HTMLAfHeadingElement;
+        "af-hero-section": HTMLAfHeroSectionElement;
         "af-icon-button": HTMLAfIconButtonElement;
         "af-logo": HTMLAfLogoElement;
+        "af-logo-well": HTMLAfLogoWellElement;
         "af-nav-item": HTMLAfNavItemElement;
         "af-navbar": HTMLAfNavbarElement;
+        "af-section": HTMLAfSectionElement;
+        "af-testimonial": HTMLAfTestimonialElement;
+        "af-testimonial-carousel": HTMLAfTestimonialCarouselElement;
+        "af-testimonial-stat": HTMLAfTestimonialStatElement;
         "af-text": HTMLAfTextElement;
         "af-typography-lockup": HTMLAfTypographyLockupElement;
     }
@@ -347,6 +524,11 @@ declare namespace LocalJSX {
         "ratio"?: string;
     }
     interface AfButton {
+        /**
+          * Use on dark backgrounds for better contrast
+          * @default false
+         */
+        "darkBackground"?: boolean;
         /**
           * Whether the button is disabled
           * @default false
@@ -399,6 +581,21 @@ declare namespace LocalJSX {
          */
         "darkOverlay"?: boolean;
     }
+    /**
+     * Infinite scrolling carousel for client logos
+     */
+    interface AfClientCarousel {
+        /**
+          * Headline text
+          * @default "Trusted by some of the world's leading organisations"
+         */
+        "headlineText"?: string;
+        /**
+          * Show headline above carousel
+          * @default false
+         */
+        "showHeadline"?: boolean;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -436,6 +633,31 @@ declare namespace LocalJSX {
           * @default '1'
          */
         "level"?: 'xl' | '1' | '2' | '3' | '4' | '5';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
+    }
+    /**
+     * Hero section component for marketing pages
+     */
+    interface AfHeroSection {
+        /**
+          * Minimum height
+          * @default '60vh'
+         */
+        "minHeight"?: string;
+        /**
+          * Hero variant
+          * @default 'dark'
+         */
+        "variant"?: 'light' | 'dark';
+        /**
+          * Show decorative paperclip
+          * @default false
+         */
+        "withDecoration"?: boolean;
     }
     interface AfIconButton {
         /**
@@ -472,6 +694,11 @@ declare namespace LocalJSX {
      */
     interface AfLogo {
     }
+    /**
+     * A rounded container for displaying client logos
+     */
+    interface AfLogoWell {
+    }
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -500,9 +727,69 @@ declare namespace LocalJSX {
     /**
      * A full-width navigation bar component that provides the main site navigation.
      * Features a pill-shaped container with logo, navigation links, and action buttons.
+     * Includes mobile hamburger menu.
      */
     interface AfNavbar {
     }
+    /**
+     * Section layout component for consistent spacing and backgrounds
+     */
+    interface AfSection {
+        /**
+          * Background color
+          * @default 'white'
+         */
+        "background"?: 'white' | 'level1' | 'dark' | 'inkwell';
+        /**
+          * Whether to include a Container wrapper
+          * @default true
+         */
+        "container"?: boolean;
+        /**
+          * Padding variant
+          * @default 'default'
+         */
+        "padding"?: 'tight' | 'default' | 'loose';
+    }
+    interface AfTestimonial {
+        /**
+          * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
+         */
+        "attribution": string;
+        /**
+          * Background image URL for the testimonial card
+         */
+        "backgroundImage"?: string;
+        /**
+          * Company logo URL
+         */
+        "logoImage"?: string;
+        /**
+          * Testimonial quote text
+         */
+        "quote": string;
+        /**
+          * Link to full case study
+         */
+        "readMoreLink"?: string;
+    }
+    interface AfTestimonialCarousel {
+    }
+    interface AfTestimonialStat {
+        /**
+          * Whether to show left accent border
+          * @default false
+         */
+        "accentBorder"?: boolean;
+        /**
+          * Description text for the statistic
+         */
+        "description": string;
+        /**
+          * The statistic value (e.g., "95%", "10×", "120,000")
+         */
+        "value": string;
+    }
     interface AfText {
         /**
           * Visual alignment
@@ -514,6 +801,11 @@ declare namespace LocalJSX {
           * @default 'p'
          */
         "as"?: 'p' | 'span' | 'div' | 'label';
+        /**
+          * Theme for dark backgrounds
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark';
         /**
           * Text variant
           * @default 'medium'
@@ -551,13 +843,20 @@ declare namespace LocalJSX {
         "af-button": AfButton;
         "af-button-group": AfButtonGroup;
         "af-card": AfCard;
+        "af-client-carousel": AfClientCarousel;
         "af-color-swatch": AfColorSwatch;
         "af-container": AfContainer;
         "af-heading": AfHeading;
+        "af-hero-section": AfHeroSection;
         "af-icon-button": AfIconButton;
         "af-logo": AfLogo;
+        "af-logo-well": AfLogoWell;
         "af-nav-item": AfNavItem;
         "af-navbar": AfNavbar;
+        "af-section": AfSection;
+        "af-testimonial": AfTestimonial;
+        "af-testimonial-carousel": AfTestimonialCarousel;
+        "af-testimonial-stat": AfTestimonialStat;
         "af-text": AfText;
         "af-typography-lockup": AfTypographyLockup;
     }
@@ -574,6 +873,10 @@ declare module "@stencil/core" {
             "af-button": LocalJSX.AfButton & JSXBase.HTMLAttributes<HTMLAfButtonElement>;
             "af-button-group": LocalJSX.AfButtonGroup & JSXBase.HTMLAttributes<HTMLAfButtonGroupElement>;
             "af-card": LocalJSX.AfCard & JSXBase.HTMLAttributes<HTMLAfCardElement>;
+            /**
+             * Infinite scrolling carousel for client logos
+             */
+            "af-client-carousel": LocalJSX.AfClientCarousel & JSXBase.HTMLAttributes<HTMLAfClientCarouselElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
             /**
              * A responsive container component that provides consistent margins and max-width
@@ -581,11 +884,19 @@ declare module "@stencil/core" {
              */
             "af-container": LocalJSX.AfContainer & JSXBase.HTMLAttributes<HTMLAfContainerElement>;
             "af-heading": LocalJSX.AfHeading & JSXBase.HTMLAttributes<HTMLAfHeadingElement>;
+            /**
+             * Hero section component for marketing pages
+             */
+            "af-hero-section": LocalJSX.AfHeroSection & JSXBase.HTMLAttributes<HTMLAfHeroSectionElement>;
             "af-icon-button": LocalJSX.AfIconButton & JSXBase.HTMLAttributes<HTMLAfIconButtonElement>;
             /**
              * Affinda logo component
              */
             "af-logo": LocalJSX.AfLogo & JSXBase.HTMLAttributes<HTMLAfLogoElement>;
+            /**
+             * A rounded container for displaying client logos
+             */
+            "af-logo-well": LocalJSX.AfLogoWell & JSXBase.HTMLAttributes<HTMLAfLogoWellElement>;
             /**
              * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
              * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -594,8 +905,16 @@ declare module "@stencil/core" {
             /**
              * A full-width navigation bar component that provides the main site navigation.
              * Features a pill-shaped container with logo, navigation links, and action buttons.
+             * Includes mobile hamburger menu.
              */
             "af-navbar": LocalJSX.AfNavbar & JSXBase.HTMLAttributes<HTMLAfNavbarElement>;
+            /**
+             * Section layout component for consistent spacing and backgrounds
+             */
+            "af-section": LocalJSX.AfSection & JSXBase.HTMLAttributes<HTMLAfSectionElement>;
+            "af-testimonial": LocalJSX.AfTestimonial & JSXBase.HTMLAttributes<HTMLAfTestimonialElement>;
+            "af-testimonial-carousel": LocalJSX.AfTestimonialCarousel & JSXBase.HTMLAttributes<HTMLAfTestimonialCarouselElement>;
+            "af-testimonial-stat": LocalJSX.AfTestimonialStat & JSXBase.HTMLAttributes<HTMLAfTestimonialStatElement>;
             "af-text": LocalJSX.AfText & JSXBase.HTMLAttributes<HTMLAfTextElement>;
             "af-typography-lockup": LocalJSX.AfTypographyLockup & JSXBase.HTMLAttributes<HTMLAfTypographyLockupElement>;
         }