@opensite/ui 0.3.3 → 0.4.0

package/dist/faq-static-list.js

@@ -306,6 +306,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -369,39 +370,9 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
 function FaqStaticList({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/feature-accordion-image.cjs

@@ -192,43 +192,10 @@ function AccordionContent({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultItems = [
-  {
-    title: "Create Your Account",
-    content: "Sign up in minutes with just your email. No credit card required to get started. You'll have immediate access to all basic features.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Account creation"
-  },
-  {
-    title: "Configure Your Settings",
-    content: "Customize your workspace to match your workflow. Set up integrations, invite team members, and configure notifications.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    imageAlt: "Settings configuration"
-  },
-  {
-    title: "Start Building",
-    content: "Use our intuitive drag-and-drop builder to create stunning pages. Access hundreds of pre-built components and templates.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder3,
-    imageAlt: "Building process"
-  },
-  {
-    title: "Launch & Scale",
-    content: "Deploy your project with one click. Monitor performance, gather analytics, and scale as your business grows.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder4,
-    imageAlt: "Launch and scale"
-  }
-];
 function FeatureAccordionImage({
-  title = "How It Works",
-  description = "Learn about our simple process to get started with our platform.",
-  items = defaultItems,
+  title,
+  description,
+  items,
   itemsSlot,
   defaultValue = "item-0",
   className,
@@ -244,7 +211,7 @@ function FeatureAccordionImage({
 }) {
   const [activeItem, setActiveItem] = React__namespace.useState(defaultValue);
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
-  const currentImage = items[activeIndex] || items[0];
+  const currentImage = items?.[activeIndex] || items?.[0];
   const renderAccordionItems = () => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;

package/dist/feature-accordion-image.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureAccordionImageItem {

package/dist/feature-accordion-image.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureAccordionImageItem {

package/dist/feature-accordion-image.js

@@ -169,43 +169,10 @@ function AccordionContent({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultItems = [
-  {
-    title: "Create Your Account",
-    content: "Sign up in minutes with just your email. No credit card required to get started. You'll have immediate access to all basic features.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Account creation"
-  },
-  {
-    title: "Configure Your Settings",
-    content: "Customize your workspace to match your workflow. Set up integrations, invite team members, and configure notifications.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    imageAlt: "Settings configuration"
-  },
-  {
-    title: "Start Building",
-    content: "Use our intuitive drag-and-drop builder to create stunning pages. Access hundreds of pre-built components and templates.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder3,
-    imageAlt: "Building process"
-  },
-  {
-    title: "Launch & Scale",
-    content: "Deploy your project with one click. Monitor performance, gather analytics, and scale as your business grows.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder4,
-    imageAlt: "Launch and scale"
-  }
-];
 function FeatureAccordionImage({
-  title = "How It Works",
-  description = "Learn about our simple process to get started with our platform.",
-  items = defaultItems,
+  title,
+  description,
+  items,
   itemsSlot,
   defaultValue = "item-0",
   className,
@@ -221,7 +188,7 @@ function FeatureAccordionImage({
 }) {
   const [activeItem, setActiveItem] = React.useState(defaultValue);
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
-  const currentImage = items[activeIndex] || items[0];
+  const currentImage = items?.[activeIndex] || items?.[0];
   const renderAccordionItems = () => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;

package/dist/feature-badge-grid-six.cjs

@@ -587,50 +587,13 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-var defaultFeatures = [
-  {
-    iconName: "lucide/git-pull-request",
-    heading: "Quality",
-    description: "Built with attention to detail and best practices. Every component is thoroughly tested and follows modern React patterns for reliability and performance."
-  },
-  {
-    iconName: "lucide/square-kanban",
-    heading: "Experience",
-    description: "Crafted with user experience in mind. Each component is designed to be intuitive, accessible, and provide smooth interactions across all devices."
-  },
-  {
-    iconName: "lucide/radio-tower",
-    heading: "Support",
-    description: "Comprehensive documentation and community support. Get help when you need it with detailed guides, examples, and active community assistance."
-  },
-  {
-    iconName: "lucide/wand-sparkles",
-    heading: "Innovation",
-    description: "Cutting-edge design patterns and modern web technologies. Stay ahead with the latest trends in UI/UX design and development practices."
-  },
-  {
-    iconName: "lucide/layers",
-    heading: "Results",
-    description: "Proven track record of successful implementations. These components have been battle-tested in real-world applications and deliver consistent results."
-  },
-  {
-    iconName: "lucide/battery-charging",
-    heading: "Efficiency",
-    description: "Optimized for performance and developer productivity. Lightweight, fast-loading components that help you build faster without compromising on quality."
-  }
-];
-var defaultAction = {
-  label: "More Features",
-  href: "#",
-  variant: "default"
-};
 function FeatureBadgeGridSix({
-  label = "Features",
+  label,
   badgeSlot,
-  title = "Fully featured components for Opensite AI & Tailwind",
-  features = defaultFeatures,
+  title,
+  features,
   featuresSlot,
-  action = defaultAction,
+  action,
   actionSlot,
   className,
   containerClassName,

package/dist/feature-badge-grid-six.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureBadgeGridSixItem {

package/dist/feature-badge-grid-six.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureBadgeGridSixItem {

package/dist/feature-badge-grid-six.js

@@ -565,50 +565,13 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-var defaultFeatures = [
-  {
-    iconName: "lucide/git-pull-request",
-    heading: "Quality",
-    description: "Built with attention to detail and best practices. Every component is thoroughly tested and follows modern React patterns for reliability and performance."
-  },
-  {
-    iconName: "lucide/square-kanban",
-    heading: "Experience",
-    description: "Crafted with user experience in mind. Each component is designed to be intuitive, accessible, and provide smooth interactions across all devices."
-  },
-  {
-    iconName: "lucide/radio-tower",
-    heading: "Support",
-    description: "Comprehensive documentation and community support. Get help when you need it with detailed guides, examples, and active community assistance."
-  },
-  {
-    iconName: "lucide/wand-sparkles",
-    heading: "Innovation",
-    description: "Cutting-edge design patterns and modern web technologies. Stay ahead with the latest trends in UI/UX design and development practices."
-  },
-  {
-    iconName: "lucide/layers",
-    heading: "Results",
-    description: "Proven track record of successful implementations. These components have been battle-tested in real-world applications and deliver consistent results."
-  },
-  {
-    iconName: "lucide/battery-charging",
-    heading: "Efficiency",
-    description: "Optimized for performance and developer productivity. Lightweight, fast-loading components that help you build faster without compromising on quality."
-  }
-];
-var defaultAction = {
-  label: "More Features",
-  href: "#",
-  variant: "default"
-};
 function FeatureBadgeGridSix({
-  label = "Features",
+  label,
   badgeSlot,
-  title = "Fully featured components for Opensite AI & Tailwind",
-  features = defaultFeatures,
+  title,
+  features,
   featuresSlot,
-  action = defaultAction,
+  action,
   actionSlot,
   className,
   containerClassName,

package/dist/feature-bento-image-grid.cjs

@@ -555,48 +555,10 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultItems = [
-  {
-    iconName: "lucide/atom",
-    iconBadge: "Sustainability Focus",
-    title: "Build stunning websites with ease",
-    linkText: "Get started today",
-    link: "#",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Feature illustration",
-    size: "large"
-  },
-  {
-    iconName: "lucide/settings",
-    iconBadge: "Options",
-    title: "Explore now",
-    linkText: "Explore all features",
-    link: "#",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    imageAlt: "Feature illustration",
-    size: "small"
-  },
-  {
-    iconName: "lucide/zap",
-    iconBadge: "Latest Collection",
-    title: "Redefine your industry leadership.",
-    linkText: "Shop now",
-    link: "#",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder3,
-    imageAlt: "Feature illustration",
-    size: "small"
-  }
-];
 function FeatureBentoImageGrid({
-  title = "Dynamic Layouts",
-  description = "Adapt the box to suit any purpose",
-  items = defaultItems,
+  title,
+  description,
+  items,
   itemsSlot,
   className,
   containerClassName,

package/dist/feature-bento-image-grid.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureBentoImageGridItem {

package/dist/feature-bento-image-grid.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureBentoImageGridItem {

package/dist/feature-bento-image-grid.js

@@ -533,48 +533,10 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultItems = [
-  {
-    iconName: "lucide/atom",
-    iconBadge: "Sustainability Focus",
-    title: "Build stunning websites with ease",
-    linkText: "Get started today",
-    link: "#",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Feature illustration",
-    size: "large"
-  },
-  {
-    iconName: "lucide/settings",
-    iconBadge: "Options",
-    title: "Explore now",
-    linkText: "Explore all features",
-    link: "#",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    imageAlt: "Feature illustration",
-    size: "small"
-  },
-  {
-    iconName: "lucide/zap",
-    iconBadge: "Latest Collection",
-    title: "Redefine your industry leadership.",
-    linkText: "Shop now",
-    link: "#",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder3,
-    imageAlt: "Feature illustration",
-    size: "small"
-  }
-];
 function FeatureBentoImageGrid({
-  title = "Dynamic Layouts",
-  description = "Adapt the box to suit any purpose",
-  items = defaultItems,
+  title,
+  description,
+  items,
   itemsSlot,
   className,
   containerClassName,

package/dist/feature-bento-utilities.cjs

@@ -205,64 +205,15 @@ function Separator({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8"};
-var defaultLeftColumnCards = [
-  {
-    title: "Apps",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium."
-  },
-  {
-    title: "Integrations",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Integrations"
-  },
-  {
-    title: "Utilities",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium."
-  },
-  {
-    title: "Features",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    showSparkle: true
-  }
-];
-var defaultRightColumnCards = [
-  {
-    title: "Integrations",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Integrations",
-    showSparkle: true
-  },
-  {
-    title: "Features",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium."
-  },
-  {
-    title: "Features",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    showSparkle: true
-  },
-  {
-    title: "Search",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    badge: "Coming soon",
-    isDashed: true
-  }
-];
 function FeatureBentoUtilities({
-  label = "Utilities",
+  label,
   labelIconName = "lucide/square-dashed-mouse-pointer",
   labelIcon,
-  title = "Utilites for every use case and platform you can think of.",
-  description = "All the tools you need to get the job done. From apps to integrations, we have you covered.",
-  leftColumnCards = defaultLeftColumnCards,
+  title,
+  description,
+  leftColumnCards,
   leftColumnSlot,
-  rightColumnCards = defaultRightColumnCards,
+  rightColumnCards,
   rightColumnSlot,
   className,
   containerClassName,

package/dist/feature-bento-utilities.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureBentoUtilitiesCardItem {

package/dist/feature-bento-utilities.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureBentoUtilitiesCardItem {

package/dist/feature-bento-utilities.js

@@ -182,64 +182,15 @@ function Separator({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8"};
-var defaultLeftColumnCards = [
-  {
-    title: "Apps",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium."
-  },
-  {
-    title: "Integrations",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Integrations"
-  },
-  {
-    title: "Utilities",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium."
-  },
-  {
-    title: "Features",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    showSparkle: true
-  }
-];
-var defaultRightColumnCards = [
-  {
-    title: "Integrations",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Integrations",
-    showSparkle: true
-  },
-  {
-    title: "Features",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium."
-  },
-  {
-    title: "Features",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    showSparkle: true
-  },
-  {
-    title: "Search",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi laboriosam voluptatibus temporibus doloremque laudantium.",
-    badge: "Coming soon",
-    isDashed: true
-  }
-];
 function FeatureBentoUtilities({
-  label = "Utilities",
+  label,
   labelIconName = "lucide/square-dashed-mouse-pointer",
   labelIcon,
-  title = "Utilites for every use case and platform you can think of.",
-  description = "All the tools you need to get the job done. From apps to integrations, we have you covered.",
-  leftColumnCards = defaultLeftColumnCards,
+  title,
+  description,
+  leftColumnCards,
   leftColumnSlot,
-  rightColumnCards = defaultRightColumnCards,
+  rightColumnCards,
   rightColumnSlot,
   className,
   containerClassName,

package/dist/feature-capabilities-grid.cjs

@@ -182,43 +182,10 @@ function CardContent({ className, ...props }) {
     }
   );
 }
-var defaultItems = [
-  {
-    title: "Reasoned Guidance",
-    iconName: "lucide/brain",
-    description: "Clarify complex decisions with OpenSite AI reasoning and proactive analysis."
-  },
-  {
-    title: "Visual Intelligence",
-    iconName: "lucide/camera",
-    description: "Interpret imagery, inspections, and documentation with precision and confidence."
-  },
-  {
-    title: "Workflow Automations",
-    iconName: "lucide/plug",
-    description: "Integrate operational tools and orchestrate tasks across teams and partners."
-  },
-  {
-    title: "Structured Outputs",
-    iconName: "lucide/braces",
-    description: "Transform complex updates into actionable summaries and structured reports."
-  },
-  {
-    title: "Image Generation",
-    iconName: "lucide/image",
-    description: "Create branded visuals and personalized assets for coverage communications."
-  },
-  {
-    title: "Live Research",
-    iconName: "lucide/search",
-    badge: "New",
-    description: "Access real-time market and carrier insights with trusted data sources."
-  }
-];
 function FeatureCapabilitiesGrid({
-  eyebrow = "[ CAPABILITIES ]",
-  heading = "Models that adapt to your coverage strategy",
-  items = defaultItems,
+  eyebrow,
+  heading,
+  items,
   itemsSlot,
   className,
   containerClassName,