text: import CategoryContent from '../components/categoryContent';
  import CategoryTitle from '../components/categoryTitle';
  import { CAROUSEL_EZ_TABLE, CAROUSEL_LION_TRAVEL, CAROUSEL_URL } from '../Setting/config';
  import Carousel from './carousel';
  import FoodsContent from './content';
  import Incentive from './incentive';
  import './main.less';
  import Sponsor from './sponsor';
  import FoodsSymbols from './symbols';
  
  const LionTravelSymbol = () => (
  	<>
  		<div className='flag' />
  		<div className='camera' />
  		<div className='cloud0' />
  		<div className='cloud1' />
  		<div className='suitcase' />
  	</>
  );
  
  const EZTableSymbol = () => (
  	<>
  		<div className='sushi' />
  		<div className='cake' />
  		<div className='steak' />
  	</>
  );
  
  const Content = () => (
  	<CategoryContent>
  		<FoodsSymbols />
  		<FoodsContent />
  	</CategoryContent>
  );
  
  const Foods = () => (
  	<div className='Foods'>
  		<CategoryTitle title='酒肉之樂' subtitle='月月簽到月月抽 當月再購10次抽' index={1} />
  		<Content />
  		<Incentive index='0'>
  			<Carousel name='lionTravel' data={CAROUSEL_LION_TRAVEL} url={CAROUSEL_URL[0]} />
  			<LionTravelSymbol />
  		</Incentive>
  		<Incentive index='1'>
  			<Carousel name='ezTable' data={CAROUSEL_EZ_TABLE} url={CAROUSEL_URL[1]} />
  			<EZTableSymbol />
  		</Incentive>
  		<Sponsor />
  	</div>
  );
  export default Foods;
  