Skip to content

Commit

Permalink
fix: banner 样式修改
Browse files Browse the repository at this point in the history
  • Loading branch information
linxin committed Nov 5, 2024
1 parent c1a1eab commit 3b4a9d8
Showing 1 changed file with 94 additions and 94 deletions.
188 changes: 94 additions & 94 deletions features/block/top-banner.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,96 +99,7 @@ export const IndexBanner = () => {
'zh-HK': 'https://assets.lbctrl.com/uploads/ca6da519-38f0-4291-89d7-79a76cef327c/sc_tc.png',
}
return (
<Carousel className="bg-cover" autoplay effect="fade">
<TopBlock className="bg-repeat-round bg-[#0B0550] relative">
<Block>
<BlockBetween
left={
<>
<div className="mb-3 text-3xl text-left text-text_color_3_supplement">
{i18n.t('home_top_banner_text_1')}
</div>
<div className="text-white text-[54px] leading-[68px]text-left">
<div>{i18n.t('home_top_banner_text_2')}</div>
</div>
<div className="flex space-x-4">
<LocaleLink className="flex items-center mt-10" to={'/solutions/virtual-assets'}>
<Button size="medium">{i18n.t('features_solutions_info_introduce_891112')}</Button>
</LocaleLink>
<ContactUs />
</div>
</>
}
right={
<div className="h-[430px] sm:w-[527px] flex flex-col justify-center">
<img
src="https://assets.lbctrl.com/uploads/c8bc35cf-c93d-419f-a703-23e1d3cb52dc/va.png"
alt="va"
className="top-0 bottom-0 object-cover w-auto h-full lg:absolute"
/>
</div>
}
></BlockBetween>
</Block>
</TopBlock>
<TopBlock imageUrl={BG_BANNER}>
<Block>
<BlockBetween
left={
<>
<div className="text-3xl font-medium xl:text-[43px] xl:leading-snug">
<div className="text-text_brand_color">{'Far Beyond'}</div>
<span>{i18n.t('features_block_top_banner_891147')}</span>
</div>
<p className="mt-4 text-lg xl:mt-6 xl:text-xl">{i18n.t('features_block_top_banner_891148')}</p>
<div className="flex">
<ContactUs />
</div>
</>
}
right={
<div className="h-[430px] sm:w-[527px] flex flex-col justify-center">
<img
src={bannerMap[i18n.i18n.language]}
className="mt-5 lg:mt-0"
alt={i18n.t('top-banner.broker-title')}
/>
</div>
}
/>
</Block>
</TopBlock>
<TopBlock
className="relative bg-center bg-no-repeat"
imageUrl="https://assets.lbctrl.com/uploads/785c8bd0-f6d4-4876-964c-dbae5fa95d61/whale_bg.jpg"
>
<Block className={classNames('py-10 md:lg-[72px] px-6 md:px-0')}>
<BlockBetween
left={
<>
<div className="mb-1 text-xl text-left text-text_color_3_supplement">
<div className="mb-2 text-brand_color_3">{i18n.t('features_block_top_banner_891190')}</div>
<div className="text-white text-3xl lg:text-[40px] lg:leading-[56px] en:lg:leading-[44px] text-left font-semibold">
<span className="xl:whitespace-nowrap xl:en:whitespace-normal">
{i18n.t('features_block_top_banner_891191')}
</span>
</div>
</div>
<div className="flex space-x-4">
<ContactUs />
</div>
</>
}
right={
<img
src={scImage[i18n.i18n.language]}
alt="sc_tc"
className="right-0 object-cover w-1/2 mx-auto lg:w-[380px] xl:w-[428px] mt-10 lg:mt-0 xl:ml-16"
/>
}
></BlockBetween>
</Block>
</TopBlock>
<Carousel className="bg-cover" effect="fade">
<TopBlock
className="relative bg-center bg-no-repeat"
imageUrl="https://assets.lbctrl.com/uploads/88cd3d2c-343f-49e1-a236-aa9ef8eecb96/zero.png"
Expand Down Expand Up @@ -224,7 +135,7 @@ export const IndexBanner = () => {
</>
}
right={
<div>
<div className={classNames({ 'max-w-[570px]': isEn })}>
<div className="text-3xl font-normal md:text-5xl text-front-bg-color-1">
{i18n.t('features_block_top_banner_891193')}
{isEn && (
Expand All @@ -236,8 +147,8 @@ export const IndexBanner = () => {
{isEn ? (
<div className="mt-4">
<span className="mr-2 text-6xl font-extrabold text-brand_color">ZERO</span>
<span className="text-3xl font-normal text-front-bg-color-1">
System Fees for HK Securities Trading{' '}
<span className="text-3xl font-normal text-front-bg-color-1 xl:whitespace-nowrap">
System Fees for HK Securities Trading
</span>
</div>
) : (
Expand Down Expand Up @@ -289,7 +200,7 @@ export const IndexBanner = () => {
>
{i18n.t('features_block_top_banner_891200')}
</Button>
<div className="absolute self-end text-sm font-thin text-front-bg-color-1 bottom-4 right-4 left-4 md:relative md:-bottom-20 md:left-[unset]">
<div className="absolute self-end text-sm font-thin text-front-bg-color-1 bottom-4 right-4 left-4 md:relative md:-bottom-20 md:left-0">
<sup>*</sup>
{i18n.t('features_block_top_banner_891201')}
</div>
Expand All @@ -298,6 +209,95 @@ export const IndexBanner = () => {
></BlockBetween>
</Block>
</TopBlock>
<TopBlock className="bg-repeat-round bg-[#0B0550] relative">
<Block>
<BlockBetween
left={
<>
<div className="mb-3 text-3xl text-left text-text_color_3_supplement">
{i18n.t('home_top_banner_text_1')}
</div>
<div className="text-white text-[54px] leading-[68px]text-left">
<div>{i18n.t('home_top_banner_text_2')}</div>
</div>
<div className="flex space-x-4">
<LocaleLink className="flex items-center mt-10" to={'/solutions/virtual-assets'}>
<Button size="medium">{i18n.t('features_solutions_info_introduce_891112')}</Button>
</LocaleLink>
<ContactUs />
</div>
</>
}
right={
<div className="h-[430px] sm:w-[527px] flex flex-col justify-center">
<img
src="https://assets.lbctrl.com/uploads/c8bc35cf-c93d-419f-a703-23e1d3cb52dc/va.png"
alt="va"
className="top-0 bottom-0 object-cover w-auto h-full lg:absolute"
/>
</div>
}
></BlockBetween>
</Block>
</TopBlock>
<TopBlock imageUrl={BG_BANNER}>
<Block>
<BlockBetween
left={
<>
<div className="text-3xl font-medium xl:text-[43px] xl:leading-snug">
<div className="text-text_brand_color">{'Far Beyond'}</div>
<span>{i18n.t('features_block_top_banner_891147')}</span>
</div>
<p className="mt-4 text-lg xl:mt-6 xl:text-xl">{i18n.t('features_block_top_banner_891148')}</p>
<div className="flex">
<ContactUs />
</div>
</>
}
right={
<div className="h-[430px] sm:w-[527px] flex flex-col justify-center">
<img
src={bannerMap[i18n.i18n.language]}
className="mt-5 lg:mt-0"
alt={i18n.t('top-banner.broker-title')}
/>
</div>
}
/>
</Block>
</TopBlock>
<TopBlock
className="relative bg-center bg-no-repeat"
imageUrl="https://assets.lbctrl.com/uploads/785c8bd0-f6d4-4876-964c-dbae5fa95d61/whale_bg.jpg"
>
<Block className={classNames('py-10 md:lg-[72px] px-6 md:px-0')}>
<BlockBetween
left={
<>
<div className="mb-1 text-xl text-left text-text_color_3_supplement">
<div className="mb-2 text-brand_color_3">{i18n.t('features_block_top_banner_891190')}</div>
<div className="text-white text-3xl lg:text-[40px] lg:leading-[56px] en:lg:leading-[44px] text-left font-semibold">
<span className="xl:whitespace-nowrap xl:en:whitespace-normal">
{i18n.t('features_block_top_banner_891191')}
</span>
</div>
</div>
<div className="flex space-x-4">
<ContactUs />
</div>
</>
}
right={
<img
src={scImage[i18n.i18n.language]}
alt="sc_tc"
className="right-0 object-cover w-1/2 mx-auto lg:w-[380px] xl:w-[428px] mt-10 lg:mt-0 xl:ml-16"
/>
}
></BlockBetween>
</Block>
</TopBlock>
</Carousel>
)
}

0 comments on commit 3b4a9d8

Please sign in to comment.