| 99 | const isMobile = useIsMobile() |
| 100 | |
| 101 | const renderContent = () => ( |
| 102 | <div className="space-y-6"> |
| 103 | <div> |
| 104 | <h2 className="feature-heading">{title}</h2> |
| 105 | |
| 106 | <span className="text-xs font-semibold uppercase tracking-wider mt-2 inline-block opacity-70"> |
| 107 | {tagline} |
| 108 | </span> |
| 109 | </div> |
| 110 | |
| 111 | <HighlightText text={highlightText} isLight={isLight} icon={highlightIcon} /> |
| 112 | |
| 113 | <p className="text-lg leading-relaxed opacity-70 font-paragraph"> |
| 114 | {description} |
| 115 | </p> |
| 116 | |
| 117 | <LearnMoreLink |
| 118 | href={learnMoreLink} |
| 119 | text={learnMoreText} |
| 120 | isLight={isLight} |
| 121 | textColor={textColor} |
| 122 | /> |
| 123 | </div> |
| 124 | ) |
| 125 | |
| 126 | return ( |
| 127 | <Section background={backdropColor}> |