Skip to content

Commit

Permalink
fix: 财富管理页走查更新
Browse files Browse the repository at this point in the history
  • Loading branch information
zengzijian committed Sep 10, 2024
1 parent 9a366e5 commit 6d87e90
Show file tree
Hide file tree
Showing 11 changed files with 120 additions and 80 deletions.
2 changes: 1 addition & 1 deletion features/carousel-card/index.module.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
:local(.carousel-card) {
@apply relative;
@apply relative bg-brand_color bg-right-top bg-no-repeat bg-[length:1045px_500px] md:bg-[length:853px_408px] bg-blend-lighten;

.title {
@apply text-white text-center text-[36px] mb-4;
Expand Down
9 changes: 7 additions & 2 deletions features/carousel-card/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,13 @@ const CarouselCard = ({ title, list }: ICarouselCardProps) => {
}

return (
<div className={classNames(styles['carousel-card'])}>
<Box className="bg-brand_color">
<div
className={classNames(styles['carousel-card'])}
style={{
backgroundImage: `url('https://assets.lbctrl.com/uploads/cdedbefb-6bd5-49aa-871b-aa48f8329edf/purple-bg.png');`,
}}
>
<Box>
<div className="relative">
<div className="title">{title}</div>
<div className="btn-area">
Expand Down
6 changes: 6 additions & 0 deletions features/contact-form/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -60,4 +60,10 @@
.ant-tabs-bottom > div > .ant-tabs-nav::before {
border-bottom: 1px solid #c2c4c5;
}
.ant-checkbox + span {
@apply text-text-color-2;
}
.ant-form-item-label > label {
@apply text-text_color_3;
}
}
44 changes: 27 additions & 17 deletions features/footer/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -54,12 +54,12 @@ const Footer: FC = () => {
const sellEnd = [
{
label: i18n.t('features_footer_index_891117'),
value: '+852 3851 1722',
value: '+852 3851 1711',
type: 'tel:',
},
{
label: i18n.t('features_footer_index_891118'),
value: 'cs@longbridge.cloud',
value: 'bd@longbridge.sg',
type: 'mailto:',
},
]
Expand Down Expand Up @@ -111,14 +111,19 @@ const Footer: FC = () => {
<div className="text-sm font-medium text-text_color_1_supplement">
{i18n.t('features_footer_index_891119')}
</div>
<div
className={classNames('mt-1 mb-4 text-xs text-text_color_2', {
'flex space-x-2': i18n.i18n.language !== 'en',
})}
>
<div>{i18n.t('features_talk_to_us_891118')}</div>
<div>{i18n.t('features_talk_to_us_891119')}</div>
<div>{i18n.t('features_talk_to_us_891120')}</div>
<div className={'mt-1 mb-4 text-xs text-text_color_2 flex space-x-2'}>
{i18n.i18n.language === 'en' ? (
<>
<div>Talk to Experts</div>
<div className="ml-3">Ask for Free Demo</div>
</>
) : (
<>
<div>{i18n.t('features_talk_to_us_891118')}</div>
<div>{i18n.t('features_talk_to_us_891119')}</div>
<div>{i18n.t('features_talk_to_us_891120')}</div>
</>
)}
</div>
<div className="flex flex-col space-y-3">
{frontSell.map(({ label, value, type }) => (
Expand All @@ -133,13 +138,18 @@ const Footer: FC = () => {
<div className="text-sm font-medium text-text_color_1_supplement">
{i18n.t('features_footer_index_891121')}
</div>
<div
className={classNames('mt-1 mb-4 text-xs text-text_color_2', {
'flex space-x-2': i18n.i18n.language !== 'en',
})}
>
<div>{i18n.t('features_talk_to_us_891122')}</div>
<div>{i18n.t('features_talk_to_us_891123')}</div>
<div className={'mt-1 mb-4 text-xs text-text_color_2 flex space-x-2'}>
{i18n.i18n.language === 'en' ? (
<>
<div>Talk to Experts</div>
<div className="ml-3">Ask for Free Demo</div>
</>
) : (
<>
<div>{i18n.t('features_talk_to_us_891122')}</div>
<div>{i18n.t('features_talk_to_us_891123')}</div>
</>
)}
</div>
<div className="flex flex-col space-y-3">
{sellEnd.map(({ label, value, type }) => (
Expand Down
2 changes: 1 addition & 1 deletion features/header/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ function useNavs() {
},
{
value: '/wealth-management',
label: i18n.t('pages_virtual_assets36_1'),
label: i18n.t('features_wm_contact_us_index_891189'),
},
],
},
Expand Down
10 changes: 6 additions & 4 deletions features/wm-contact-us/index.module.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
:local(.contact-us) {
@apply flex flex-wrap justify-between flex-col-reverse md:flex-row;
.title {
@apply text-[24px] mb-4;
@apply text-[24px] mb-6 font-bold;
}
.sub-title {
@apply text-sm mb-3 font-medium text-text_color_1_supplement;
Expand All @@ -10,10 +10,12 @@
@apply flex flex-col items-baseline space-y-3 mb-6;
}
.label {
@apply text-xs font-normal;
color: var(--text_color_2);
@apply text-xs font-normal text-text_color_2;
&:hover {
color: var(--brand_color);
@apply text-brand_color;
}
& > a:hover {
@apply text-brand_color;
}
}
.img-container {
Expand Down
79 changes: 46 additions & 33 deletions features/wm-contact-us/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,31 +29,31 @@ const ContactUs = () => {
},
],
},
{
title: i18n.t('features_wm_contact_us_index_891163'),
children: [
{
label: i18n.t('features_footer_index_891118'),
value: '[email protected]',
type: 'mailto:',
},
{
label: i18n.t('features_footer_index_891117'),
value: '+65 9297 0216',
type: 'tel:',
},
{
label: i18n.t('features_footer_index_891117'),
value: '+852 3851 1711',
type: 'tel:',
},
{
label: i18n.t('features_wm_contact_us_index_891161'),
value: i18n.t('features_wm_contact_us_index_891181'),
type: '',
},
],
},
// {
// title: i18n.t('features_wm_contact_us_index_891163'),
// children: [
// {
// label: i18n.t('features_footer_index_891118'),
// value: '[email protected]',
// type: 'mailto:',
// },
// {
// label: i18n.t('features_footer_index_891117'),
// value: '+65 9297 0216',
// type: 'tel:',
// },
// {
// label: i18n.t('features_footer_index_891117'),
// value: '+852 3851 1711',
// type: 'tel:',
// },
// {
// label: i18n.t('features_wm_contact_us_index_891161'),
// value: i18n.t('features_wm_contact_us_index_891181'),
// type: '',
// },
// ],
// },
]
return contactUsInfo
}, [])
Expand All @@ -79,24 +79,37 @@ const ContactUs = () => {
)
)
return (
<div key={title}>
<div key={title} className="mb-8">
<div className="sub-title">{title}</div>
<div className="label-container">{childrenNodes}</div>
</div>
)
})}
<div className="mb-8">
<div className="sub-title">{i18n.t('features_wm_contact_us_index_891163')}</div>
<div className="label-container">
<a className="label" href={'mailto:[email protected]'}>
{i18n.t('features_footer_index_891118')}
{'[email protected]'}
</a>
<span className="label">
{i18n.t('features_footer_index_891117')}
<a href={'tel:+65 9297 0216'}>{'+65 9297 0216'}</a>
<span>{' / '}</span>
<a href={'tel:+852 3851 1711'}>{'+852 3851 1711'}</a>
</span>
<span className="label">
{i18n.t('features_wm_contact_us_index_891161')}
{i18n.t('features_wm_contact_us_index_891181')}
</span>
</div>
</div>
<div
className="img-container"
style={{
backgroundImage: `url(https://assets.lbctrl.com/uploads/092de69e-b447-4cc7-96e7-c59486745724/bg-earth.png)`,
}}
>
{/* <img
className=""
src="https://assets.lbctrl.com/uploads/092de69e-b447-4cc7-96e7-c59486745724/bg-earth.png"
alt=""
/> */}
</div>
></div>
</div>
<div className="w-[100%] md:w-[50%]">
<ContactForm />
Expand Down
21 changes: 11 additions & 10 deletions public/locales/en/common.json
Original file line number Diff line number Diff line change
Expand Up @@ -1198,11 +1198,11 @@
"features_experience_demo_891117": "Free Experience",
"features_footer_index_891117": "Tel: ",
"features_footer_index_891118": "Email: ",
"features_footer_index_891119": "Securities Trading Solution Consultation",
"features_footer_index_891121": "Financial Management Solution Consulting",
"features_footer_index_891119": "Securities Trading System",
"features_footer_index_891121": "Wealth Management Solution",
"features_footer_index_891123": "LInkedIn",
"features_footer_index_891124": "WeChat Subscription",
"features_footer_index_891125": "Business Cooperation / Media Contact",
"features_footer_index_891125": "Partnership / Media Contact",
"features_footer_index_891126": "About Whale",
"pages_locale_account_zcdue67crb": "Whale Online Account Opening, KYC, and Account Management System",
"pages_locale_account_lfecd6tvjo": "We offer brokers an online platform for account opening, KYC, and account management, streamlining processes for both brokers and their clients. By leveraging our system, investors can enjoy an efficient and hassle-free account opening experience, while brokers benefit from optimized account opening and management workflows. With highly customizable development, our system facilitates seamless online management from start to finish, empowering brokers to achieve a competitive edge in the market.",
Expand Down Expand Up @@ -1595,13 +1595,13 @@
"pages_virtual_assets37_1": "US Stock & Option",
"pages_virtual_assets36_1": "Wealth Management",
"pages_locale_wealth_management_891127": "Whale Wealth Management Platform",
"pages_locale_wealth_management_891128": "Whale - Your comprehensive multi-assets wealth management platform, offers seamless connectivity to both custodian and investment banks. Tailored for wealth managers, family offices, and high-net-worth individuals (HNWIs), Whale ensures a robust and efficient management of your wealth management processes and multiple assets in your portfolios.",
"pages_locale_wealth_management_891128": "Whale - Your comprehensive multi-asset wealth management platform, offers seamless connectivity to both custodian and investment banks. Tailored for wealth managers, family offices, and high-net-worth individuals (HNWIs), Whale ensures a robust and efficient management of your wealth management processes and multiple assets in your portfolios.",
"pages_locale_wealth_management_891129": "Services",
"pages_locale_wealth_management_891130": "Your One-stop Wealth Management Platform",
"pages_locale_wealth_management_891131": "Customer Relationship Management (CRM)",
"pages_locale_wealth_management_891132": "Whale CRM is designed to assist you in managing your client’s relationships from prospecting and onboarding to ongoing management of your client’s relationships and portfolios, while ensuring compliance with the current AML/KYC regulatory landscape.",
"pages_locale_wealth_management_891133": "Asset Aggregation",
"pages_locale_wealth_management_891134": "Eliminate delays and manual data entry with Whale, which integrates with your banks, allowing access to your financial information anytime and from anywhere. This timely consolidated view of portfolios enables you to make optimal financial decisions.",
"pages_locale_wealth_management_891134": "Eliminate delays and manual data entry with Whale, which integrates with your banks, allowing access to your financial information anytime and anywhere. This timely consolidated view of portfolios enables you to make optimal financial decisions.",
"pages_locale_wealth_management_891135": "Advisory & Product",
"pages_locale_wealth_management_891136": "With a meticulously designed product and advisory idea catalogue, wealth managers can now easily access to and distribute exclusive insights of all advisory ideas and research at their fingertips.",
"pages_locale_wealth_management_891137": "Order & Portfolio Management",
Expand All @@ -1616,9 +1616,9 @@
"pages_locale_wealth_management_891146": "Web and Mobile Accessibility",
"pages_locale_wealth_management_891147": "Clients and wealth managers can conveniently access Whale through both our web platform and mobile app, which are meticulously designed to be fully accessible. This ensures an inclusive, user-friendly, and seamless experience for all users, enabling them to manage their financial portfolios with ease and confidence.",
"pages_locale_wealth_management_891148": "Private Banks and Investment Banks",
"pages_locale_wealth_management_891149": "Whale offers seamless connectivity with leading Private Banks and Investment Banks, providing clients with integrated access to a broad range of investment recommendations and services. This connectivity allows for streamlined management of assets, efficient execution of trades, and access to market insights and portfolio performance. By bridging these financial institutions, we ensure that clients benefit from comprehensive financial strategies and a unified view of their wealth, enhancing their ability to make informed investment decisions.",
"pages_locale_wealth_management_891149": "Whale offers seamless connectivity with leading private banks and investment banks, providing clients with integrated access to a broad range of investment recommendations and services. This connectivity enables streamlined management of assets, efficient execution of trades, and access to market insights and portfolio performance. By bridging these financial institutions, we ensure that clients benefit from comprehensive financial strategies and a unified view of their wealth, enhancing their ability to make informed investment decisions.",
"pages_locale_wealth_management_891150": "Trusted Service Providers",
"pages_locale_wealth_management_891151": "With a pool of trusted service providers, Whale enables clients direct access to a diverse array of market data, researches and news. This supports for informed decision-making and a comprehensive view of market opportunities. By partnering with trustworthy service providers, clients are empowered to confidently navigate the financial landscape and optimize their investment strategies.",
"pages_locale_wealth_management_891151": "With a pool of trusted service providers, Whale enables clients direct access to a diverse array of market data, researches and news. This supports informed decision-making and a comprehensive view of market opportunities. By partnering with trustworthy service providers, clients are empowered to confidently navigate the financial landscape and optimize their investment strategies.",
"pages_locale_wealth_management_891152": "How we protect your data",
"pages_locale_wealth_management_891153": "Database Encryption",
"pages_locale_wealth_management_891154": "The database is encrypted on a hardware layer. Inside the database, the sensitive data is encrypted by AES-256 (industry standard). Data transmission between database and user interface (e.g. mobile app and browser) is also encrypted using industry standard.",
Expand All @@ -1638,11 +1638,11 @@
"features_wm_contact_us_index_891168": "Job Title",
"features_wm_contact_us_index_891169": "Country & Region",
"features_wm_contact_us_index_891170": "Enquiry Type",
"features_wm_contact_us_index_891171": "Enquiry Detail",
"features_wm_contact_us_index_891171": "Enquiry Details",
"features_wm_contact_us_index_891172_1": "I have read and agree to the ",
"features_wm_contact_us_index_891172_2": "Privacy Policy",
"features_wm_contact_us_index_891172_3": " and I allow Longbridge Whale to provide the requested services for me through the contact information I provided.",
"features_wm_contact_us_index_891173": "I would like to receive the latest news about Longbridge Whale's services and related offerings via email or telephone.",
"features_wm_contact_us_index_891173": "I would like to receive the latest news about Longbridge Whale's services and related offerings via email.",
"features_wm_contact_us_index_891174": "Full Name",
"features_wm_contact_us_index_891175": "Company Name",
"features_contact_form_index_891176": "Preferred Date",
Expand All @@ -1657,5 +1657,6 @@
"pages_locale_about_891185": "One-Stop securities trading system",
"pages_locale_about_891186": "For brokerage clients, Whale offers a range of technology-driven and data-centric services, include the Trading Platform Solution, \"Internet App Plus\" Solution, and Virtual Asset Trading Solution, designed to facilitate seamless trading execution across global stock markets such as the HK stock market, US stock market, US stock options market, Japan stock market, and SG stock market. As a Broker Supplied System (BSS) recognized by the Hong Kong Stock Exchange, Longbridge Technology HK Limited is currently providing service to nearly 100 brokerage firms across Hong Kong, Macau, Singapore, Thailand, and other regions.",
"pages_locale_about_891187": "All-in-1 Wealth Management Digital Solution",
"pages_locale_about_891188": "In wealth management, Whale's All-in-1 Wealth Management Digital Solution, integrated with multiple custodian banks, empowers external asset managers(EAMs), single family offices(SFOs), institutional investors, and ultra-high-net-worth individuals (UHNWIs) to automate and streamline their business processes, as well as manage multiple assets more efficiently and reliably. The solution integrates front and back-office processes, covering asset aggregation, trading management, risk management, client reporting, and CRM."
"pages_locale_about_891188": "In wealth management, Whale's All-in-1 Wealth Management Digital Solution, integrated with multiple custodian banks, empowers external asset managers(EAMs), single family offices(SFOs), institutional investors, and ultra-high-net-worth individuals (UHNWIs) to automate and streamline their business processes, as well as manage multiple assets more efficiently and reliably. The solution integrates front and back-office processes, covering asset aggregation, trading management, risk management, client reporting, and CRM.",
"features_wm_contact_us_index_891189": "Wealth Management Platform"
}
Loading

0 comments on commit 6d87e90

Please sign in to comment.