import { Feature, FeatureProps } from '@/vibes/soul/sections/feature';function Usage() { return ( <Feature cta={feature.cta} description={feature.description} image={feature.image} title={feature.title} /> );}export const feature: FeatureProps = { image: { src: 'https://storage.googleapis.com/s.mkswft.com/RmlsZTowODYwYTY2NC02NjdjLTRhODYtYTUxYy1jOWExNzI5YTdjMDk=/everyday-tote.jpeg', alt: 'string', }, title: 'Where Every Ride Meets Perfect Fit.', description: 'Our custom bike bags are designed to seamlessly integrate with your bike, like this perfectly fitted square bag for your front basket. Adventure, style, and functionality—tailored just for you.', cta: { href: '#', label: 'Shop Now', },};
API Reference
FeatureProps
Prop
Type
Default
image*
Image
title*
string
description*
string
cta*
Link
Image
Prop
Type
Default
src*
string
alt*
string
Link
Prop
Type
Default
href*
string
label*
string
CSS Variables
This component supports various CSS variables for theming. Here's a comprehensive list.
