{ "componentRegistry": { "navbar": [ { "name": "NavbarCentered", "import": "import NavbarCentered from '@/components/ui/NavbarCentered';", "path": "@/components/ui/NavbarCentered", "description": "Centered navigation bar with logo, links and buttons", "propsSchema": { "logo": "string", "navItems": "{ name: string; href: string }[] // href uses \"#sectionId\" format for same-page scroll links", "ctaButton": "{ text: string; href: string }" } } ] }, "sectionRegistry": { "hero": [ { "name": "HeroBillboard", "import": "import HeroBillboard from '@/components/sections/hero/HeroBillboard';", "path": "@/components/sections/hero/HeroBillboard", "description": "Full-width centered hero with media below text content", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton": "{ text: string; href: string }", "secondaryButton": "{ text: string; href: string }", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } }, { "name": "HeroBillboardGallery", "import": "import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';", "path": "@/components/sections/hero/HeroBillboardGallery", "description": "Full-width centered hero with image gallery below", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton": "{ text: string; href: string }", "secondaryButton": "{ text: string; href: string }", "items": "({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never })[]" } }, { "name": "HeroSplit", "import": "import HeroSplit from '@/components/sections/hero/HeroSplit';", "path": "@/components/sections/hero/HeroSplit", "description": "Split layout hero with text on left, media on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton": "{ text: string; href: string }", "secondaryButton": "{ text: string; href: string }", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } } ], "about": [ { "name": "AboutFeaturesSplit", "import": "import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';", "path": "@/components/sections/about/AboutFeaturesSplit", "description": "About section with feature list on left, media on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ icon: LucideIcon; title: string; description: string }[]", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } }, { "name": "AboutMediaOverlay", "import": "import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';", "path": "@/components/sections/about/AboutMediaOverlay", "description": "About section with text overlaid on media background", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } }, { "name": "AboutTestimonial", "import": "import AboutTestimonial from '@/components/sections/about/AboutTestimonial';", "path": "@/components/sections/about/AboutTestimonial", "description": "Testimonial section with quote and author info", "propsSchema": { "tag": "string", "quote": "string", "author": "string", "role": "string", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } }, { "name": "AboutTextSplit", "import": "import AboutTextSplit from '@/components/sections/about/AboutTextSplit';", "path": "@/components/sections/about/AboutTextSplit", "description": "Text-only about section with title on left, descriptions on right", "propsSchema": { "title": "string", "descriptions": "string[] // array of text paragraphs, NO imageSrc or media props", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }" } } ], "features": [ { "name": "FeaturesMediaCards", "import": "import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';", "path": "@/components/sections/features/FeaturesMediaCards", "description": "Features section with media cards in grid or carousel", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesAlternatingSplit", "import": "import FeaturesAlternatingSplit from '@/components/sections/features/FeaturesAlternatingSplit';", "path": "@/components/sections/features/FeaturesAlternatingSplit", "description": "Features section with numbered alternating left/right split cards", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string; primaryButton?: { text: string; href: string }; secondaryButton?: { text: string; href: string } } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesLabeledList", "import": "import FeaturesLabeledList from '@/components/sections/features/FeaturesLabeledList';", "path": "@/components/sections/features/FeaturesLabeledList", "description": "Features section with large labels and bullet-separated item lists", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ label: string; title: string; bullets: string[]; primaryButton: { text: string; href: string }; secondaryButton: { text: string; href: string } }[]" } }, { "name": "FeaturesComparison", "import": "import FeaturesComparison from '@/components/sections/features/FeaturesComparison';", "path": "@/components/sections/features/FeaturesComparison", "description": "Features comparison section with negative and positive lists side by side", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "negativeItems": "string[]", "positiveItems": "string[]" } }, { "name": "FeaturesDetailedSteps", "import": "import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';", "path": "@/components/sections/features/FeaturesDetailedSteps", "description": "Features section with detailed step cards including tag, title, subtitle, description, and tilted media", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "steps": "({ tag: string; title: string; subtitle: string; description: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesTaggedCards", "import": "import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';", "path": "@/components/sections/features/FeaturesTaggedCards", "description": "Features section with media cards featuring tag overlay on image and content card below", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ tag: string; title: string; description: string; primaryButton?: { text: string; href: string }; secondaryButton?: { text: string; href: string } } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesArrowCards", "import": "import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';", "path": "@/components/sections/features/FeaturesArrowCards", "description": "Features section with media cards featuring title, tags, and arrow icon for navigation", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; tags: string[] } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesDetailedCards", "import": "import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';", "path": "@/components/sections/features/FeaturesDetailedCards", "description": "Features section with horizontal split cards featuring title, author, tags, description, and media", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string; tags: string[] } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesDualMedia", "import": "import FeaturesDualMedia from '@/components/sections/features/FeaturesDualMedia';", "path": "@/components/sections/features/FeaturesDualMedia", "description": "Features section with icon cards featuring two media items side by side", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ icon: LucideIcon; title: string; description: string; mediaItems: [({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }), ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never })] }[]" } }, { "name": "FeaturesMediaCarousel", "import": "import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';", "path": "@/components/sections/features/FeaturesMediaCarousel", "description": "Carousel of cards with media background and text overlay at bottom", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string; buttonIcon: LucideIcon; buttonHref?: string; buttonOnClick?: () => void } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesFlipCards", "import": "import FeaturesFlipCards from '@/components/sections/features/FeaturesFlipCards';", "path": "@/components/sections/features/FeaturesFlipCards", "description": "Grid of cards that flip on click to reveal descriptions on the back", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; descriptions: string[] } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesStatisticsCards", "import": "import FeaturesStatisticsCards from '@/components/sections/features/FeaturesStatisticsCards';", "path": "@/components/sections/features/FeaturesStatisticsCards", "description": "Grid of cards displaying title, subtitle, category indicator, and value/statistic", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ title: string; description: string; label: string; value: string }[]" } }, { "name": "FeaturesRevealCards", "import": "import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';", "path": "@/components/sections/features/FeaturesRevealCards", "description": "Numbered cards with image background that reveal description on hover", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesTimelineCards", "import": "import FeaturesTimelineCards from '@/components/sections/features/FeaturesTimelineCards';", "path": "@/components/sections/features/FeaturesTimelineCards", "description": "Horizontal timeline with clickable cards that control a large media display with progress bar animations", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "FeaturesIconCards", "import": "import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';", "path": "@/components/sections/features/FeaturesIconCards", "description": "Grid of cards with icon and interactive hover effect revealing random characters", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "features": "{ icon: LucideIcon; title: string; description: string }[]" } }, { "name": "FeaturesBento", "import": "import FeaturesBento from '@/components/sections/features/FeaturesBento';", "path": "@/components/sections/features/FeaturesBento", "description": "Bento grid with animated card variants including charts, orbiting icons, chat animations, and more", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "features": "FeatureCard[] where each FeatureCard = { title: string; description: string } & one of these variants: { bentoComponent: 'animated-bar-chart' } | { bentoComponent: 'checklist-timeline'; heading: string; subheading: string; items: [{ label: string; detail: string }, { label: string; detail: string }, { label: string; detail: string }]; completedLabel: string } | { bentoComponent: 'media-stack'; items: [{ imageSrc?: string; videoSrc?: string }, { imageSrc?: string; videoSrc?: string }, { imageSrc?: string; videoSrc?: string }] }" } }, { "name": "FeaturesProfileCards", "import": "import FeaturesProfileCards from '@/components/sections/features/FeaturesProfileCards';", "path": "@/components/sections/features/FeaturesProfileCards", "description": "Profile cards with avatar, verified badge, CTA button, and hover-reveal description", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; description: string; avatarSrc: string; buttonText: string; buttonHref?: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } } ], "pricing": [ { "name": "PricingSimpleCards", "import": "import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';", "path": "@/components/sections/pricing/PricingSimpleCards", "description": "Simple pricing cards with title, price, description, and feature list", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "plans": "{ tag: string; price: string; description: string; features: string[] }[]" } }, { "name": "PricingCenteredCards", "import": "import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';", "path": "@/components/sections/pricing/PricingCenteredCards", "description": "Centered pricing cards with per-plan buttons above features list", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "plans": "{ tag: string; price: string; description: string; features: string[]; primaryButton: { text: string; href: string }; secondaryButton?: { text: string; href: string } }[]" } }, { "name": "PricingHighlightedCards", "import": "import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';", "path": "@/components/sections/pricing/PricingHighlightedCards", "description": "Pricing cards with optional highlight badge above selected cards", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "plans": "{ tag: string; price: string; description: string; features: string[]; highlight?: string; primaryButton: { text: string; href: string }; secondaryButton?: { text: string; href: string } }[]" } }, { "name": "PricingSplitCards", "import": "import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards';", "path": "@/components/sections/pricing/PricingSplitCards", "description": "Split layout pricing cards with price/CTA on left, features on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "plans": "{ tag: string; price: string; period: string; description: string; primaryButton: { text: string; href: string }; secondaryButton?: { text: string; href: string }; featuresTitle: string; features: string[] }[]" } }, { "name": "PricingLayeredCards", "import": "import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';", "path": "@/components/sections/pricing/PricingLayeredCards", "description": "Layered card design with highlighted inner section containing price/CTA and features below", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "plans": "{ tag: string; price: string; description: string; primaryButton: { text: string; href: string }; secondaryButton?: { text: string; href: string }; features: string[] }[]" } }, { "name": "PricingMediaCards", "import": "import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';", "path": "@/components/sections/pricing/PricingMediaCards", "description": "Split layout pricing cards with media on left, pricing info and features on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "plans": "({ tag: string; price: string; period: string; features: string[]; primaryButton: { text: string; href: string } } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } } ], "metrics": [ { "name": "MetricsGradientCards", "import": "import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';", "path": "@/components/sections/metrics/MetricsGradientCards", "description": "Metrics cards with large gradient-fading value, overlapping title, and icon in bottom corner", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "metrics": "{ value: string; title: string; description: string; icon: LucideIcon }[]" } }, { "name": "MetricsSimpleCards", "import": "import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';", "path": "@/components/sections/metrics/MetricsSimpleCards", "description": "Simple metrics cards with large value and description text", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "metrics": "{ value: string; description: string }[]" } }, { "name": "MetricsIconCards", "import": "import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';", "path": "@/components/sections/metrics/MetricsIconCards", "description": "Centered metrics cards with icon, title, and large value", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "metrics": "{ icon: LucideIcon; title: string; value: string }[]" } }, { "name": "MetricsFeatureCards", "import": "import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';", "path": "@/components/sections/metrics/MetricsFeatureCards", "description": "Metrics cards with large value, title, divider, and feature checklist", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "metrics": "{ value: string; title: string; features: string[] }[]" } }, { "name": "MetricsMediaCards", "import": "import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';", "path": "@/components/sections/metrics/MetricsMediaCards", "description": "Split layout metrics with text card and media side by side, alternating order", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "metrics": "({ value: string; title: string; description: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "MetricsMinimalCards", "import": "import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';", "path": "@/components/sections/metrics/MetricsMinimalCards", "description": "Minimal layout with title, tag, divider, and aspect-video metric cards", "propsSchema": { "tag": "string", "title": "string", "metrics": "{ value: string; description: string }[]" } } ], "team": [ { "name": "TeamOverlayCards", "import": "import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';", "path": "@/components/sections/team/TeamOverlayCards", "description": "Team member cards with portrait media and overlay containing name and role badge", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "members": "({ name: string; role: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TeamDetailedCards", "import": "import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';", "path": "@/components/sections/team/TeamDetailedCards", "description": "Full-bleed team cards with detailed overlay including name, role, description, and social links", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "members": "({ name: string; role: string; description: string; socialLinks: { icon: LucideIcon; url: string }[] } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TeamStackedCards", "import": "import TeamStackedCards from '@/components/sections/team/TeamStackedCards';", "path": "@/components/sections/team/TeamStackedCards", "description": "Overlapping team cards with square media, name, and role centered below", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "members": "({ name: string; role: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TeamGlassCards", "import": "import TeamGlassCards from '@/components/sections/team/TeamGlassCards';", "path": "@/components/sections/team/TeamGlassCards", "description": "Full-bleed team cards with glassmorphism blur overlay and white text", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "members": "({ name: string; role: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TeamMinimalCards", "import": "import TeamMinimalCards from '@/components/sections/team/TeamMinimalCards';", "path": "@/components/sections/team/TeamMinimalCards", "description": "Minimal team cards with media, divider, and name/role text", "propsSchema": { "tag": "string", "title": "string", "members": "({ name: string; role: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TeamListCards", "import": "import TeamListCards from '@/components/sections/team/TeamListCards';", "path": "@/components/sections/team/TeamListCards", "description": "Grouped team members in list format with image, name, role, and detail", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "groups": "{ title: string; members: ({ name: string; role: string; detail: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[] }[]" } } ], "testimonial": [ { "name": "TestimonialOverlayCards", "import": "import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';", "path": "@/components/sections/testimonial/TestimonialOverlayCards", "description": "Testimonial cards with full-bleed image and overlay showing rating, name, role, and company", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ name: string; role: string; company: string; rating: number } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialQuoteCards", "import": "import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';", "path": "@/components/sections/testimonial/TestimonialQuoteCards", "description": "Testimonial cards with image or icon, name, role, and quote text", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ name: string; role: string; quote: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialSplitCards", "import": "import TestimonialSplitCards from '@/components/sections/testimonial/TestimonialSplitCards';", "path": "@/components/sections/testimonial/TestimonialSplitCards", "description": "Split testimonial carousel with text on left and media on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ tag: string; title: string; quote: string; name: string; date: string } & ({ avatarImageSrc: string; avatarVideoSrc?: never } | { avatarVideoSrc: string; avatarImageSrc?: never }) & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialMetricsCards", "import": "import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';", "path": "@/components/sections/testimonial/TestimonialMetricsCards", "description": "Testimonial cards with rating overlay and metrics section below", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ name: string; role: string; company: string; rating: number } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]", "metrics": "[{ value: string; label: string }, { value: string; label: string }, { value: string; label: string }]" } }, { "name": "TestimonialMarqueeCards", "import": "import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';", "path": "@/components/sections/testimonial/TestimonialMarqueeCards", "description": "Dual marquee rows of testimonial cards scrolling in opposite directions", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ name: string; role: string; quote: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialDetailedCards", "import": "import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';", "path": "@/components/sections/testimonial/TestimonialDetailedCards", "description": "Split layout testimonial with quote card and media, navigated with arrow buttons", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ title: string; quote: string; name: string; role: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialAvatarCard", "import": "import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';", "path": "@/components/sections/testimonial/TestimonialAvatarCard", "description": "Social proof card with overlapping avatar group and call-to-action", "propsSchema": { "tag": "string", "title": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "avatars": "({ name: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialRatingCards", "import": "import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';", "path": "@/components/sections/testimonial/TestimonialRatingCards", "description": "Testimonial cards with star ratings, quote, and author info", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "testimonials": "({ name: string; role: string; quote: string; rating: number } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } }, { "name": "TestimonialTrustCard", "import": "import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';", "path": "@/components/sections/testimonial/TestimonialTrustCard", "description": "Social proof testimonial with star rating, large quote, author text, and avatar group", "propsSchema": { "quote": "string", "rating": "number", "author": "string", "avatars": "({ name: string } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }))[]" } } ], "social-proof": [ { "name": "SocialProofMarquee", "import": "import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';", "path": "@/components/sections/social-proof/SocialProofMarquee", "description": "Scrolling marquee of brand/company names with header section", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "names": "string[]" } } ], "faq": [ { "name": "FaqSimple", "import": "import FaqSimple from '@/components/sections/faq/FaqSimple';", "path": "@/components/sections/faq/FaqSimple", "description": "Simple FAQ section with expandable accordion items", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ question: string; answer: string }[]" } }, { "name": "FaqTwoColumn", "import": "import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';", "path": "@/components/sections/faq/FaqTwoColumn", "description": "Two-column FAQ section with items split across columns", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ question: string; answer: string }[]" } }, { "name": "FaqSplitMedia", "import": "import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';", "path": "@/components/sections/faq/FaqSplitMedia", "description": "Split layout FAQ with media on left and accordion items on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "{ question: string; answer: string }[]", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } } ], "blog": [ { "name": "BlogSimpleCards", "import": "import BlogSimpleCards from '@/components/sections/blog/BlogSimpleCards';", "path": "@/components/sections/blog/BlogSimpleCards", "description": "Simple blog cards with image at top, category badge, title, excerpt, and author info at bottom", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ category: string; title: string; excerpt: string; authorName: string; date: string; href?: string; onClick?: () => void } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }) & ({ authorImageSrc: string; authorVideoSrc?: never } | { authorVideoSrc: string; authorImageSrc?: never }))[]" } }, { "name": "BlogTagCards", "import": "import BlogTagCards from '@/components/sections/blog/BlogTagCards';", "path": "@/components/sections/blog/BlogTagCards", "description": "Blog cards with author info at top and tag badges at bottom", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ title: string; excerpt: string; authorName: string; date: string; tags: string[]; href?: string; onClick?: () => void } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }) & ({ authorImageSrc: string; authorVideoSrc?: never } | { authorVideoSrc: string; authorImageSrc?: never }))[]" } }, { "name": "BlogMediaCards", "import": "import BlogMediaCards from '@/components/sections/blog/BlogMediaCards';", "path": "@/components/sections/blog/BlogMediaCards", "description": "Blog cards with content at top and square media at bottom", "propsSchema": { "tag": "string", "title": "string", "description": "string", "primaryButton?": "{ text: string; href: string }", "secondaryButton?": "{ text: string; href: string }", "items": "({ category: string; title: string; excerpt: string; authorName: string; date: string; href?: string; onClick?: () => void } & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }) & ({ authorImageSrc: string; authorVideoSrc?: never } | { authorVideoSrc: string; authorImageSrc?: never }))[]" } } ], "contact": [ { "name": "ContactCenter", "import": "import ContactCenter from '@/components/sections/contact/ContactCenter';", "path": "@/components/sections/contact/ContactCenter", "description": "Centered contact section with email signup form inside a card", "propsSchema": { "tag": "string", "title": "string", "description": "string", "inputPlaceholder": "string", "buttonText": "string", "termsText?": "string", "onSubmit?": "(email: string) => void" } }, { "name": "ContactSplitEmail", "import": "import ContactSplitEmail from '@/components/sections/contact/ContactSplitEmail';", "path": "@/components/sections/contact/ContactSplitEmail", "description": "Split layout contact section with email signup form on left and media on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "inputPlaceholder": "string", "buttonText": "string", "termsText?": "string", "onSubmit?": "(email: string) => void", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } }, { "name": "ContactSplitForm", "import": "import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';", "path": "@/components/sections/contact/ContactSplitForm", "description": "Split layout contact section with multi-field form on left and media on right", "propsSchema": { "tag": "string", "title": "string", "description": "string", "inputs": "{ name: string; type: string; placeholder: string; required?: boolean }[]", "textarea?": "{ name: string; placeholder: string; rows?: number; required?: boolean }", "buttonText": "string", "onSubmit?": "(data: Record) => void", "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }" } }, { "name": "ContactCta", "import": "import ContactCta from '@/components/sections/contact/ContactCta';", "path": "@/components/sections/contact/ContactCta", "description": "Centered call-to-action section with tag, large heading and buttons", "propsSchema": { "tag": "string", "text": "string", "primaryButton": "{ text: string; href: string }", "secondaryButton": "{ text: string; href: string }" } } ], "legal": [ { "name": "PolicyContent", "import": "import PolicyContent from '@/components/sections/legal/PolicyContent';", "path": "@/components/sections/legal/PolicyContent", "description": "Policy content section for privacy policies, terms of service, etc.", "propsSchema": { "title": "string", "subtitle?": "string", "sections": "{ heading: string; content: ({ type: 'paragraph'; text: string } | { type: 'list'; items: string[] } | { type: 'numbered-list'; items: string[] })[] }[]" } } ], "footer": [ { "name": "FooterSimple", "import": "import FooterSimple from '@/components/sections/footer/FooterSimple';", "path": "@/components/sections/footer/FooterSimple", "description": "Simple footer with logo, column links, copyright and bottom links", "propsSchema": { "brand": "string", "columns": "{ title: string; items: { label: string; href?: string; onClick?: () => void }[] }[]", "copyright": "string", "links": "{ label: string; href?: string; onClick?: () => void }[]" } }, { "name": "FooterSimpleReveal", "import": "import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';", "path": "@/components/sections/footer/FooterSimpleReveal", "description": "Simple footer with reveal effect that appears fixed as you scroll", "propsSchema": { "brand": "string", "columns": "{ title: string; items: { label: string; href?: string; onClick?: () => void }[] }[]", "copyright": "string", "links": "{ label: string; href?: string; onClick?: () => void }[]" } }, { "name": "FooterBrand", "import": "import FooterBrand from '@/components/sections/footer/FooterBrand';", "path": "@/components/sections/footer/FooterBrand", "description": "Footer with full-width brand text and chevron icon links", "propsSchema": { "brand": "string", "columns": "{ items: { label: string; href?: string; onClick?: () => void }[] }[]" } }, { "name": "FooterBrandReveal", "import": "import FooterBrandReveal from '@/components/sections/footer/FooterBrandReveal';", "path": "@/components/sections/footer/FooterBrandReveal", "description": "Footer with full-width brand text and reveal effect", "propsSchema": { "brand": "string", "columns": "{ items: { label: string; href?: string; onClick?: () => void }[] }[]" } }, { "name": "FooterMinimal", "import": "import FooterMinimal from '@/components/sections/footer/FooterMinimal';", "path": "@/components/sections/footer/FooterMinimal", "description": "Minimal footer with full-width brand text, copyright, and social links", "propsSchema": { "brand": "string", "copyright": "string", "socialLinks?": "{ icon: LucideIcon; href?: string; onClick?: () => void }[]" } }, { "name": "FooterSimpleCard", "import": "import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';", "path": "@/components/sections/footer/FooterSimpleCard", "description": "Simple footer with columns wrapped in a card container", "propsSchema": { "brand": "string", "columns": "{ title: string; items: { label: string; href?: string; onClick?: () => void }[] }[]", "copyright": "string", "links": "{ label: string; href?: string; onClick?: () => void }[]" } }, { "name": "FooterSimpleMedia", "import": "import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';", "path": "@/components/sections/footer/FooterSimpleMedia", "description": "Footer with media section above and simple columns below", "propsSchema": { "imageSrc | videoSrc": "{ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }", "brand": "string", "columns": "{ title: string; items: { label: string; href?: string; onClick?: () => void }[] }[]", "copyright": "string", "links": "{ label: string; href?: string; onClick?: () => void }[]" } }, { "name": "FooterBasic", "import": "import FooterBasic from '@/components/sections/footer/FooterBasic';", "path": "@/components/sections/footer/FooterBasic", "description": "Basic footer with columns and two text lines at bottom", "propsSchema": { "columns": "{ title: string; items: { label: string; href?: string; onClick?: () => void }[] }[]", "leftText": "string", "rightText": "string" } } ] } }