"use strict";
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[8461], {
2076: function(e, t, a) {
a.d(t, {
OL: function() {
return c
},
q9: function() {
return AccoladesItem
},
IC: function() {
return AccoladesStarRating
},
Df: function() {
return r
},
y9: function() {
return d
},
ex: function() {
return convertToThousandsOrMillions
},
ZP: function() {
return AccoladesBar
}
});
var s = a(97458),
n = a(51838),
i = a.n(n),
l = a(95435),
star = e => (0, s.jsx)("svg", {
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 21 21",
...e,
children: (0, s.jsx)("path", {
d: "M9.94 1.342c.239-.737 1.282-.737 1.521 0l1.866 5.742a.8.8 0 0 0 .76.553h6.04c.774 0 1.097.992.47 1.448l-4.886 3.549a.8.8 0 0 0-.29.894l1.866 5.743c.24.737-.604 1.35-1.231.895l-4.886-3.55a.8.8 0 0 0-.94 0l-4.885 3.55c-.627.455-1.47-.158-1.231-.895l1.866-5.743a.8.8 0 0 0-.29-.894L.803 9.084c-.627-.455-.305-1.447.47-1.447h6.039a.8.8 0 0 0 .76-.552L9.94 1.341z",
fill: e.fill || "#230B59"
})
});
let r = 4.9,
c = 4.8,
o = ["NERDWALLET_BEST_ROBO_ADVISOR", "NERDWALLET_BEST_CASH_MANAGEMENT", "BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT", "BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT", "BANKRATE_BEST_INV_MANAGEMENT_ACCOUNT", "INVESTOPEDIA_BEST_ROBO_ADVISOR", "NUM_TRUSTED_CLIENTS", "AUM", "APPLE_APP_STORE_RATING", "GOOGLE_PLAY_STORE_RATING"],
d = o.filter(e => !["NERDWALLET_BEST_CASH_MANAGEMENT", "BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT", "BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT"].includes(e)),
convertToThousandsOrMillions = e => e >= 1e6 ? "".concat(new Intl.NumberFormat("en-US", {
maximumFractionDigits: 1,
minimumFractionDigits: 0
}).format(e / 1e6), "M+") : "".concat(new Intl.NumberFormat("en-US", {
maximumFractionDigits: 0,
minimumFractionDigits: 0
}).format(e / 1e3), "K+");
function AccoladesBar(e) {
let {
aumInBillions: t,
numClients: a,
accolades: n = o,
layout: d = "inline",
className: u,
textColor: p = "text-eggplant",
fillHexValue: x = "#230B59",
superscripts: m = {},
testId: h,
wrapText: g,
surfaceDark: N
} = e;
return (0, s.jsxs)("div", {
"data-testid": h,
className: i()("text-sm opacity-60", u, p, {
"grid auto-cols-auto grid-flow-col grid-rows-[auto,auto] items-center gap-x-6 gap-y-2 2xl:gap-x-10": "inline" === d,
"col-span-full grid grid-cols-2 gap-y-6": "stack" === d || "stackByTwos" === d
}),
children: [(n.includes("NERDWALLET_BEST_ROBO_ADVISOR") || n.includes("NERDWALLET_BEST_CASH_MANAGEMENT")) && (0, s.jsxs)(AccoladesItem, {
layout: d,
className: i()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, s.jsx)(l.M, {
src: N ? "/next/svg/optimized/nerdwallet-light.svg" : "/next/svg/optimized/nerdwallet.svg",
loading: "lazy",
width: 133,
height: 21,
alt: "Nerdwallet logo"
}), (0, s.jsxs)("div", {
className: "flex flex-col self-start",
children: [n.includes("NERDWALLET_BEST_ROBO_ADVISOR") && (0, s.jsxs)(s.Fragment, {
children: [(0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, Portfolio Options, 2024", " ", (0, s.jsx)("sup", {
children: m.nerdwallet ? m.nerdwallet : 1
})]
}), (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, IRA, 2022 ", (0, s.jsx)("sup", {
children: m.nerdwallet ? m.nerdwallet : 1
})]
})]
}), n.includes("NERDWALLET_BEST_CASH_MANAGEMENT") && (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Cash Management App, 2020 ", (0, s.jsx)("sup", {
children: m.nerdwallet ? m.nerdwallet : 1
})]
})]
})]
}), n.includes("INVESTOPEDIA_BEST_ROBO_ADVISOR") && (0, s.jsxs)(AccoladesItem, {
layout: d,
className: i()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, s.jsx)(l.M, {
src: "/next/svg/optimized/investopedia.svg",
loading: "lazy",
width: 133,
height: 21,
alt: "Investopedia logo",
className: "mt-1"
}), (0, s.jsxs)("div", {
className: "flex flex-col self-start",
children: [(0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, 2022 ", (0, s.jsx)("sup", {
children: m.investopedia ? m.investopedia : 1
})]
}), (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, 2020 ", (0, s.jsx)("sup", {
children: m.investopedia ? m.investopedia : 1
})]
})]
})]
}), n.includes("BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT") && (0, s.jsxs)(AccoladesItem, {
layout: d,
className: i()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, s.jsx)(l.M, {
src: N ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, s.jsx)("div", {
className: "flex flex-col self-start",
children: (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Cash Management Account, 2023-24 ", (0, s.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
})
})]
}), n.includes("BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT") && (0, s.jsxs)(AccoladesItem, {
layout: d,
className: i()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, s.jsx)(l.M, {
src: N ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, s.jsxs)("div", {
className: "flex flex-col self-start",
children: [(0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Cash Management Account, 2023-24 ", (0, s.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
}), (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Investing App, 2024 ", (0, s.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
})]
})]
}), n.includes("BANKRATE_BEST_INV_MANAGEMENT_ACCOUNT") && (0, s.jsxs)(AccoladesItem, {
layout: d,
className: i()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, s.jsx)(l.M, {
src: N ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, s.jsx)("div", {
className: "flex flex-col self-start",
children: (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Best Investing App, 2024 ", (0, s.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
})
})]
}), n.includes("NUM_TRUSTED_CLIENTS") && a ? (0, s.jsxs)(AccoladesItem, {
layout: d,
children: [(0, s.jsx)(AccoladesTitle, {
testId: "accolades-num-clients".concat(h ? "-".concat(h) : ""),
children: convertToThousandsOrMillions(a)
}), (0, s.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Trusted clients ", m.trustedClients && (0, s.jsx)("sup", {
children: m.trustedClients
})]
})]
}) : null, n.includes("AUM") && t ? (0, s.jsxs)(AccoladesItem, {
layout: d,
children: [(0, s.jsxs)(AccoladesTitle, {
testId: "accolades-aum-in-billions".concat(h ? "-".concat(h) : ""),
children: ["$", t, "B+"]
}), (0, s.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["In total assets ", m.totalAssets && (0, s.jsx)("sup", {
children: m.totalAssets
})]
})]
}) : null, n.includes("APPLE_APP_STORE_RATING") && (0, s.jsxs)(AccoladesItem, {
layout: d,
children: [(0, s.jsx)(AccoladesTitle, {
children: (0, s.jsx)(AccoladesStarRating, {
rating: c,
fillHexValue: x
})
}), (0, s.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Apple App", " ", (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Store ", (0, s.jsx)("sup", {
children: m.appStore ? m.appStore : 2
})]
})]
})]
}), n.includes("GOOGLE_PLAY_STORE_RATING") && (0, s.jsxs)(AccoladesItem, {
layout: d,
children: [(0, s.jsx)(AccoladesTitle, {
children: (0, s.jsx)(AccoladesStarRating, {
rating: r,
fillHexValue: x
})
}), (0, s.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Google Play", " ", (0, s.jsxs)("span", {
className: i()({
"md:whitespace-nowrap": !g
}),
children: ["Store ", (0, s.jsx)("sup", {
children: m.appStore ? m.appStore : 2
})]
})]
})]
})]
})
}
let AccoladesItem = e => {
let {
testId: t,
className: a,
children: n,
layout: l
} = e;
return "stack" === l || "stackByTwos" === l ? (0, s.jsx)("div", {
"data-testid": t,
className: i()(a, "flex flex-shrink-0 flex-col space-y-3", {
"items-center text-center": "stack" === l
}),
children: n
}) : (0, s.jsx)(s.Fragment, {
children: n
})
},
AccoladesTitle = e => {
let {
testId: t,
children: a
} = e;
return (0, s.jsx)("div", {
"data-testid": t,
className: "text-h2-mobile font-semibold",
children: a
})
},
AccoladesSubtitle = e => {
let {
children: t,
layout: a
} = e;
return (0, s.jsx)("span", {
"data-testid": "accolades-subtitle",
className: i()({
"self-start": "inline" === a
}),
children: t
})
},
AccoladesStarRating = e => {
let {
rating: t,
fillHexValue: a,
starClassname: n = "h-[22px] w-[22px]"
} = e;
return (0, s.jsxs)("div", {
className: "inline-flex items-baseline space-x-2",
children: [(0, s.jsx)("span", {
children: t.toFixed(1)
}), (0, s.jsx)(star, {
className: n,
fill: a
})]
})
}
},
60992: function(e, t, a) {
var s = a(97458),
n = a(51838),
i = a.n(n),
l = a(2076);
t.Z = e => {
let {
accolades: t,
content: a,
visual: n,
layout: r = "home",
aumInBillions: c,
numClients: o,
testId: d = "hero-module"
} = e, u = (null == t ? void 0 : t.length) > 0;
return (0, s.jsxs)("section", {
"data-testid": d,
children: [(0, s.jsxs)("div", {
className: "mx-auto grid w-full max-w-[2024px] grid-cols-1 items-center gap-x-4 gap-y-4 px-0 md:w-auto md:grid-cols-12 md:px-12 lg:gap-x-8 lg:px-16 xl:gap-x-12",
children: [(0, s.jsx)("div", {
className: i()("relative space-y-4", {
"md:order-last md:col-span-8": "product" === r || "home_alchemist" === r,
"order-last md:col-span-8": "alternate" === r,
"md:col-span-7 2xl:col-span-8": "home" === r
}),
children: (0, s.jsx)("div", {
className: i()("max-h-full", {
"overflow-hidden": "home_alchemist" !== r
}),
children: n
})
}), (0, s.jsx)("div", {
className: i()("space-y-10 p-8 text-eggplant md:p-0", {
"md:col-span-4": "product" === r || "home_alchemist" === r,
"md:col-span-5 2xl:col-span-4": "home" === r,
"md:col-span-4 md:mt-0": "alternate" === r
}),
children: a
}), u && (0, s.jsx)(l.ZP, {
aumInBillions: c,
numClients: o,
className: "order-last pb-12 pt-4 lg:hidden",
layout: "stack",
accolades: t
})]
}), u && (0, s.jsx)("div", {
className: "container mx-auto hidden w-full max-w-[2024px] grid-cols-12 gap-x-4 gap-y-4 px-0 py-8 md:px-12 lg:grid lg:gap-x-8 lg:px-16 xl:gap-x-12",
children: (0, s.jsx)(l.ZP, {
testId: "accolades-bar",
aumInBillions: c,
numClients: o,
accolades: t,
className: i()("justify-between", {
"col-start-1 col-end-13 2xl:col-start-5 2xl:col-end-13": "product" === r || "alternate" === r || "home_alchemist" === r,
"col-start-1 col-end-13 2xl:col-start-1 2xl:col-end-9": "home" === r
})
})
})]
})
}
},
98293: function(e, t, a) {
a.d(t, {
T: function() {
return MarketingVideo
}
});
var s = a(97458),
n = a(68343),
i = a(95435),
l = a(42128),
r = a(37807);
function MarketingVideo(e) {
let {
ariaLabel: t,
ariaHidden: a = !1,
video: c,
testid: o,
sources: d,
poster: u,
transparent: p = !1,
preload: x = !1
} = e, [m, h] = (0, n.YD)({
triggerOnce: !0
}), g = (0, r.ac)();
if (g) {
var N, A;
return (0, s.jsx)(i.M, {
width: Number(null !== (N = c.width) && void 0 !== N ? N : 0),
height: Number(null !== (A = c.height) && void 0 !== A ? A : 0),
src: u,
alt: "",
className: c.className
})
}
return (0, s.jsxs)(s.Fragment, {
children: [(0, s.jsx)(i.b, {
src: u,
preload: x
}), (0, s.jsx)("div", {
"data-testid": "marketing-video-observer",
ref: m
}), x || h ? (0, s.jsx)("video", {
"data-testid": o,
ref: m,
"aria-label": t,
"aria-hidden": a,
poster: u ? (0, l.FK)(u) : void 0,
controls: !1,
loop: !0,
muted: !0,
playsInline: !0,
autoPlay: !0,
...c,
children: d.map(function(e) {
let t = (0, l.FK)(e),
a = e.split(".").slice(-1)[0],
n = p ? (0, l.jU)(a) : (0, l.wg)(a);
return (0, s.jsx)("source", {
type: n,
src: t
}, t)
})
}) : null]
})
}
},
18939: function(e, t, a) {
var s = a(97458),
n = a(51838),
i = a.n(n),
l = a(95435);
let MobileNotification = e => {
let {
testId: t,
title: a,
time: n,
filterShadowReverse: l,
children: r,
className: c,
...o
} = e;
return (0, s.jsxs)("div", {
"data-testid": t,
"data-mask": "true",
className: i()({
"filter-shadow-reverse": l,
"filter-shadow": !l
}, "w-auto space-y-2 rounded-xl bg-[rgba(255,255,255,0.85)] p-3 pb-5 leading-4 2xl:space-y-4", c),
style: {
transform: "translate3d(0, 0, 0)"
},
...o,
children: [(0, s.jsxs)("div", {
className: "text-indigo flex justify-between text-[12px] 2xl:text-[14px] 3xl:text-[17px]",
children: [(0, s.jsx)("div", {
className: "uppercase",
children: a
}), (0, s.jsx)("div", {
children: n
})]
}), (0, s.jsx)("div", {
className: "text-[16px] leading-none lg:text-[18px] 2xl:text-[23px]",
children: r
})]
})
};
MobileNotification.WealthfrontNotificationTitle = e => {
let {
className: t
} = e;
return (0, s.jsxs)("div", {
className: "flex items-center space-x-1",
children: [(0, s.jsx)(l.M, {
className: i()(t),
src: "/next/svg/optimized/notif-app-icon.svg",
width: 21,
height: 21,
alt: ""
}), (0, s.jsx)("span", {
children: "Wealthfront"
})]
})
}, t.Z = MobileNotification
},
89298: function(e, t, a) {
var s = a(97458),
n = a(51838),
i = a.n(n),
l = a(92339);
t.Z = e => {
let {
min: t,
max: a,
value: n,
step: r,
onChange: c,
onFinalChange: o,
ariaLabel: d,
surface: u = "light",
testId: p,
trackClassName: x,
trackStyle: m,
thumbClassName: h
} = e;
return (0, s.jsx)(l.Range, {
values: [n],
step: r,
min: t,
max: a,
onChange: c,
onFinalChange: o,
renderTrack: e => {
let {
props: t,
children: a
} = e;
return (0, s.jsx)("div", {
...t,
"data-testid": p,
className: i()("h-1.5 w-full rounded-full", {
"bg-gradient-to-r from-ambient-orange to-lavender": "light" === u,
"bg-white bg-opacity-30": "dark" === u
}, x),
style: m,
children: a
})
},
renderThumb: e => {
let {
props: t
} = e;
return (0, s.jsx)("div", {
...t,
"aria-label": d,
className: i()("h-6 w-6 rounded-full border-[1px] border-eggplant border-opacity-20 bg-white shadow-lg", h),
style: {
...t.style
}
})
}
})
}
},
70788: function(e, t, a) {
var s = a(97458),
n = a(51838),
i = a.n(n);
t.Z = e => {
let {
textBlockClassName: t = "space-y-8 lg:space-y-10 2xl:space-y-12 3xl:space-y-16",
ctaClassName: a = "lg:space-x-8",
caption: n,
title: l,
tagline: r,
body: c,
primaryCta: o,
secondaryCta: d
} = e;
return (0, s.jsxs)("div", {
className: t,
children: [(0, s.jsxs)("div", {
className: "space-y-4",
children: [l, n]
}), (0, s.jsxs)("div", {
className: "space-y-4",
children: [r, c]
}), (0, s.jsxs)("div", {
className: i()("flex flex-row md:items-center", a),
children: [o, d]
})]
})
}
},
99645: function(e, t, a) {
a.d(t, {
$A: function() {
return d
},
Ey: function() {
return A
},
GK: function() {
return h
},
K: function() {
return N
},
KQ: function() {
return p
},
Kl: function() {
return g
},
Pz: function() {
return r
},
TG: function() {
return i
},
Vd: function() {
return m
},
Vx: function() {
return u
},
W_: function() {
return l
},
Zb: function() {
return x
},
ac: function() {
return c
},
jr: function() {
return f
},
pg: function() {
return o
},
qx: function() {
return n
}
});
var s = a(44155);
let n = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, s.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
i = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, s.us)({
delay: .3 + (e - 1) * .5,
duration: .8
})
})
},
l = {
initial: e => ({
opacity: 0,
y: -25,
transition: (0, s.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
}),
animate: e => ({
y: 0,
opacity: 1,
transition: (0, s.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
})
},
r = {
initial: {
opacity: 0,
x: -30,
transition: (0, s.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, s.us)({
duration: .2
})
},
exit: {
opacity: 0,
x: 30,
transition: (0, s.us)({
duration: .2
})
}
},
c = {
initial: {
opacity: 0,
x: -30,
transition: (0, s.us)({
duration: .2
})
},
animate: e => ({
x: 0,
opacity: 1,
transition: (0, s.us)({
duration: .2,
delay: .3 + (e - 1) * .5
})
})
},
o = {
initial: {
opacity: 0,
y: -30
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, s.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
d = {
initial: {
pathLength: 1,
pathOffset: 1
},
animate: e => ({
pathLength: 1,
pathOffset: 0,
transition: (0, s.us)({
duration: 2,
delay: .3 + (e - 1) * .5
})
})
},
u = {
initial: {
pathLength: 0,
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
pathLength: 1,
opacity: 1,
transition: (0, s.us)({
pathLength: {
delay: t,
duration: 1,
ease: "easeInOut"
},
opacity: {
delay: t,
duration: .4
}
})
}
}
},
p = {
initial: {
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
rotate: 360,
opacity: 1,
transition: (0, s.us)({
opacity: {
delay: t,
duration: .4
},
rotate: {
delay: t,
duration: 1
}
})
}
}
},
x = {
initial: {
x: -15,
opacity: 0,
transition: (0, s.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, s.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, s.us)({
duration: .2
})
}
},
m = {
initial: {
x: 15,
opacity: 0,
transition: (0, s.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, s.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, s.us)({
duration: .2
})
}
},
h = {
initial: {
x: "0px"
},
animate: e => {
let {
numberOfCards: t,
cardWidth: a,
cardGap: n
} = e, i = [];
for (let e = 0; e < t; e++) {
let s = "-".concat(e * a + e * n, "px");
0 === e ? i.push("0px", "0px") : e === t - 1 ? i.push(s, s) : i.push(s, s, s)
}
return {
x: i,
transition: (0, s.us)({
repeat: 1 / 0,
repeatType: "reverse",
duration: 4 * t
})
}
}
},
g = {
initial: {
y: 0
},
animate: e => {
let {
order: t,
y: a,
duration: n
} = e;
return {
y: a,
transition: (0, s.us)({
repeat: 1 / 0,
repeatType: "reverse",
delay: .3 + (t - 1) * .5,
duration: n
})
}
}
},
N = {
initial: {
opacity: 0,
x: 100,
scaleY: 0
},
animate: e => ({
x: 0,
opacity: 1,
duration: .5,
scaleY: 1,
transition: (0, s.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
A = {
initial: {
opacity: 0
},
animate: () => ({
opacity: 1,
transition: (0, s.us)({
delay: 0,
duration: 3,
ease: "easeOut"
})
})
},
f = {
initial: {
pathLength: 0
},
animate: () => ({
pathLength: 1,
transition: (0, s.us)({
duration: 2,
ease: "easeInOut"
})
})
}
}
}
]);