refactor: add link variant to Button component and enhance CallToAction and HomeDesign styling

- Added 'link' variant to Button with baseStyles and variantStyles for cyan, white, and dark colors
- Updated Button type definitions to include link variant with proper color options
- Refactored default variant/color logic to use explicit conditionals for type safety
- Changed outline variant border from single to border-2 and added font-semibold
- Updated outline variant hover states to include text
This commit is contained in:
2025-11-19 13:09:29 +01:00
parent e5ed88b676
commit c1ca5e35f0
3 changed files with 44 additions and 17 deletions

View File

@@ -54,7 +54,7 @@ export function HomeDesign() {
{benefits.map((item) => (
<div
key={item.id}
className="mt-8 group flex items-start gap-2 bg-white px-8 py-12 border border-gray-200 lg:border-t lg:border-b border-l-0.5 border-r-0.5"
className="mt-8 group flex items-start gap-2 bg-white px-8 py-12 border border-gray-200 lg:border-t lg:border-b border-l-0.5 border-r-0.5 transition-all duration-300 ease-in-out hover:scale-[1.02] hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
>
{/* Image on the LEFT */}
<img