import React from 'react'; import { Link } from 'react-router-dom'; import { useTranslation } from 'react-i18next'; import { ArrowRight, Play, CheckCircle2 } from 'lucide-react'; const Hero: React.FC = () => { const { t } = useTranslation(); return (
{/* Background Elements */}
{/* Text Content */}
{t('marketing.hero.badge')}

{t('marketing.hero.title')} {t('marketing.hero.titleHighlight')}

{t('marketing.hero.description')}

{t('marketing.hero.startFreeTrial')} {t('marketing.hero.watchDemo')}
{t('marketing.hero.noCreditCard')}
{t('marketing.hero.freeTrial')}
{t('marketing.hero.cancelAnytime')}
{/* Visual Content */}
{/* Abstract Representation of Marketplace/Dashboard */}

{t('marketing.hero.visualContent.automatedSuccess')}

{t('marketing.hero.visualContent.autopilot')}

+24%
{t('marketing.hero.visualContent.revenue')}
-40%
{t('marketing.hero.visualContent.noShows')}
{/* Floating Badge */}
{t('marketing.hero.visualContent.revenueOptimized')}
{t('marketing.hero.visualContent.thisWeek')}
); }; export default Hero;