bender/2a3c7146-3fb8-4378-bdaf-da03a6b3cf30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update registry/components/HeroSplitTestimonial.json

Browse Source
This commit is contained in:
bender
2026-03-04 07:45:37 +00:00
parent 6bd71f249e
commit 93896e9a91
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
registry/components/HeroSplitTestimonial.json
View File

@@ -76,7 +76,7 @@
"props": "Partial<ButtonPropsForVariant> - Additional button props like className, textClassName (optional)"
},
"examples": [
"{ text: 'Get Started', href: 'https://example.com' }",
"{ text: 'Download Now', href: 'https://example.com' }",
"{ text: 'Learn More', href: 'about' }"
],
"note": "Button variant is controlled by ThemeProvider's defaultButtonVariant. Border radius is controlled by ThemeProvider's borderRadius (options: 'sharp', 'rounded', 'soft', 'pill'). All sections should be wrapped in a single ThemeProvider at the app/page level to maintain consistent styling across the entire site."
@@ -134,7 +134,7 @@
"marqueeTextClassName?": "string",
"marqueeIconClassName?": "string"
},
"usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n <HeroSplitTestimonial \n title=\"Build Modern Web Experiences\" \n description=\"Create stunning, responsive websites with our comprehensive component library\" \n background={{ variant: 'glowing-orb' }}\n tag=\"New Release\"\n tagIcon={Sparkles}\n imagePosition=\"right\" \n imageSrc=\"/hero.jpg\"\n imageAlt=\"Product showcase\"\n mediaAnimation=\"slide-up\"\n buttons={[{ text: 'Get Started', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]}\n buttonAnimation=\"blur-reveal\"\n testimonials={[\n { name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' },\n { name: 'Michael Chen', handle: 'CTO, StartupXYZ', testimonial: 'Best investment we made.', rating: 5, imageSrc: '/avatar2.jpg' }\n ]}\n />\n</ThemeProvider>",
"usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"entrance-slide\" borderRadius=\"pill\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n <HeroSplitTestimonial \n title=\"Build Modern Web Experiences\" \n description=\"Create stunning, responsive websites with our comprehensive component library\" \n background={{ variant: 'glowing-orb' }}\n tag=\"New Release\"\n tagIcon={Sparkles}\n imagePosition=\"right\" \n imageSrc=\"/hero.jpg\"\n imageAlt=\"Product showcase\"\n mediaAnimation=\"slide-up\"\n buttons={[{ text: 'Download Now', href: 'https://example.com' }, { text: 'Learn More', href: 'about' }]}\n buttonAnimation=\"blur-reveal\"\n testimonials={[\n { name: 'Sarah Johnson', handle: 'CEO, TechCorp', testimonial: 'This transformed our workflow!', rating: 5, imageSrc: '/avatar.jpg' },\n { name: 'Michael Chen', handle: 'CTO, StartupXYZ', testimonial: 'Best investment we made.', rating: 5, imageSrc: '/avatar2.jpg' }\n ]}\n />\n</ThemeProvider>",
"do": [
"Use for landing pages with social proof",
"Use for product showcases with testimonials",