\n \n Redeem miles\n
\n \n
\n For cash, gift cards, and donations\n
\n
\n
\n Redeem miles for cash, gift cards, and\n donations\n
\n
\n
\n Redeem miles for cash, gift cards,\n
\n
\n and donations\n
\n
{title}
\n \n \n );\n};\n","import styled from \"styled-components\";\n\ninterface Super_wrap_Props {}\nexport const Styled_Super_wrap = styled(\"div\")`\n width: 100vw;\n height: 390px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n\n .title {\n width: auto;\n height: 56px;\n margin: 0;\n font-family: Gilroy-Bold;\n font-size: 36px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.56;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 160px;\n }\n \n .subTitle {\n width: 750px;\n height: auto;\n font-family: Gilroy-Medium;\n font-size: 24px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 235px;\n }\n\n .bg_img {\n width: 718px;\n height: 250px;\n display: inline-block;\n background: url(https://getmiles.s3.amazonaws.com/assets/web_v2/jobs_page/jobs_diversity_bg@2x.png) center no-repeat;\n background-size: 718px 250px;\n background-position: center center;\n position: absolute;\n margin-top: 125px;\n }\n\n /* Mini Extra Small Devices, Phones */ \n @media only screen and (max-width : 360px) {\n width: 100vw;\n height: 340px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n\n .title {\n width: 288px;\n height: 79px;\n margin: 0;\n font-family: Gilroy-Bold;\n font-size: 20px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 2.1;\n letter-spacing: 0.63px;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 100px;\n }\n \n .subTitle {\n width: 290px;\n height: 72px;\n font-family: Gilroy-Medium;\n font-size: 12px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 2;\n letter-spacing: 0.53px;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 194px;\n }\n\n .bg_img {\n display: none;\n }\n }\n \n /* Extra Small Devices, Phones */ \n @media only screen and (min-width : 361px) and (max-width : 768px) {\n width: 100vw;\n height: 340px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n\n .title {\n width: 330px;\n height: 104px;\n margin: 0;\n font-family: Gilroy-Bold;\n font-size: 24px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.75;\n letter-spacing: 0.75px;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 100px;\n }\n \n .subTitle {\n width: 327px;\n height: 72px;\n font-family: Gilroy-Medium;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.71;\n letter-spacing: 0.61px;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 224px;\n }\n\n .bg_img {\n display: none;\n }\n }\n\n /* ----------- Smartphones (portrait and landscape) ----------- */\n @media only screen and (min-device-width : 360px) and (max-device-width : 480px) {\n \n }\n\n /* iPhone 6, 7, 8 ----------- */\n @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){\n }\n\n /* iPhone 6+, 7+, 8+ ----------- */\n @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {\n }\n\n /* Small Devices, Tablets ----------- */\n @media only screen and (min-width : 769px) and (max-width : 1150px) {\n height: 402px;\n\n .title {\n width: 564px;\n height: 96px;\n margin: 0;\n font-family: Gilroy-Bold;\n font-size: 36px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.56;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 134px;\n }\n \n .subTitle {\n width: 400px;\n height: 48px;\n font-family: Gilroy-Medium;\n font-size: 16px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.5;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n position: absolute;\n margin-top: 272px;\n }\n\n .bg_img {\n width: 777px;\n height: 302px;\n display: inline-block;\n background: url(https://getmiles.s3.amazonaws.com/assets/web_v2/jobs_page/jobs_diversity_bg_between_768_and_1150@2x.png) center no-repeat;\n background-size: 777px 302px;\n background-position: center center;\n position: absolute;\n margin-top: 100px;\n }\n }\n\n /* ----------- desktop ----------- */\n /* Medium Devices, Desktops ----------- */\n @media only screen and (min-width : 1151px) and (max-width : 1439px) {\n .bg_img {\n width: 797px;\n height: 252px;\n display: inline-block;\n background: url(https://getmiles.s3.amazonaws.com/assets/web_v2/jobs_page/jobs_diversity_bg@2x.png) center no-repeat;\n background-size: 797px 252px;\n background-position: center center;\n position: absolute;\n margin-top: 125px;\n }\n }\n\n /* Large Devices, Wide Screens ----------- */\n @media only screen and (width : 1440px) {\n }\n\n /* Large Devices, Wide Screens ----------- */\n @media only screen and (min-width : 1441px) {\n }\n`\n\n","import React from \"react\";\nimport { Styled_Super_wrap } from \"./styles\";\n\ninterface Props {\n img_src: string;\n title: string;\n}\n\nexport const Img_box_with_title_02: React.FC = ({\n img_src,\n title,\n}) => {\n return (\n \n {title}
\n \n As we are building a brand that is loved by users of all backgrounds, we start with the team at Miles first.\n
\n \n \n );\n};\n","import styled from \"styled-components\";\n\ninterface Props {}\nexport const StyledCard = styled(\"div\")`\n width: 315px;\n height: 250px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n\n img {\n display: inline-block;\n }\n\n .inner_card_wrap {\n width: 315px;\n height: 320px;\n margin: 0 auto;\n border-radius: 32px;\n box-shadow: 0 0 10px 0 #e6e6e8;\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n margin-top: -70px;\n padding-top: 70px;\n }\n\n .userName {\n height: 40px;\n font-family: Gilroy-Bold;\n font-size: 24px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.67;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n margin-top: 20px;\n }\n\n .testimonial {\n font-family: Gilroy-Medium;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.79;\n letter-spacing: normal;\n text-align: center;\n color: #4a4a4a;\n margin-top: 15px;\n }\n\n /* Mini Extra Small Devices, Phones */ \n @media only screen and (max-width : 360px) {\n width: 275px;\n height: 250px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n\n img {\n display: inline-block;\n width: 119px !important;\n height: 119px !important;\n }\n\n .inner_card_wrap {\n width: 275px;\n height: 310px;\n margin: 0 auto;\n border-radius: 32px;\n box-shadow: 0 0 10px 0 #e6e6e8;\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n margin-top: -60px;\n padding-top: 60px;\n }\n\n .userName {\n height: 40px;\n font-family: Gilroy-Bold;\n font-size: 22px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.82;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n margin-top: 14px;\n }\n\n .testimonial {\n font-family: Gilroy-Medium;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.79;\n letter-spacing: normal;\n text-align: center;\n color: #4a4a4a;\n margin-top: 18px;\n }\n }\n\n /* Extra Small Devices, Phones */ \n @media only screen and (min-width : 361px) and (max-width : 768px) {\n width: 275px;\n height: 250px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n\n img {\n display: inline-block;\n width: 119px !important;\n height: 119px !important;\n }\n\n .inner_card_wrap {\n width: 275px;\n height: 310px;\n margin: 0 auto;\n border-radius: 32px;\n box-shadow: 0 0 10px 0 #e6e6e8;\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n margin-top: -60px;\n padding-top: 60px;\n }\n\n .userName {\n height: 40px;\n font-family: Gilroy-Bold;\n font-size: 22px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.82;\n letter-spacing: normal;\n text-align: center;\n color: #2d2f3b;\n margin-top: 14px;\n }\n\n .testimonial {\n font-family: Gilroy-Medium;\n font-size: 14px;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.79;\n letter-spacing: normal;\n text-align: center;\n color: #4a4a4a;\n margin-top: 18px;\n }\n }\n\n /* ----------- Smartphones (portrait and landscape) ----------- */\n @media only screen and (min-device-width : 360px) and (max-device-width : 480px) {\n \n }\n /* iPhone 6, 7, 8 ----------- */\n @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){\n \n }\n\n /* iPhone 6+, 7+, 8+ ----------- */\n @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {\n \n }\n\n /* Small Devices, Tablets ----------- */\n @media only screen and (min-width : 769px) and (max-width : 1150px) {\n width: 275px;\n height: 250px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n\n img {\n display: inline-block;\n }\n\n .inner_card_wrap {\n width: 275px;\n height: 320px;\n margin: 0 auto;\n border-radius: 32px;\n box-shadow: 0 0 17px 0 #e6e6e8;\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n margin-top: -70px;\n padding-top: 70px;\n }\n\n .userName {\n margin-top: 16px;\n }\n\n .testimonial {\n width: 240px;\n height: auto;\n font-size: 14px;\n font-family: Gilroy-Medium;\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.79;\n letter-spacing: normal;\n text-align: center;\n color: #4a4a4a;\n margin-top: 20px;\n }\n }\n \n /* ----------- desktop ----------- */\n /* Medium Devices, Desktops ----------- */\n @media only screen and (min-width : 1151px) and (max-width : 1439px) {\n \n }\n\n /* Large Devices, Wide Screens ----------- */\n @media only screen and (min-width : 1441px) {\n }\n`;","import React from \"react\";\nimport { StyledCard } from \"./styles\";\n\ninterface Props {\n avatarImgSrc: string;\n avatarImgStyle: {};\n userName: string;\n testimonialStr: string;\n testimonialStyle: {};\n className?: string | undefined,\n}\n\nexport const Card_with_avatar: React.FC = ({\n avatarImgSrc,\n avatarImgStyle,\n userName,\n testimonialStr,\n testimonialStyle,\n className,\n}) => {\n return (\n \n \n \n
{userName}
\n
\n {testimonialStr}\n \n Perks & Benefits
\n 
\n\n Miles competitive benefits package gives employees the flexibility and peace of mind to live in the now and plan for the future!
\n\n \n
\n
\n
Stay Healthy
\n\n
\n \n Comprehensive Medical,\n
\n\n
\n \n Dental, and Vision\n
\n\n
\n \n Life Insurance\n
\n\n
\n \n FSA and HSA\n
\n\n
\n\n
\n
\n
Retirement & Stocks
\n\n
\n \n 401(k) Contribution Plus 4% \n
\n \n
\n \n Company Match\n
\n\n
\n \n Generous Equity (Options)\n
\n\n
\n\n
\n
\n
Take Time For You!
\n\n
\n \n Paid Time Off (PTO) \n
\n \n
\n \n Unlimited Sick Leaves\n
\n\n
\n \n Company & National Holidays\n
\n\n
\n \n Company & National\n
\n\n
\n \n Holidays\n
\n\n
\n \n Company & National\n
\n\n
\n \n Holidays\n
\n\n
\n
\n\n
\n
\n
Special Perks
\n
\n\n
\n
\n \n 5k Worth of Workstation\n
\n\n
\n \n Essentials (Apple-branded)\n
\n\n
\n \n Free Lunch Everyday!\n
\n
\n \n
\n
\n \n Pet-Friendly Office\n
\n\n
\n \n Unlimited Snacks and Drinks\n
\n\n
\n \n Friday Happy Hours\n
\n
\n \n
\n
\n \n Monthly Team Lunches\n
\n\n
\n \n Quarterly Team Off-Sites\n
\n\n
\n \n Onsite Gym\n
\n
\n\n
\n\n
\n
\n
Special Perks
\n
\n\n
\n
\n \n 5k Worth of Workstation\n
\n\n
\n \n Essentials (Apple-branded)\n
\n\n
\n \n Free Lunch Everyday!\n
\n\n
\n \n Pet-Friendly Office\n
\n\n
\n \n Unlimited Snacks and Drinks\n
\n
\n \n
\n
\n \n Friday Happy Hours\n
\n\n
\n \n Monthly Team Lunches\n
\n\n
\n \n Quarterly Team Off-Sites\n
\n\n
\n \n Onsite Gym\n
\n
\n
\n\n
\n
\n
Special Perks
\n\n
\n \n 5k Worth of Workstation\n
\n\n
\n \n Essentials (Apple-branded)\n
\n\n
\n \n Free Lunch Everyday!\n
\n\n
\n \n Onsite Gym\n
\n\n
\n \n Pet-Friendly Office\n
\n\n
\n \n Unlimited Snacks and Drinks\n
\n\n
\n \n Friday Happy Hours\n
\n\n
\n \n Monthly Team Lunches\n
\n\n
\n \n Quarterly Team Off-Sites\n
\n
\n
\n
\n
{t('jobs_page_text_001')}
\n
{t('jobs_page_text_002')}
\n
\n
\n
\n
\n
\n
\n
{testimonialEle}
\n\n \n\n \n \n )\n }\n\n \n {country === \"jp\" ? null :
}\n {/*
{t('jobs_page_text_006')}
\n
{t('jobs_page_text_007')}
\n
{t('jobs_page_text_008')}
\n
\n
\n
{t('jobs_page_text_009')}
\n
{t('jobs_page_text_010')}
\n
{t('jobs_page_text_011')}
\n
\n\n
\n
\n
\n
{t('jobs_page_text_009')}
\n
{t('jobs_page_text_010')}
\n
{t('jobs_page_text_011')}
\n
\n\n
\n
*/}\n
{t('jobs_page_text_012')}
\n\n
\n {t('jobs_page_text_013')}\n \n
\n
{t('partner_page_discover_text_001')}
\n\n
\n
\n
\n
\n
\n {t('partner_page_discover_text_002')}\n
\n
\n {t('partner_page_discover_text_003')}\n
\n
\n
\n\n
\n
\n
\n {t('partner_page_discover_text_004')}\n
\n
\n {t('partner_page_discover_text_005')}\n
\n
\n
\n
\n\n
\n
\n
\n
\n {t('partner_page_discover_text_006')}\n
\n
\n {t('partner_page_discover_text_007')}\n
\n
\n
\n
\n\n
\n
\n {CARDS_INFO[0].title_01}
\n {CARDS_INFO[0].subtitle_01}
\n\n \n
})
\n
\n
})
\n
\n
})
\n
\n
})
\n
\n
\n {CARDS_INFO[1].title_01}
\n {CARDS_INFO[1].subtitle_01}
\n\n \n
})
\n
\n
})
\n
\n
})
\n
\n
})
\n
\n
\n {CARDS_INFO[3].title_01}
\n {CARDS_INFO[3].subtitle_01}
\n\n \n
})
\n
\n
})
\n
\n
})
\n
\n
})
\n
\n
\n {CARDS_INFO[2].title_01}
\n {CARDS_INFO[2].subtitle_01}
\n\n \n
})
\n
\n
})
\n
\n
})
\n
\n
})
\n
\n
\n \n {carouselFragment}\n
\n\n\n \n \n \n \n\n \n \n \n \n\n \n\n
\n See what our partners have been able to achieve with Miles
\n \n \n\n
\n
\n See what our partners have been able to achieve with Miles
\n \n \n\n
\n
\n See what our partners have been able to achieve with Miles
\n \n \n
\n
\n \n {carouselFragment}\n
\n\n \n \n \n \n\n \n \n \n \n\n \n\n
\n
What Our Partners Say
\n
\n
\n
\n
\n
\n
\n\n
\n \n
\n
What Our Partners Say
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n
What Our Partners Say
\n
\n
\n
\n
\n
\n
\n\n
\n \n
\n
What Our Partners Say
\n
\n
\n
\n
\n
\n
\n\n
\n \n
\n
What Our Partners Say
\n
\n
\n
\n
\n
\n
\n\n
\n\n
\n
What Our Partners Say
\n
\n
\n
\n
\n
\n
\n\n
\n
\n \n \n \n \n\n \n\n \n\n \n
\n\n \n {carouselFragment}\n
\n\n \n \n \n \n\n \n \n \n \n\n 
\n {title}
\n \n );\n};\n\n\nconst Component: React.FC<{}> = observer(() => {\n let country = useCountry();\n const { t } = useTranslation();\n\n const CARDS_INFO = [\n // card 01\n {\n card_wrap_className: 'card_wrap_01',\n imgSrc: assets.drive_success_01_img,\n imgClassName: 'drive_success_img_01 miles_ui_screen_1440',\n title: <>{t('partner_page_drive_success_text_001_01')}
{t('partner_page_drive_success_text_001_02')},\n titleClassName: 'drive_success_title_01 card_title'\n },\n // card 02\n {\n card_wrap_className: 'card_wrap_02',\n imgSrc: assets.drive_success_02_img,\n imgClassName: 'drive_success_img_02',\n title: t('partner_page_drive_success_text_002'),\n titleClassName: 'drive_success_title_02 card_title'\n },\n // card 03\n {\n card_wrap_className: 'card_wrap_03',\n imgSrc: assets.drive_success_03_img,\n imgClassName: 'drive_success_img_03',\n title: t('partner_page_drive_success_text_003'),\n titleClassName: 'drive_success_title_03 card_title'\n },\n // card 04\n {\n card_wrap_className: 'card_wrap_04',\n imgSrc: assets.drive_success_04_img,\n imgClassName: 'drive_success_img_04',\n title: t('partner_page_drive_success_text_004'),\n titleClassName: 'drive_success_title_04 card_title'\n },\n // card 05\n {\n card_wrap_className: 'card_wrap_05',\n imgSrc: assets.drive_success_05_img,\n imgClassName: 'drive_success_img_05',\n title: t('partner_page_drive_success_text_005'),\n titleClassName: 'drive_success_title_05 card_title'\n },\n // card 06\n {\n card_wrap_className: 'card_wrap_06',\n imgSrc: assets.drive_success_06_img,\n imgClassName: 'drive_success_img_06',\n title: t('partner_page_drive_success_text_006'),\n titleClassName: 'drive_success_title_06 card_title'\n },\n ]\n\n let cardsEle: ReactNode[] = []\n\n CARDS_INFO.map((card, index) => {\n cardsEle.push(\n \n )\n })\n\n return (\n <>\n \n \n
{t('partner_page_drive_success_title_text_001')}
\n
\n {t('partner_page_drive_success_title_text_002')}\n
\n
\n {cardsEle}\n
\n
\n
\n
Partners We Work With
\n\n
\n
\n\n\n
\n
\n Join the hundreds of brands already on Miles.\n
\n
\n Join the hundreds of brands already on
Miles.\n
\n
\n
\n\n
\n
\n
\n
\n
特典パートナー様
\n\n
\n
\n\n\n
\n
\n 特典パートナー様を
募集しております\n
\n
\n 特典パートナー様を
募集しております\n
\n
\n
\n\n
\n
\n
{title}
\n {subTitle}
\n \n \n \n );\n};\n\nconst Component: React.FC<{}> = observer(() => {\n let cardsEle_for_lager_than_768: ReactNode[] = []\n let cardsEle_for_less_than_768: ReactNode[] = []\n\n CARDS_INFO.map((card, index) => {\n cardsEle_for_lager_than_768.push(\n \n )\n })\n return (\n <>\n \n \n
We Are Growing Fast
\n
\n {cardsEle_for_lager_than_768}\n
\n\n
\n {\n CARDS_INFO_FOR_LESS_THAN_768.map((card, index) => (\n \n ))\n }\n
\n
\n
Let’s Get Started
\n {\n store.partner_page_form_status.pre_footer_form === \"sent\"\n ? (\n
\n
\n
We have received your information. Someone from our team will get back to you within 48 hours.
\n
\n ) : (\n
\n
\n\n
\n\n
\n\n
By proceeding, I agree that MILES may contact me by email or phone
\n\n
\n
Something went wrong. Please try again.\n
\n )\n }\n
\n {/*
Let’s Get Started
*/}\n {\n store.partner_page_form_status.pre_footer_form === \"sent\"\n ? (\n
\n
\n \n\n
\n\n
\n
お問い合わせいただきありがとうございました。折り返し、担当者よりご連絡いたしますので、今しばらくお待ちください。
\n
\n ) : (\n
\n\n
\n 以下ご入力お願い致します。\n
\n\n
\n\n
\n\n
\n\n
\n\n
Milesよりご連絡させていただくことにご同意いただいたものと致します。
\n\n
\n
エラーが発生しました。
しばらく時間を置いてから再度お試しください。\n
\n )\n }\n
\n
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n ![{`raf_copy_box_img`}](\"https://getmiles.s3.amazonaws.com/assets/web_v2/raf_page/raf_copy_box_mobile_img/Coupon_Scissors%402x.png\")
\n\n 
\n 
\n 
\n \n 
\n\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n