(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[5524], {
53717: function(e, t, s) {
(window.__NEXT_P = window.__NEXT_P || []).push(["/stock-investing", function() {
return s(35025)
}])
},
2076: function(e, t, s) {
"use strict";
s.d(t, {
OL: function() {
return r
},
q9: function() {
return AccoladesItem
},
IC: function() {
return AccoladesStarRating
},
Df: function() {
return l
},
y9: function() {
return d
},
ex: function() {
return convertToThousandsOrMillions
},
ZP: function() {
return AccoladesBar
}
});
var n = s(97458),
i = s(51838),
a = s.n(i),
o = s(95435),
star = e => (0, n.jsx)("svg", {
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 21 21",
...e,
children: (0, n.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 l = 4.9,
r = 4.8,
c = ["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 = c.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: s,
accolades: i = c,
layout: d = "inline",
className: x,
textColor: u = "text-eggplant",
fillHexValue: h = "#230B59",
superscripts: p = {},
testId: m,
wrapText: g,
surfaceDark: v
} = e;
return (0, n.jsxs)("div", {
"data-testid": m,
className: a()("text-sm opacity-60", x, u, {
"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: [(i.includes("NERDWALLET_BEST_ROBO_ADVISOR") || i.includes("NERDWALLET_BEST_CASH_MANAGEMENT")) && (0, n.jsxs)(AccoladesItem, {
layout: d,
className: a()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, n.jsx)(o.M, {
src: v ? "/next/svg/optimized/nerdwallet-light.svg" : "/next/svg/optimized/nerdwallet.svg",
loading: "lazy",
width: 133,
height: 21,
alt: "Nerdwallet logo"
}), (0, n.jsxs)("div", {
className: "flex flex-col self-start",
children: [i.includes("NERDWALLET_BEST_ROBO_ADVISOR") && (0, n.jsxs)(n.Fragment, {
children: [(0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, Portfolio Options, 2024", " ", (0, n.jsx)("sup", {
children: p.nerdwallet ? p.nerdwallet : 1
})]
}), (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, IRA, 2022 ", (0, n.jsx)("sup", {
children: p.nerdwallet ? p.nerdwallet : 1
})]
})]
}), i.includes("NERDWALLET_BEST_CASH_MANAGEMENT") && (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Cash Management App, 2020 ", (0, n.jsx)("sup", {
children: p.nerdwallet ? p.nerdwallet : 1
})]
})]
})]
}), i.includes("INVESTOPEDIA_BEST_ROBO_ADVISOR") && (0, n.jsxs)(AccoladesItem, {
layout: d,
className: a()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, n.jsx)(o.M, {
src: "/next/svg/optimized/investopedia.svg",
loading: "lazy",
width: 133,
height: 21,
alt: "Investopedia logo",
className: "mt-1"
}), (0, n.jsxs)("div", {
className: "flex flex-col self-start",
children: [(0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, 2022 ", (0, n.jsx)("sup", {
children: p.investopedia ? p.investopedia : 1
})]
}), (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Robo-advisor, 2020 ", (0, n.jsx)("sup", {
children: p.investopedia ? p.investopedia : 1
})]
})]
})]
}), i.includes("BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT") && (0, n.jsxs)(AccoladesItem, {
layout: d,
className: a()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, n.jsx)(o.M, {
src: v ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, n.jsx)("div", {
className: "flex flex-col self-start",
children: (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Cash Management Account, 2023-24 ", (0, n.jsx)("sup", {
children: p.bankrate ? p.bankrate : 1
})]
})
})]
}), i.includes("BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT") && (0, n.jsxs)(AccoladesItem, {
layout: d,
className: a()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, n.jsx)(o.M, {
src: v ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, n.jsxs)("div", {
className: "flex flex-col self-start",
children: [(0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Cash Management Account, 2023-24 ", (0, n.jsx)("sup", {
children: p.bankrate ? p.bankrate : 1
})]
}), (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Investing App, 2024 ", (0, n.jsx)("sup", {
children: p.bankrate ? p.bankrate : 1
})]
})]
})]
}), i.includes("BANKRATE_BEST_INV_MANAGEMENT_ACCOUNT") && (0, n.jsxs)(AccoladesItem, {
layout: d,
className: a()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, n.jsx)(o.M, {
src: v ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, n.jsx)("div", {
className: "flex flex-col self-start",
children: (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Best Investing App, 2024 ", (0, n.jsx)("sup", {
children: p.bankrate ? p.bankrate : 1
})]
})
})]
}), i.includes("NUM_TRUSTED_CLIENTS") && s ? (0, n.jsxs)(AccoladesItem, {
layout: d,
children: [(0, n.jsx)(AccoladesTitle, {
testId: "accolades-num-clients".concat(m ? "-".concat(m) : ""),
children: convertToThousandsOrMillions(s)
}), (0, n.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Trusted clients ", p.trustedClients && (0, n.jsx)("sup", {
children: p.trustedClients
})]
})]
}) : null, i.includes("AUM") && t ? (0, n.jsxs)(AccoladesItem, {
layout: d,
children: [(0, n.jsxs)(AccoladesTitle, {
testId: "accolades-aum-in-billions".concat(m ? "-".concat(m) : ""),
children: ["$", t, "B+"]
}), (0, n.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["In total assets ", p.totalAssets && (0, n.jsx)("sup", {
children: p.totalAssets
})]
})]
}) : null, i.includes("APPLE_APP_STORE_RATING") && (0, n.jsxs)(AccoladesItem, {
layout: d,
children: [(0, n.jsx)(AccoladesTitle, {
children: (0, n.jsx)(AccoladesStarRating, {
rating: r,
fillHexValue: h
})
}), (0, n.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Apple App", " ", (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Store ", (0, n.jsx)("sup", {
children: p.appStore ? p.appStore : 2
})]
})]
})]
}), i.includes("GOOGLE_PLAY_STORE_RATING") && (0, n.jsxs)(AccoladesItem, {
layout: d,
children: [(0, n.jsx)(AccoladesTitle, {
children: (0, n.jsx)(AccoladesStarRating, {
rating: l,
fillHexValue: h
})
}), (0, n.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Google Play", " ", (0, n.jsxs)("span", {
className: a()({
"md:whitespace-nowrap": !g
}),
children: ["Store ", (0, n.jsx)("sup", {
children: p.appStore ? p.appStore : 2
})]
})]
})]
})]
})
}
let AccoladesItem = e => {
let {
testId: t,
className: s,
children: i,
layout: o
} = e;
return "stack" === o || "stackByTwos" === o ? (0, n.jsx)("div", {
"data-testid": t,
className: a()(s, "flex flex-shrink-0 flex-col space-y-3", {
"items-center text-center": "stack" === o
}),
children: i
}) : (0, n.jsx)(n.Fragment, {
children: i
})
},
AccoladesTitle = e => {
let {
testId: t,
children: s
} = e;
return (0, n.jsx)("div", {
"data-testid": t,
className: "text-h2-mobile font-semibold",
children: s
})
},
AccoladesSubtitle = e => {
let {
children: t,
layout: s
} = e;
return (0, n.jsx)("span", {
"data-testid": "accolades-subtitle",
className: a()({
"self-start": "inline" === s
}),
children: t
})
},
AccoladesStarRating = e => {
let {
rating: t,
fillHexValue: s,
starClassname: i = "h-[22px] w-[22px]"
} = e;
return (0, n.jsxs)("div", {
className: "inline-flex items-baseline space-x-2",
children: [(0, n.jsx)("span", {
children: t.toFixed(1)
}), (0, n.jsx)(star, {
className: i,
fill: s
})]
})
}
},
94852: function(e, t, s) {
"use strict";
var n = s(97458),
i = s(51838),
a = s.n(i),
o = s(50425),
l = s.n(o);
let FAQModule = e => {
let {
heading: t,
description: s,
children: i
} = e;
return (0, n.jsxs)("div", {
className: "flex flex-col border-inherit py-16 lg:py-24",
children: [(0, n.jsxs)("div", {
className: "flex flex-col space-y-4 border-b border-inherit pb-8 md:flex-row md:items-center md:justify-between md:gap-x-4 md:space-y-0",
children: [(0, n.jsx)("div", {
className: "copy-h1-alt lg:w-1/2",
children: t
}), (0, n.jsx)("div", {
className: "copy-h3-alt",
children: s
})]
}), (0, n.jsx)("div", {
className: a()(l().layout, "py-8 lg:gap-x-16 xl:gap-x-24"),
children: i
})]
})
};
FAQModule.FAQItem = e => {
let {
question: t,
children: s,
testId: i,
dataMask: a
} = e;
return (0, n.jsxs)("div", {
className: "mt-8 flex flex-col space-y-4 first:mt-0",
style: {
breakInside: "avoid-column"
},
"data-testid": i || "faq-item",
children: [(0, n.jsx)("h3", {
className: "copy-h3-alt",
children: t
}), (0, n.jsx)("div", {
className: "copy-body",
children: (0, n.jsx)("div", {
className: "space-y-4",
children: (0, n.jsx)("div", {
className: "flex flex-col items-start",
"data-mask": a ? "true" : void 0,
children: s
})
})
})]
})
}, t.Z = FAQModule
},
12133: function(e, t, s) {
"use strict";
var n = s(97458),
i = s(52983),
a = s(96484),
o = s(68092),
l = s(87694),
r = s(52116),
c = s(37807);
t.Z = e => {
let {
children: t,
testId: s,
offset: d = 50,
className: x
} = e, u = (0, c.ac)(), [h, p] = (0, i.useState)(0), [m, g] = (0, i.useState)(0), v = (0, i.useRef)(null), {
scrollY: w
} = (0, a.v)(), _ = h + Math.abs(d), f = (0, o.H)(w, [h - m, _], [d, -d]), y = (0, l.q)(f, {
stiffness: 400,
damping: 90
});
return ((0, i.useEffect)(() => {
let onResize = () => {
let e = v.current;
e && (p(e.getBoundingClientRect().top + window.scrollY || window.pageYOffset), g(window.innerHeight))
};
return onResize(), window.addEventListener("resize", onResize), () => window.removeEventListener("resize", onResize)
}, [v]), u) ? (0, n.jsx)("div", {
className: x,
"data-testid": s,
style: {
transform: "translateX(".concat(_ + Math.abs(d), ")")
},
children: t
}) : (0, n.jsx)(r.E.div, {
ref: v,
style: {
x: y
},
className: x,
children: t
})
}
},
70788: function(e, t, s) {
"use strict";
var n = s(97458),
i = s(51838),
a = s.n(i);
t.Z = e => {
let {
textBlockClassName: t = "space-y-8 lg:space-y-10 2xl:space-y-12 3xl:space-y-16",
ctaClassName: s = "lg:space-x-8",
caption: i,
title: o,
tagline: l,
body: r,
primaryCta: c,
secondaryCta: d
} = e;
return (0, n.jsxs)("div", {
className: t,
children: [(0, n.jsxs)("div", {
className: "space-y-4",
children: [o, i]
}), (0, n.jsxs)("div", {
className: "space-y-4",
children: [l, r]
}), (0, n.jsxs)("div", {
className: a()("flex flex-row md:items-center", s),
children: [c, d]
})]
})
}
},
79576: function(e, t, s) {
"use strict";
s.d(t, {
S: function() {
return getApyMultiplierClaim
}
});
var n = s(23588);
let getApyMultiplierClaim = (e, t) => {
let s = "",
i = "",
a = t / e;
return a >= 51 ? (s = "more than", i = "50x") : a >= 50 ? i = "50x" : a >= 48.5 ? (s = "nearly", i = "50x") : a >= 46 ? (s = "over", i = "45x") : a >= 45 ? i = "45x" : a >= 44 ? (s = "nearly", i = "45x") : a >= 41 ? (s = "over", i = "40x") : a >= 40 ? i = "40x" : a >= 38.5 ? (s = "nearly", i = "40x") : a >= 36 ? (s = "over", i = "35x") : a >= 35 ? i = "35x" : a >= 34 ? (s = "nearly", i = "35x") : a >= 31 ? (s = "over", i = "30x") : a >= 30 ? i = "30x" : a >= 28.5 ? (s = "nearly", i = "30x") : a >= 26 ? (s = "over", i = "25x") : a >= 25 ? i = "25x" : a >= 24 ? (s = "nearly", i = "25x") : a >= 21 ? (s = "over", i = "20x") : a >= 20 ? i = "20x" : a >= 18.5 ? (s = "nearly", i = "20x") : a >= 18 ? i = "18x" : a >= 17 ? i = "17x" : a >= 16 ? i = "16x" : a >= 15 ? i = "15x" : a >= 14 ? i = "14x" : a >= 13 ? i = "13x" : a >= 12 ? i = "12x" : a >= 11 ? i = "11x" : a >= 10 ? i = "10x" : a >= 9.5 ? (s = "nearly", i = "10x") : a >= 9 ? i = "9x" : a >= 8.5 ? (s = "nearly", i = "9x") : a >= 8 ? i = "8x" : a >= 7.5 ? (s = "nearly", i = "8x") : a >= 7 ? i = "7x" : a >= 6.5 ? (s = "nearly", i = "7x") : a >= 6 ? i = "6x" : a >= 5.5 ? (s = "nearly", i = "6x") : a >= 5 ? i = "5x" : a >= 4.5 ? (s = "nearly", i = "5x") : a >= 4 ? i = "4x" : a >= 3.5 ? (s = "nearly", i = "4x") : a >= 3 ? i = "3x" : a >= 2.5 ? (s = "nearly", i = "3x") : a >= 2 ? i = "2x" : a >= 1.5 ? (s = "nearly", i = "2x") : a >= 1.3 ? (s = "nearly", i = "1.5x") : n.Z.handleCatchAndAlert("The apy multiplier should not be less than 1.3, alert cash APY team. We should update copy"), {
caption: s,
multiplierText: i
}
}
},
19316: function(e, t, s) {
"use strict";
var n = s(52983),
i = s(30618),
a = s(27461),
o = s(68343);
t.Z = function(e) {
let t = (0, i.J)(),
{
ref: s,
inView: l
} = (0, o.YD)(e || {
threshold: .2,
initialInView: t
}),
r = (0, a._)();
return (0, n.useEffect)(() => {
l && r.start("animate")
}, [r, l]), {
module: s,
inView: l,
controls: r
}
}
},
99645: function(e, t, s) {
"use strict";
s.d(t, {
$A: function() {
return d
},
Ey: function() {
return w
},
GK: function() {
return m
},
K: function() {
return v
},
KQ: function() {
return u
},
Kl: function() {
return g
},
Pz: function() {
return l
},
TG: function() {
return a
},
Vd: function() {
return p
},
Vx: function() {
return x
},
W_: function() {
return o
},
Zb: function() {
return h
},
ac: function() {
return r
},
jr: function() {
return _
},
pg: function() {
return c
},
qx: function() {
return i
}
});
var n = s(44155);
let i = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, n.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
a = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, n.us)({
delay: .3 + (e - 1) * .5,
duration: .8
})
})
},
o = {
initial: e => ({
opacity: 0,
y: -25,
transition: (0, n.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
}),
animate: e => ({
y: 0,
opacity: 1,
transition: (0, n.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
})
},
l = {
initial: {
opacity: 0,
x: -30,
transition: (0, n.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, n.us)({
duration: .2
})
},
exit: {
opacity: 0,
x: 30,
transition: (0, n.us)({
duration: .2
})
}
},
r = {
initial: {
opacity: 0,
x: -30,
transition: (0, n.us)({
duration: .2
})
},
animate: e => ({
x: 0,
opacity: 1,
transition: (0, n.us)({
duration: .2,
delay: .3 + (e - 1) * .5
})
})
},
c = {
initial: {
opacity: 0,
y: -30
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, n.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
d = {
initial: {
pathLength: 1,
pathOffset: 1
},
animate: e => ({
pathLength: 1,
pathOffset: 0,
transition: (0, n.us)({
duration: 2,
delay: .3 + (e - 1) * .5
})
})
},
x = {
initial: {
pathLength: 0,
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
pathLength: 1,
opacity: 1,
transition: (0, n.us)({
pathLength: {
delay: t,
duration: 1,
ease: "easeInOut"
},
opacity: {
delay: t,
duration: .4
}
})
}
}
},
u = {
initial: {
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
rotate: 360,
opacity: 1,
transition: (0, n.us)({
opacity: {
delay: t,
duration: .4
},
rotate: {
delay: t,
duration: 1
}
})
}
}
},
h = {
initial: {
x: -15,
opacity: 0,
transition: (0, n.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, n.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, n.us)({
duration: .2
})
}
},
p = {
initial: {
x: 15,
opacity: 0,
transition: (0, n.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, n.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, n.us)({
duration: .2
})
}
},
m = {
initial: {
x: "0px"
},
animate: e => {
let {
numberOfCards: t,
cardWidth: s,
cardGap: i
} = e, a = [];
for (let e = 0; e < t; e++) {
let n = "-".concat(e * s + e * i, "px");
0 === e ? a.push("0px", "0px") : e === t - 1 ? a.push(n, n) : a.push(n, n, n)
}
return {
x: a,
transition: (0, n.us)({
repeat: 1 / 0,
repeatType: "reverse",
duration: 4 * t
})
}
}
},
g = {
initial: {
y: 0
},
animate: e => {
let {
order: t,
y: s,
duration: i
} = e;
return {
y: s,
transition: (0, n.us)({
repeat: 1 / 0,
repeatType: "reverse",
delay: .3 + (t - 1) * .5,
duration: i
})
}
}
},
v = {
initial: {
opacity: 0,
x: 100,
scaleY: 0
},
animate: e => ({
x: 0,
opacity: 1,
duration: .5,
scaleY: 1,
transition: (0, n.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
w = {
initial: {
opacity: 0
},
animate: () => ({
opacity: 1,
transition: (0, n.us)({
delay: 0,
duration: 3,
ease: "easeOut"
})
})
},
_ = {
initial: {
pathLength: 0
},
animate: () => ({
pathLength: 1,
transition: (0, n.us)({
duration: 2,
ease: "easeInOut"
})
})
}
},
35025: function(e, t, s) {
"use strict";
s.r(t), s.d(t, {
__N_SSG: function() {
return Z
},
default: function() {
return stock_investing_StockInvesting
}
});
var n = s(97458),
i = s(52983),
a = s(33684),
o = s(70236),
l = s(44155);
let NationalAverageInterestRate = () => {
let {
nationalAverageInterestData: {
updateDate: e
}
} = (0, o.U9)();
return (0, n.jsxs)(n.Fragment, {
children: ["The national average interest rate is based on FDIC.gov, as of ", e]
})
},
CashAccount = () => (0, n.jsxs)(n.Fragment, {
children: [(0, n.jsx)(a.Z.FinraSipc, {
type: "cash"
}), (0, n.jsxs)("p", {
"data-testid": "cash-account-dynamic-date-disclosure",
suppressHydrationWarning: !0,
children: ["The Cash Account Annual Percentage Yield (APY) is as of ", (0, l.x2)(), ". The APY may change at any time, before or after the Cash Account is opened. The APY for the Wealthfront Cash Account represents the weighted average of the APY on the aggregate deposit balances of all clients at the program banks. Deposit balances are not allocated equally among the participating program banks."]
})]
});
var stock_investing = () => (0, n.jsx)(n.Fragment, {
children: (0, n.jsxs)(a.Z, {
children: [(0, n.jsxs)("ol", {
children: [(0, n.jsx)("li", {
children: (0, n.jsx)(a.Z.AppStore, {})
}), (0, n.jsx)("li", {
children: "To estimate how much an account’s TLH benefit “covers” its fees, we start by taking our client's state of residence, stated income, and marital status to estimate their combined federal and state tax rates. We then take the harvested losses and multiply the total short term losses by the client's estimated marginal tax rate, and the total long term losses by the client’s estimated long term gains rate. For each client, the sum of these two values is our estimated TLH benefit. We then divide by the total Wealthfront management fee paid by the account to estimate the benefit to fee ratio. The median result in this data set is over 6x. For informational and educational use only. Your actual results may differ due to your unique financial and tax situation. Please consult a tax professional for advice tailored to your specific circumstances."
})]
}), (0, n.jsx)("p", {
children: (0, n.jsx)(NationalAverageInterestRate, {})
}), (0, n.jsx)(CashAccount, {}), (0, n.jsx)(a.Z.TermsAndConditions, {}), (0, n.jsx)(a.Z.FullLegalDisclosure, {})]
})
}),
r = s(8262),
c = s(33746),
d = s(72558),
x = s(51726),
u = s(2002),
h = s(79576),
p = s(74431),
cross_sell_module = function() {
let {
currentAPY: e,
nationalAverageInterestData: {
rate: t
}
} = (0, o.U9)(), s = (0, x.rG)(e), {
caption: i,
multiplierText: a
} = (0, h.S)(t, e);
return (0, n.jsx)("div", {
className: "relative z-20 bg-clementine pb-20 text-eggplant",
"data-testid": "cross-sell-module",
children: (0, n.jsx)("div", {
className: "container relative mx-auto px-8 md:px-12 lg:px-16",
children: (0, n.jsxs)("div", {
className: "flex flex-col pt-24",
children: [(0, n.jsx)("div", {
className: "mb-4 flex items-center justify-between border-b border-eggplant xl:mb-12",
children: (0, n.jsx)("h2", {
className: "copy-h1-alt pb-4 md:w-1/2 md:px-0 lg:w-2/3 xl:pb-12",
children: "Not sold on individual stocks?"
})
}), (0, n.jsxs)("div", {
className: "grid grid-cols-1 gap-16 md:grid-cols-2",
children: [(0, n.jsxs)("div", {
className: "space-y-4",
children: [(0, n.jsx)("h3", {
className: "copy-h2",
children: "Diversify your portfolio with the Automated Investing Account."
}), (0, n.jsxs)("p", {
className: "copy-body",
children: ["Grow your long-term wealth with a portfolio of diversified, low-cost index funds. We’ll handle all the investment decisions, rebalancing, and other busy work for the low, annual fee of just 0.25%. And that’s almost nothing considering our automated Tax-Loss Harvesting covered our fee more than 6x over, on average.", (0, n.jsx)("sup", {
children: "2"
})]
}), (0, n.jsx)(u.Z, {
ariaLabel: "Learn more about our automated investing account",
href: "/investing",
trackingDetails: {
category: p.WD.Hyperlink,
name: "automated-investing-learn-more",
clickText: "Learn more",
clickUrl: "/investing"
},
amplitudeClickProperties: {
target_element: "automated-investing-learn-more",
click_type: "hyperlink"
},
children: "Learn more"
})]
}), (0, n.jsxs)("div", {
className: "max-w-[440px] space-y-4 3xl:max-w-[550px]",
"data-testid": "open-cash-account-cta-module",
children: [(0, n.jsxs)("h3", {
className: "copy-h2",
children: ["Earn ", s, " APY with the Cash Account."]
}), (0, n.jsxs)("p", {
className: "copy-body",
children: ["Pay bills, save money, or invest in minutes during market hours. Our technology lets you automate your paycheck and organize cash effortlessly, while earning ", i ? i + " " : "", a, " the average national interest rate."]
}), (0, n.jsx)(u.Z, {
ariaLabel: "Learn more about our cash account",
href: "/cash",
trackingDetails: {
category: p.WD.Hyperlink,
name: "cash-learn-more",
clickText: "Learn more",
clickUrl: "/cash"
},
amplitudeClickProperties: {
target_element: "cash-learn-more",
click_type: "hyperlink"
},
children: "Learn more"
})]
})]
})]
})
})
})
},
m = s(94852),
faq_module_faq_module = function() {
let {
currentAPY: e
} = (0, o.U9)();
return (0, n.jsx)("div", {
"data-testid": "faq-module",
className: "relative bg-white",
children: (0, n.jsx)("div", {
className: "mx-auto border-eggplant px-8 text-eggplant lg:container lg:px-24",
children: (0, n.jsx)(m.Z, {
heading: (0, n.jsx)("h2", {
className: "xs:max-w-[280px] md:max-w-[310px] xl:max-w-[470px] 2xl:max-w-[520px]",
children: "Have questions? Have at it."
}),
description: (0, n.jsx)("h3", {
className: "font-serif text-xl leading-5 md:w-96 2xl:w-126",
children: "The Stock Investing Account really is as good as it sounds, but if you’re a doubter these FAQs may help."
}),
children: (function(e) {
let t = (0, x.rG)(e);
return [{
id: 1,
question: "Wait, no commissions? Do you really charge me nothing??",
answer: "It’s true. The Stock Investing Account has zero commissions which means you don’t have to pay a fee when we buy or sell securities for your account."
}, {
id: 2,
question: "Still waiting for the catch. How does Wealthfront make money then?",
answer: "Nope, no catch. The only money we make on your Stock Investing Account comes from the small net interest margin we earn on the money in your Cash Account. Which happens to be the same Cash Account with one of the highest interest rates in the industry at ".concat(t, " APY. We also make money when you like Wealthfront enough to use our other investing products, like our Automated Investing Account, which offers expert-built, globally diversified portfolios, Tax-Loss Harvesting, automatic rebalancing, and more."),
testId: "stock-investing-apy-faq-item"
}, {
id: 7,
question: "So, how is this account different from the Automated Investing Account?",
answer: "Not to get all literal on you, but for starters, one is automated and the other isn’t. Our Automated Investing Account not only personalizes a portfolio for you based on your appetite for risk, it handles everything from rebalancing to finding ways to help you save on your taxes — all for the low, annual fee of just 0.25%. For the Stock Investing Account, it’s up to you to let us know what stocks you want to trade, when, and how much, but we’ll still help you understand how that lines up with your investing goals and manage all the trades on your behalf."
}, {
id: 8,
question: "Ok, but how do you help me understand how investments line up with my goals?",
answer: "When you open an account, we’ll ask a few simple questions to give you what we call your Risk Score that reflects our recommendations on how you should invest based on your age, your income, and your comfort with risk and volatility. Then, as you choose stocks you want to add to your portfolio, we’ll show you how the riskiness of your choices lines up with our Risk Score recommendations, so you can make better, more informed decisions about your investments."
}, {
id: 3,
question: "Do I need to invest in an entire collection to use the Stock Investing Account?",
answer: "Nope. You can invest in stocks with or without our collections. We like to think our stock collections are a great way to find your new favorite stocks, especially if you want to invest outside the box or find something new. When you explore a collection, you can choose just the stocks you want to invest in, or you can take the whole shebang, whatever works best for you. We’ll use fractional shares to do our best to allocate your investment proportionally to the full list of stocks you want."
}, {
id: 4,
question: "What are fractional shares? Asking for a friend.",
answer: "Pardon the jargon, but fractional shares are just a way to slice up a stock into smaller pieces. Like splitting a sandwich 18 ways if it’s a really expensive sandwich. That means you could buy $1 of Amazon, Alphabet, or Verizon."
}, {
id: 5,
question: "Got it. How soon can I actually invest after I sign up?",
answer: "If you already have a Cash Account, you can invest immediately when you open a Stock Investing Account. If you don’t have an existing Wealthfront Cash Account, or you’re new to Wealthfront, you can invest as soon as you’ve added funds to your Wealthfront Cash Account."
}, {
id: 6,
question: "Will I also earn interest on my cash that I haven’t invested?",
answer: "Yep! Any cash that’s in your Cash Account will keep earning our high interest APY, which is currently ".concat(t, "!"),
cta: {
href: "/cash",
trackingCategory: p.WD.Hyperlink,
trackingName: "APY-FAQ",
ariaLabel: "Learn more about our cash account"
},
testId: "apy-faq-item"
}]
})(e).map(e => (0, n.jsxs)(m.Z.FAQItem, {
question: e.question,
testId: e.testId,
children: [e.answer, e.cta ? (0, n.jsx)(u.Z, {
ariaLabel: e.cta.ariaLabel,
href: e.cta.href,
target: "_blank",
trackingDetails: {
category: e.cta.trackingCategory,
name: e.cta.trackingName
},
amplitudeClickProperties: {
target_element: e.cta.trackingName,
click_type: "hyperlink"
},
children: "Learn more"
}) : null]
}, e.id))
})
})
})
},
g = s(41957),
v = s(79103),
w = s(51838),
_ = s.n(w),
f = s(52116),
y = s(95435),
b = s(57928),
k = s(33805),
j = s(19316);
let N = [.33, 1, .68, 1],
A = {
translateFrom: "16%",
translateTo: "0%"
},
C = {
translateFrom: "100%",
translateTo: "0%"
};
function getTransition(e) {
return {
opacity: {
duration: .5,
delay: e || 0,
ease: N
},
translateY: {
duration: .8,
delay: e || 0,
ease: N
}
}
}
function getMotionProps(e) {
let {
activeSection: t,
section: s,
translate: n = {
translateFrom: "0",
translateTo: "0"
},
isMobile: i = !1
} = e;
return {
animate: i ? "active" : "none" === t ? "initial" : t === s ? "active" : "final",
variants: {
initial: {
opacity: 0,
translateY: n.translateFrom,
transition: getTransition()
},
active: {
opacity: 1,
translateY: n.translateTo,
transition: getTransition(.1)
},
final: {
opacity: 0,
translateY: n.translateFrom,
transition: getTransition()
}
},
initial: !1
}
}
function MobileFeatures() {
return (0, n.jsxs)("div", {
"data-testid": "mobile-features",
className: "mx-auto flex w-full flex-col items-center space-y-16 bg-gradient-to-b from-light-slate to-ambient-orange px-4 pb-16 md:px-12 lg:px-16",
children: [(0, n.jsxs)("div", {
"data-testid": "mobile-explore-more-stocks-section",
className: "flex w-full flex-col space-y-4",
children: [(0, n.jsx)("div", {
className: "flex h-[430px] w-full min-w-0 items-end justify-center overflow-hidden rounded-lg bg-[#4D5898] px-6 pt-6 sm:min-w-[400px]",
children: (0, n.jsx)(b.K, {
image: {
className: "max-w-[340px] mx-auto max-h-[400px] object-cover",
loading: "lazy",
src: "/next/stock_investing/explore_phone.png",
alt: "",
width: 1350,
height: 840
},
sources: [{
src: "/next/stock_investing/explore_phone.png",
srcSet: ["/next/stock_investing/explore_phone-640w.webp 640w", "/next/stock_investing/explore_phone-750w.webp 750w", "/next/stock_investing/explore_phone-828w.webp 828w", "/next/stock_investing/explore_phone-1080w.webp 1080w", "/next/stock_investing/explore_phone-1200w.webp 1200w", "/next/stock_investing/explore_phone.webp 1350w"]
}]
})
}), (0, n.jsx)(ExploreCopy, {
isMobile: !0,
activeSection: "none"
}), (0, n.jsx)(k.Z, {
className: "w-fit",
trackingName: "explore-stocks",
amplitudeClickProperties: {
target_element: "explore-stocks",
click_type: "main-cta"
},
children: "Get started with $1"
})]
}), (0, n.jsxs)("div", {
"data-testid": "mobile-built-in-research-section",
className: "flex w-full flex-col space-y-4",
children: [(0, n.jsx)("div", {
className: "flex h-[430px] w-full min-w-0 items-end justify-center overflow-hidden rounded-lg bg-[#4D4437] px-6 pt-6 sm:min-w-[400px]",
children: (0, n.jsx)("div", {
className: "relative h-full w-full",
children: (0, n.jsx)(b.K, {
image: {
className: "absolute max-w-[260px] left-1/2 -translate-x-1/2 -bottom-8 mx-auto max-h-[400px] object-cover",
loading: "lazy",
src: "/next/stock_investing/due_diligence.png",
alt: "",
width: 915,
height: 840
},
sources: [{
src: "/next/stock_investing/due_diligence.png",
srcSet: ["/next/stock_investing/due_diligence-640w.webp 640w", "/next/stock_investing/due_diligence-750w.webp 750w", "/next/stock_investing/due_diligence-828w.webp 828w", "/next/stock_investing/due_diligence.webp 915w"]
}]
})
})
}), (0, n.jsx)(BuiltInResearchCopy, {
isMobile: !0,
activeSection: "none"
}), (0, n.jsx)(k.Z, {
className: "w-fit",
trackingName: "due-diligence",
amplitudeClickProperties: {
target_element: "due-diligence",
click_type: "main-cta"
},
children: "Get started with $1"
})]
}), (0, n.jsxs)("div", {
"data-testid": "mobile-more-easily-section",
className: "flex w-full flex-col space-y-4",
children: [(0, n.jsx)("div", {
className: "flex h-[430px] w-full min-w-0 items-end justify-center overflow-hidden rounded-lg bg-[#F0F0F2] px-6 pt-6 sm:min-w-[400px]",
children: (0, n.jsx)("div", {
className: "relative h-full w-full",
children: (0, n.jsx)(b.K, {
image: {
className: "absolute left-1/2 -translate-x-1/2 -bottom-12 max-w-[210px] max-h-[400px] object-cover",
loading: "lazy",
src: "/next/stock_investing/stock_split_phone.png",
alt: "",
width: 794,
height: 680
},
sources: [{
src: "/next/stock_investing/stock_split_phone.png",
srcSet: ["/next/stock_investing/stock_split_phone-640w.webp 640w", "/next/stock_investing/stock_split_phone-750w.webp 750w", "/next/stock_investing/stock_split_phone.webp 794w"]
}]
})
})
}), (0, n.jsx)(MoreEasilyCopy, {
isMobile: !0,
activeSection: "none"
}), (0, n.jsx)(k.Z, {
className: "w-fit",
trackingName: "invest-easily",
amplitudeClickProperties: {
target_element: "invest-easily",
click_type: "main-cta"
},
children: "Get started with $1"
}), (0, n.jsx)("p", {
className: "copy-disclosure",
children: "Securities shown are for illustrative purposes only, and are not a recommendation to buy or hold."
})]
})]
})
}
function DesktopFeatures() {
let [e, t] = (0, i.useState)(0), s = e > 1100, {
module: a,
inView: o
} = (0, j.Z)({
threshold: s ? .9 : .4
}), {
module: l,
inView: r
} = (0, j.Z)({
threshold: .3
}), {
module: c,
inView: d
} = (0, j.Z)({
threshold: .2
}), {
module: x,
inView: u
} = (0, j.Z)({
rootMargin: "0px 0px -80px 0px"
});
(0, i.useEffect)(() => {
let e = window.innerHeight;
t(e)
}, []);
let h = function(e) {
let {
seeMoreStocks: t,
dueDiligence: s,
investInMore: n,
bottomAnchorInView: i
} = e;
return t && !s ? "explore-more-stocks" : s && !n ? "built-in-research" : n || i ? "more-easily" : "none"
}({
seeMoreStocks: o,
dueDiligence: r,
investInMore: d,
bottomAnchorInView: u
});
return (0, n.jsx)("div", {
"data-testid": "desktop-features",
className: "relative bg-gradient-to-b from-light-slate to-ambient-orange px-4 pb-28 md:px-12 lg:px-16",
style: {
"--pane-color": _()({
"#4D5898": "explore-more-stocks" === h,
"#4D4437": "built-in-research" === h,
"#F0F0F2": "more-easily" === h
})
},
children: (0, n.jsxs)("div", {
className: "mx-auto grid max-w-[2024px] grid-cols-2",
children: [(0, n.jsxs)("div", {
style: {
maskImage: "radial-gradient(white, black)"
},
className: "transition-color sticky top-[17.5vh] mx-auto h-[70vh] w-[40vw] min-w-[380px] max-w-[800px] overflow-hidden rounded-xl bg-[color:var(--pane-color)] duration-500 ease-linear",
children: [(0, n.jsx)(f.E.div, {
className: "absolute inset-0",
...getMotionProps({
activeSection: h,
section: "explore-more-stocks",
translate: A
}),
children: (0, n.jsx)("div", {
"data-testid": "desktop-explore-more-stocks-section",
className: "absolute h-full w-full",
children: (0, n.jsx)(b.K, {
image: {
className: _()("absolute left-1/2 -translate-x-1/2 bottom-0 max-w-[540px] max-h-[90%] 3xl:max-w-[660px] max-h-full object-contain", {
"xl:max-w-[640px]": s
}),
loading: "lazy",
src: "/next/stock_investing/explore_phone.png",
alt: "",
width: 1350,
height: 840
},
sources: [{
src: "/next/stock_investing/explore_phone.png",
srcSet: ["/next/stock_investing/explore_phone-640w.webp 640w", "/next/stock_investing/explore_phone-750w.webp 750w", "/next/stock_investing/explore_phone-828w.webp 828w", "/next/stock_investing/explore_phone-1080w.webp 1080w", "/next/stock_investing/explore_phone-1200w.webp 1200w", "/next/stock_investing/explore_phone.webp 1350w"]
}]
})
})
}), (0, n.jsx)(f.E.div, {
className: "absolute inset-0",
...getMotionProps({
activeSection: h,
section: "built-in-research",
translate: A
}),
children: (0, n.jsx)("div", {
"data-testid": "desktop-built-in-research-section",
className: "absolute h-full w-full",
children: (0, n.jsx)(b.K, {
image: {
className: _()("absolute left-1/2 -translate-x-1/2 -bottom-8 object-contain max-h-[90%] max-w-[420px] 3xl:max-w-[540px] max-h-full", {
"xl:max-w-[480px]": s
}),
loading: "lazy",
src: "/next/stock_investing/due_diligence.png",
alt: "",
width: 915,
height: 840
},
sources: [{
src: "/next/stock_investing/due_diligence.png",
srcSet: ["/next/stock_investing/due_diligence-640w.webp 640w", "/next/stock_investing/due_diligence-750w.webp 750w", "/next/stock_investing/due_diligence-828w.webp 828w", "/next/stock_investing/due_diligence.webp 915w"]
}]
})
})
}), (0, n.jsx)(f.E.div, {
className: "absolute inset-0",
...getMotionProps({
activeSection: h,
section: "more-easily",
translate: A
}),
children: (0, n.jsx)("div", {
"data-testid": "desktop-more-easily-section",
className: "absolute h-full w-full",
children: (0, n.jsx)(b.K, {
image: {
className: _()("absolute left-1/2 -translate-x-1/2 -bottom-12 max-w-[360px] 3xl:max-w-[500px] max-h-[90%] 3xl:-bottom-16 max-h-full object-contain", {
"xl:max-w-[420px]": s
}),
loading: "lazy",
src: "/next/stock_investing/stock_split_phone.png",
alt: "",
width: 794,
height: 680
},
sources: [{
src: "/next/stock_investing/stock_split_phone.png",
srcSet: ["/next/stock_investing/stock_split_phone-640w.webp 640w", "/next/stock_investing/stock_split_phone-750w.webp 750w", "/next/stock_investing/stock_split_phone.webp 794w"]
}]
})
})
})]
}), (0, n.jsxs)("div", {
className: "ml-12 flex flex-col justify-end 2xl:ml-0",
children: [(0, n.jsxs)("div", {
"data-testid": "more-easily-right-pane",
ref: a,
style: {
height: 1e3
},
children: [(0, n.jsx)(ExploreCopy, {
isMobile: !1,
activeSection: h
}), (0, n.jsx)("div", {
className: "fixed bottom-1/2 translate-y-36 space-y-2 xl:translate-y-40 2xl:translate-y-48",
children: (0, n.jsx)(k.Z, {
className: _()("w-fit", {
hidden: "explore-more-stocks" !== h
}),
trackingName: "explore-stocks",
amplitudeClickProperties: {
target_element: "explore-stocks",
click_type: "main-cta"
},
children: "Get started with $1"
})
})]
}), (0, n.jsxs)("div", {
"data-testid": "due-diligence-left-pane",
ref: l,
style: {
height: 1e3
},
children: [(0, n.jsx)(BuiltInResearchCopy, {
isMobile: !1,
activeSection: h
}), (0, n.jsxs)("div", {
className: "fixed bottom-1/2 translate-y-48 xl:translate-y-52 2xl:translate-y-60",
children: [(0, n.jsx)(k.Z, {
className: _()("mb-3 w-fit", {
hidden: "built-in-research" !== h
}),
trackingName: "due-diligence",
amplitudeClickProperties: {
target_element: "due-diligence",
click_type: "main-cta"
},
children: "Get started with $1"
}), (0, n.jsx)("p", {
className: _()("copy-disclosure max-w-[400px]", {
hidden: "built-in-research" !== h
}),
children: "VNDLY Industries is a fictitious company created solely for illustrative purposes."
})]
})]
}), (0, n.jsxs)("div", {
"data-testid": "invest-more-right-pane",
ref: c,
style: {
height: 2e3
},
children: [(0, n.jsx)(MoreEasilyCopy, {
isMobile: !1,
activeSection: h,
bottomAnchorInView: u
}), (0, n.jsxs)("div", {
className: _()("fixed bottom-[50vh] translate-y-48 xl:translate-y-56 2xl:translate-y-64", {
absolute: u
}),
children: [(0, n.jsx)(k.Z, {
className: _()("mb-3 w-fit", {
hidden: "more-easily" !== h
}),
trackingName: "invest-easily",
amplitudeClickProperties: {
target_element: "invest-easily",
click_type: "main-cta"
},
children: "Get started with $1"
}), (0, n.jsx)("p", {
className: _()("copy-disclosure max-w-sm", {
hidden: "more-easily" !== h
}),
children: "Securities shown are for illustrative purposes only, and are not a recommendation to buy or hold."
})]
})]
}), (0, n.jsx)("div", {
ref: x
})]
})]
})
})
}
function ExploreCopy(e) {
let {
activeSection: t,
isMobile: s
} = e, i = "explore-more-stocks";
return (0, n.jsxs)("div", {
className: _()("flex flex-col justify-end", {
"fixed bottom-[50%] translate-y-1/2": !s
}),
children: [(0, n.jsx)("div", {
className: "overflow-hidden pb-3",
children: (0, n.jsxs)(f.E.h2, {
"data-testid": "explore-more-stocks-copy",
className: "copy-h1 leading-[70%]",
...getMotionProps({
activeSection: t,
section: i,
translate: C,
isMobile: s
}),
children: ["See more stocks,", (0, n.jsx)("br", {}), (0, n.jsx)("span", {
className: "copy-h1-alt",
children: "beyond the obvious."
})]
})
}), (0, n.jsx)(f.E.ul, {
className: "copy-h3-alt font-normal",
...getMotionProps({
activeSection: t,
section: i,
isMobile: s
}),
children: ["Companies you know you know", "Companies you don’t know you know", "Companies you know you don’t know"].map(e => (0, n.jsxs)("li", {
children: [(0, n.jsx)(CheckIcon, {}), (0, n.jsx)("span", {
className: "ml-2",
children: e
})]
}, e))
})]
})
}
function BuiltInResearchCopy(e) {
let {
activeSection: t,
isMobile: s
} = e, i = "built-in-research";
return (0, n.jsxs)("div", {
className: _()("flex flex-col justify-end", {
"fixed bottom-[50%] translate-y-1/2": !s
}),
children: [(0, n.jsx)("div", {
className: "overflow-hidden pb-3",
children: (0, n.jsxs)(f.E.h2, {
className: "copy-h1",
"data-testid": "built-in-research-copy",
...getMotionProps({
activeSection: t,
section: i,
translate: C,
isMobile: s
}),
children: ["Due diligence,", (0, n.jsx)("br", {}), (0, n.jsx)("span", {
className: "copy-h1-alt",
children: "done for you."
})]
})
}), (0, n.jsx)(f.E.ul, {
className: "copy-h3-alt font-normal",
...getMotionProps({
activeSection: t,
section: i,
isMobile: s
}),
children: ["1,500+ stocks selected by our research team", "Learn more about each stock in a collection", "See a quick analysis of all the pros and cons"].map(e => (0, n.jsxs)("li", {
children: [(0, n.jsx)(CheckIcon, {}), (0, n.jsx)("span", {
className: "ml-2",
children: e
})]
}, e))
})]
})
}
function MoreEasilyCopy(e) {
let {
activeSection: t,
bottomAnchorInView: s,
isMobile: i
} = e, a = "more-easily";
return (0, n.jsxs)("div", {
className: _()("flex flex-col justify-end", {
"fixed bottom-[50vh] translate-y-1/2": !i || s,
absolute: s
}),
children: [(0, n.jsx)("div", {
className: "overflow-hidden pb-3",
children: (0, n.jsxs)(f.E.h2, {
className: "copy-h1",
...getMotionProps({
activeSection: t,
section: a,
translate: C,
isMobile: i
}),
children: [(0, n.jsxs)("span", {
"data-testid": "desktop-more-easily-copy",
className: "hidden lg:block",
children: ["Invest ", (0, n.jsx)("br", {}), (0, n.jsx)("span", {
className: "copy-h1-alt",
children: "in multiple stocks,"
}), (0, n.jsx)("br", {}), (0, n.jsx)("span", {
className: "copy-h1-alt",
children: "more easily."
})]
}), (0, n.jsxs)("span", {
"data-testid": "mobile-more-easily-copy",
className: "block lg:hidden",
children: ["Invest ", (0, n.jsx)("span", {
className: "copy-h1-alt",
children: "in multiple stocks,"
}), (0, n.jsx)("br", {}), (0, n.jsx)("span", {
className: "copy-h1-alt",
children: "more easily."
})]
})]
})
}), (0, n.jsx)(f.E.ul, {
className: "copy-h3-alt pr-4 font-normal",
...getMotionProps({
activeSection: t,
section: a,
isMobile: i
}),
children: ["Decide how much to invest, and we'll split your deposit into multiple stocks and handle all the trades", "Spend less time micromanaging your investments"].map(e => (0, n.jsxs)("li", {
children: [(0, n.jsx)(CheckIcon, {}), (0, n.jsx)("span", {
className: "ml-2",
children: e
})]
}, e))
})]
})
}
function CheckIcon() {
return (0, n.jsx)("span", {
className: "text-[0.8em] font-normal",
"aria-hidden": "true",
role: "img",
children: "☑"
})
}
var features_module = function() {
let [e, t] = (0, i.useState)(!1);
(0, i.useEffect)(() => {
window.innerWidth < 1024 && t(!0)
}, []);
let s = (0, v.Z)();
return s((0, g.Z)(() => {
window.innerWidth < 1024 ? t(!0) : t(!1)
})), (0, n.jsxs)(n.Fragment, {
children: [(0, n.jsxs)("div", {
className: "relative z-20 flex w-full flex-col items-center justify-center space-y-7 bg-light-slate pb-14 lg:pb-24",
children: [(0, n.jsx)("h2", {
className: "copy-h1-alt max-w-[280px] px-4 text-center italic md:px-0 lg:max-w-none",
children: "Skip bajillions of hours of research."
}), (0, n.jsx)(y.M, {
loading: "lazy",
height: 22,
width: 44,
src: "/next/svg/optimized/arrow-down.svg",
alt: "",
className: ""
})]
}), e ? (0, n.jsx)(MobileFeatures, {}) : (0, n.jsx)(DesktopFeatures, {})]
})
},
S = s(2076),
T = s(37980),
E = s.n(T);
function Star(e) {
let {
size: t
} = e, s = random(t, 7, "px");
return (0, n.jsx)("div", {
className: _()(E().star, E()["blink-".concat(Math.floor(5 * Math.random()) + 1)]),
style: {
left: random(100, 1, "%"),
top: random(100, 1, "%")
},
children: (0, n.jsx)("svg", {
height: s,
width: s,
viewBox: "0 0 18 24",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: (0, n.jsx)("path", {
d: "M8.95909 24C10.1455 13.8634 10.5545 13.3043 18 12C10.5545 10.6584 10.1455 10.0994 8.95909 0C7.81364 10.0994 7.40455 10.6584 0 12C7.40455 13.3043 7.81364 13.8634 8.95909 24Z",
fill: "#E5BCB0"
})
})
})
}
function random(e, t, s) {
return "".concat(Math.floor(Math.random() * (e - t + 1)) + t).concat(s)
}
var star_background = function(e) {
let {
numberOfStars: t = 20,
starSize: s = 15
} = e;
return (0, i.useMemo)(() => (0, n.jsx)("div", {
className: _()("absolute h-full w-full overflow-hidden"),
"data-testid": "star-background-container",
children: Array.from({
length: t
}).map((e, t) => (0, n.jsx)(Star, {
size: s
}, t))
}), [t, s])
},
I = s(70788),
M = s(18997),
L = s(99645),
B = s(86891),
R = s.n(B);
function TextBubble(e) {
let {
className: t,
header: s,
subHeader: i
} = e;
return (0, n.jsxs)("div", {
className: _()(t, "text-center"),
children: [(0, n.jsx)("p", {
className: "copy-h3-alt italic leading-4 md:text-[18px] xl:text-[20px]",
children: s
}), (0, n.jsx)("p", {
className: "copy-h2 text-[25px] xl:text-[30px]",
children: i
})]
})
}
var hero_module = function() {
let {
aumInBillions: e,
numClients: t
} = (0, o.U9)(), {
module: s,
controls: i
} = (0, j.Z)(), {
module: a,
controls: l
} = (0, j.Z)(), r = (0, M.Z)();
return (0, n.jsxs)("div", {
className: _()(R().background, "relative z-20"),
"data-testid": "stock-investing-hero-module",
children: [r && (0, n.jsxs)(n.Fragment, {
children: [(0, n.jsx)("div", {
className: "hidden lg:block",
children: (0, n.jsx)(star_background, {})
}), (0, n.jsx)("div", {
className: "block lg:hidden",
children: (0, n.jsx)(star_background, {
numberOfStars: 15,
starSize: 10
})
})]
}), (0, n.jsxs)("div", {
className: "relative mt-20 w-full border-b-[0.5px] border-t-[0.5px] border-lavender border-opacity-40 md:mt-0 md:border-t-2 md:border-t-black",
children: [(0, n.jsxs)("div", {
className: "absolute mt-8 h-auto w-full md:mt-24",
children: [(0, n.jsx)("div", {
className: "block xs:hidden",
children: (0, n.jsx)(b.K, {
image: {
src: "/next/stock_investing/hero_module/stock_investing_hero_mobile_banner.png",
alt: "",
className: "relative h-full w-full object-cover",
width: 750,
height: 422
},
sources: [{
src: "/next/stock_investing/hero_module/stock_investing_hero_mobile_banner.png",
srcSet: ["/next/stock_investing/hero_module/stock_investing_hero_mobile_banner.webp 1x", "/next/stock_investing/hero_module/stock_investing_hero_mobile_banner@2x.webp 2x"]
}]
})
}), (0, n.jsx)("div", {
className: "mx-auto hidden max-w-[2024px] md:block",
children: (0, n.jsx)(b.K, {
image: {
className: "relative min-w-[120%] h-auto object-contain left-1/2 -translate-x-1/2",
src: "/next/stock_investing/stock_investing_module_banner.png",
width: 1178,
height: 400,
alt: ""
},
sources: [{
src: "/next/stock_investing/stock_investing_module_banner.webp",
srcSet: ["/next/stock_investing/stock_investing_module_banner-640w.webp 640w", "/next/stock_investing/stock_investing_module_banner-750w.webp 750w", "/next/stock_investing/stock_investing_module_banner-828w.webp 828w", "/next/stock_investing/stock_investing_module_banner-1080w.webp 1080w", "/next/stock_investing/stock_investing_module_banner-1200w.webp 1200w", "/next/stock_investing/stock_investing_module_banner-1920w.webp 1920w", "/next/stock_investing/stock_investing_module_banner-2048w.webp 2048w", "/next/stock_investing/stock_investing_module_banner-3840w.webp 3840w"]
}]
})
})]
}), (0, n.jsx)("div", {
className: "relative flex flex-col justify-items-center px-8 pb-16 pt-8 text-center md:pb-32 md:pt-24",
children: (0, n.jsx)(I.Z, {
textBlockClassName: "space-y-4 md:space-y-6 m-auto",
title: (0, n.jsxs)("h1", {
className: "gradient-text copy-h1 overflow-visible bg-[linear-gradient(326.03deg,#bdc6f5_31.67%,#f4b896_87.99%)] py-1",
children: [(0, n.jsx)("span", {
className: "copy-h2-alt block italic text-lavender2",
children: "Introducing"
}), (0, n.jsx)("span", {
className: "whitespace-nowrap",
children: "Your shortcut to"
}), (0, n.jsx)("br", {}), "smarter stock investing."]
}),
body: (0, n.jsx)("p", {
className: "copy-body m-auto max-w-[550px] text-lavender2",
children: "Invest in individual stocks. Skip the endless hours of research to find companies not on your radar and see stocks in a whole new light — with fractional shares and no commissions."
}),
ctaClassName: "flex justify-center",
primaryCta: (0, n.jsx)(k.Z, {
className: "bg-lavender2 text-black",
amplitudeClickProperties: {
target_element: "hero-module",
click_type: "main-cta"
},
trackingName: "hero-module",
children: "Get started with $1"
})
})
})]
}), (0, n.jsxs)("div", {
className: "relative h-[850px] w-full border-b-[0.5px] border-lavender border-opacity-40 text-lavender2 md:h-[1000px]",
children: [(0, n.jsxs)(n.Fragment, {
children: [(0, n.jsxs)(f.E.svg, {
className: "absolute right-1/2 top-8 hidden md:block",
width: "99",
height: "46",
viewBox: "0 0 99 46",
fill: "currentColor",
strokeWidth: "0.6",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, n.jsx)(f.E.path, {
variants: L.Vx,
initial: "initial",
animate: i,
custom: 1,
stroke: "url(#paint0_linear_657_38849)",
d: "M97.9093 12.5563C98.1825 12.5166 98.3718 12.2628 98.3321 11.9896L97.6841 7.53645C97.6444 7.26318 97.3906 7.07389 97.1174 7.11365C96.8441 7.15341 96.6548 7.40716 96.6946 7.68043L97.2705 11.6388L93.3122 12.2147C93.0389 12.2544 92.8496 12.5082 92.8894 12.7815C92.9291 13.0547 93.1829 13.244 93.4562 13.2043L97.9093 12.5563ZM1.55631 45.4386C8.55825 22.9087 25.322 9.28029 43.9599 3.97399C62.6129 -1.3366 83.1084 1.69815 97.5383 12.4623L98.1362 11.6608C83.4248 0.686553 62.5984 -2.3722 43.6861 3.01221C24.7587 8.40092 7.71394 22.256 0.60136 45.1418L1.55631 45.4386Z"
}), (0, n.jsx)("defs", {
children: (0, n.jsxs)("linearGradient", {
id: "paint0_linear_657_38849",
x1: "48.1753",
y1: "48.3594",
x2: "51.3228",
y2: "0.0629812",
gradientUnits: "userSpaceOnUse",
children: [(0, n.jsx)("stop", {
stopColor: "#BDC6F5"
}), (0, n.jsx)("stop", {
offset: "1",
stopColor: "#F4B896"
})]
})
})]
}), (0, n.jsxs)(f.E.svg, {
className: "absolute right-1/2 top-[140px] block -translate-x-4 md:hidden",
width: "70",
height: "80",
viewBox: "0 0 70 80",
fill: "currentColor",
strokeWidth: "0.6",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, n.jsx)(f.E.path, {
variants: L.Vx,
initial: "initial",
animate: i,
custom: 1,
stroke: "url(#paint0_linear_1_12547)",
d: "M69.4739 73.3181C69.7743 73.4711 69.8937 73.8387 69.7406 74.139L67.2461 79.0332C67.093 79.3336 66.7255 79.453 66.4251 79.2999C66.1248 79.1468 66.0054 78.7792 66.1585 78.4789L68.3758 74.1285L64.0254 71.9112C63.7251 71.7581 63.6057 71.3905 63.7588 71.0902C63.9118 70.7899 64.2794 70.6705 64.5797 70.8236L69.4739 73.3181ZM4.93047 1.1349C-3.73102 27.1942 3.96515 47.9174 17.9578 60.7848C31.984 73.6831 52.3382 78.6955 69.0082 73.2813L69.3853 74.4424C52.2511 80.0073 31.4455 74.8464 17.1315 61.6834C2.78399 48.4896 -5.04046 27.2635 3.77206 0.749871L4.93047 1.1349Z"
}), (0, n.jsx)("defs", {
children: (0, n.jsxs)("linearGradient", {
id: "paint0_linear_1_12547",
x1: "43.6496",
y1: "11.4723",
x2: "27.8038",
y2: "70.6095",
gradientUnits: "userSpaceOnUse",
children: [(0, n.jsx)("stop", {
stopColor: "#BDC6F5"
}), (0, n.jsx)("stop", {
offset: "1",
stopColor: "#F4B896"
})]
})
})]
})]
}), (0, n.jsx)("div", {
className: "absolute left-1/2 top-1/2 z-10 w-[450px] -translate-x-[52%] -translate-y-[50%] md:w-[662px]",
children: (0, n.jsx)(f.E.div, {
variants: L.Kl,
initial: "initial",
animate: "animate",
custom: {
order: 0,
y: 3,
duration: 2
},
children: (0, n.jsx)(b.K, {
image: {
src: "/next/stock_investing/background-tokens.png",
width: 1473,
height: 365,
alt: "Floating stock tokens"
},
sources: [{
src: "/next/stock_investing/background-tokens.webp",
srcSet: ["/next/stock_investing/background-tokens.webp 1x", "/next/stock_investing/background-tokens@2x.webp 2x"]
}]
})
})
}), (0, n.jsx)("div", {
className: "absolute right-1/2 top-[50px] z-10 w-full max-w-[345px] translate-x-1/2 px-2 text-center xs:px-0 md:top-[90px] md:-translate-x-20 xl:max-w-[400px]",
children: (0, n.jsx)(f.E.div, {
variants: L.qx,
initial: "initial",
animate: i,
custom: 1,
children: (0, n.jsx)(TextBubble, {
header: "Find stocks you know and stocks you don't...",
subHeader: (0, n.jsxs)(n.Fragment, {
children: ["Discover stocks through investing ", (0, n.jsx)("br", {}), " themes & opportunities"]
})
})
})
}), (0, n.jsx)("div", {
className: "absolute left-1/2 top-[15%] z-10 w-[230px] -translate-x-8 md:top-[-100px] md:min-w-[387px] md:-translate-x-14",
children: (0, n.jsx)(f.E.div, {
ref: s,
variants: L.qx,
initial: "initial",
animate: i,
custom: 0,
children: (0, n.jsx)(b.K, {
image: {
src: "/next/stock_investing/headerphone_right.png",
width: 3096,
height: 6017,
alt: "Stocks on mobile phone"
},
sources: [{
src: "/next/stock_investing/headerphone_right.webp",
srcSet: ["/next/stock_investing/headerphone_right.webp 1x", "/next/stock_investing/headerphone_right@2x.webp 2x"]
}]
})
})
}), (0, n.jsx)("div", {
className: "absolute right-1/2 top-[30%] z-10 w-[260px] translate-x-12 md:top-[200px] md:w-[400px] md:translate-x-20",
children: (0, n.jsx)(f.E.div, {
variants: L.qx,
initial: "initial",
animate: i,
custom: 1.5,
children: (0, n.jsx)(b.K, {
image: {
src: "/next/stock_investing/headerphone_left.png",
width: 486,
height: 829,
alt: "Stocks on mobile phone"
},
sources: [{
src: "/next/stock_investing/headerphone_left.webp",
srcSet: ["/next/stock_investing/headerphone_left.webp 1x", "/next/stock_investing/headerphone_left@2x.webp 2x"]
}]
})
})
}), (0, n.jsx)("div", {
className: "absolute bottom-12 left-1/2 z-10 min-w-[300px] -translate-x-1/2 md:bottom-20 md:translate-x-24 2xl:bottom-32",
children: (0, n.jsx)(f.E.div, {
variants: L.qx,
initial: "initial",
animate: l,
custom: 2,
children: (0, n.jsx)(TextBubble, {
header: "See our latest perspectives...",
subHeader: (0, n.jsxs)(n.Fragment, {
children: ["Dive in with our ", (0, n.jsx)("br", {}), " built-in data"]
})
})
})
}), (0, n.jsxs)(n.Fragment, {
children: [(0, n.jsxs)(f.E.svg, {
className: "absolute bottom-44 left-1/2 hidden translate-x-20 md:bottom-56 md:block",
width: "99",
height: "46",
viewBox: "0 0 99 46",
fill: "currentColor",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, n.jsx)(f.E.path, {
variants: L.Vx,
initial: "initial",
animate: l,
custom: 1,
stroke: "url(#paint0_linear_657_38903)",
strokeWidth: "0.6",
d: "M1.20998 11.237C0.938966 11.1841 0.762187 10.9214 0.815138 10.6504L1.67801 6.23393C1.73096 5.96291 1.99359 5.78614 2.26461 5.83908C2.53563 5.89203 2.7124 6.15466 2.65945 6.42568L1.89246 10.3515L5.81823 11.1185C6.08925 11.1714 6.26603 11.434 6.21308 11.7051C6.16013 11.9761 5.8975 12.1528 5.62648 12.0999L1.20998 11.237ZM95.857 48.7481C89.9546 25.9055 73.8707 11.481 55.5117 5.2781C37.1379 -0.929821 16.5194 1.10855 1.58506 11.1611L1.02666 10.3315C16.2524 0.0828119 37.2026 -1.9635 55.8318 4.33071C74.4759 10.6299 90.8296 25.2944 96.8252 48.4979L95.857 48.7481Z"
}), (0, n.jsx)("defs", {
children: (0, n.jsxs)("linearGradient", {
id: "paint0_linear_657_38903",
x1: "49.1513",
y1: "49.4072",
x2: "48.347",
y2: "1.01502",
gradientUnits: "userSpaceOnUse",
children: [(0, n.jsx)("stop", {
stopColor: "#BDC6F5"
}), (0, n.jsx)("stop", {
offset: "1",
stopColor: "#F4B896"
})]
})
})]
}), (0, n.jsxs)(f.E.svg, {
className: "absolute bottom-32 left-1/2 block translate-x-12 md:hidden",
width: "57",
height: "103",
viewBox: "0 0 57 103",
fill: "currentColor",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, n.jsx)(f.E.path, {
variants: L.Vx,
initial: "initial",
animate: l,
custom: 1,
strokeWidth: "0.6",
stroke: "url(#paint0_linear_1_12548)",
d: "M0.229455 4.12431C0.0399047 3.9235 0.0490355 3.60705 0.249849 3.4175L3.52228 0.328614C3.72309 0.139066 4.03954 0.148194 4.22909 0.349009C4.41864 0.54982 4.40951 0.866271 4.2087 1.05582L1.29987 3.80149L4.04554 6.71032C4.23509 6.91113 4.22596 7.22758 4.02515 7.41713C3.82434 7.60668 3.50789 7.59755 3.31834 7.39674L0.229455 4.12431ZM39.9933 101.966C58.4506 78.368 58.1512 54.2355 48.4846 35.8646C38.8006 17.4607 19.7166 4.83309 0.578636 4.28089L0.607478 3.28131C20.1451 3.84504 39.5364 16.7116 49.3695 35.3989C59.2201 54.1193 59.48 78.6751 40.781 102.582L39.9933 101.966Z"
}), (0, n.jsx)("defs", {
children: (0, n.jsxs)("linearGradient", {
id: "paint0_linear_1_12548",
x1: "3.95099",
y1: "77.0952",
x2: "41.8404",
y2: "22.265",
gradientUnits: "userSpaceOnUse",
children: [(0, n.jsx)("stop", {
stopColor: "#BDC6F5"
}), (0, n.jsx)("stop", {
offset: "1",
stopColor: "#F4B896"
})]
})
})]
})]
}), (0, n.jsx)("div", {
className: "absolute left-1/2 top-[50%] z-10 w-[600px] -translate-x-[52%] md:w-[933px]",
children: (0, n.jsx)(f.E.div, {
ref: a,
variants: L.Kl,
initial: "initial",
animate: "animate",
custom: {
order: 2,
y: 6,
duration: 2
},
children: (0, n.jsx)(b.K, {
image: {
src: "/next/stock_investing/midground-tokens.png",
width: 1863,
height: 355,
alt: "Floating stock tokens"
},
sources: [{
src: "/next/stock_investing/midground-tokens.webp",
srcSet: ["/next/stock_investing/midground-tokens.webp 1x", "/next/stock_investing/midground-tokens@2x.webp 2x"]
}]
})
})
}), (0, n.jsx)("div", {
className: "absolute left-1/2 top-[59%] z-10 w-[450px] -translate-x-[60%] md:w-[842px]",
children: (0, n.jsx)(f.E.div, {
ref: a,
variants: L.Kl,
initial: "initial",
animate: "animate",
custom: {
order: 4,
y: 8,
duration: 2
},
children: (0, n.jsx)(b.K, {
image: {
src: "/next/stock_investing/foreground-tokens.png",
width: 960,
height: 308,
alt: "Floating stock tokens"
},
sources: [{
src: "/next/stock_investing/foreground-tokens.webp",
srcSet: ["/next/stock_investing/foreground-tokens.webp 1x", "/next/stock_investing/foreground-tokens@2x.webp 2x"]
}]
})
})
})]
}), (0, n.jsx)(S.ZP, {
testId: "accolades-bar",
className: "mx-auto hidden max-w-[1000px] pb-6 pl-14 pt-8 sm:grid md:pl-24",
accolades: ["NUM_TRUSTED_CLIENTS", "AUM", "APPLE_APP_STORE_RATING", "GOOGLE_PLAY_STORE_RATING"],
aumInBillions: e,
numClients: t,
textColor: "text-lavender2",
fillHexValue: "#BDC6F5"
}), (0, n.jsx)(S.ZP, {
className: "l-24 mx-auto grid pb-6 pt-8 sm:hidden",
accolades: ["NUM_TRUSTED_CLIENTS", "AUM"],
aumInBillions: e,
numClients: t,
textColor: "text-lavender2",
fillHexValue: "#BDC6F5",
layout: "stack"
})]
})
},
D = s(12133);
let O = [{
id: 1,
stocks: 19,
title: "Subscription Model",
description: "Companies that sell products or services under a subscription model.",
source: {
src: "/next/stock_investing/collections/subscription_model.png",
srcSet: ["/next/stock_investing/collections/subscription_model.webp 1x", "/next/stock_investing/collections/subscription_model@2x.webp 2x"]
}
}, {
id: 2,
stocks: 14,
title: "Buybacks",
description: "Profitable companies (return on equity of at least 20% in the past two years) that have undertaken significant buybacks (shares outstanding decreased by at least 10%).",
source: {
src: "/next/stock_investing/collections/buybacks.png",
srcSet: ["/next/stock_investing/collections/buybacks.webp 1x", "/next/stock_investing/collections/buybacks@2x.webp 2x"]
}
}, {
id: 3,
stocks: 20,
title: "Transformative Hardware Tech",
description: "Leading innovative hardware/production companies using or developing fast-growing technologies.",
source: {
src: "/next/stock_investing/collections/transformative_hardware_tech.png",
srcSet: ["/next/stock_investing/collections/transformative_hardware_tech.webp 1x", "/next/stock_investing/collections/transformative_hardware_tech@2x.webp 2x"]
}
}, {
id: 4,
stocks: 11,
title: "Wide Moats",
description: "The 11 largest companies by market cap that have strong competitive advantage over competitors and over 20% of industry sales.",
source: {
src: "/next/stock_investing/collections/wide_moats.png",
srcSet: ["/next/stock_investing/collections/wide_moats.webp 1x", "/next/stock_investing/collections/wide_moats@2x.webp 2x"]
}
}, {
id: 5,
stocks: 10,
title: "Semiconductor Leaders",
description: "These are 10 of the largest US companies by market cap in the semiconductor supply chain.",
source: {
src: "/next/stock_investing/collections/semiconductor_leaders.png",
srcSet: ["/next/stock_investing/collections/semiconductor_leaders.webp 1x", "/next/stock_investing/collections/semiconductor_leaders@2x.webp 2x"]
}
}],
P = [{
id: 6,
stocks: 15,
title: "Transformative Software Tech",
description: "Leading innovative software/service companies using or developing fast-growing technologies.",
source: {
src: "/next/stock_investing/collections/transformative_software_tech.png",
srcSet: ["/next/stock_investing/collections/transformative_software_tech.webp 1x", "/next/stock_investing/collections/transformative_software_tech@2x.webp 2x"]
}
}, {
id: 7,
stocks: 9,
title: "Dividend Blue Chip Stocks",
description: "It can pay to buy shares. These Dow 30 companies have a dividend yield of at least 3.00%.",
source: {
src: "/next/stock_investing/collections/dividend_blue_chip_stocks.png",
srcSet: ["/next/stock_investing/collections/dividend_blue_chip_stocks.webp 1x", "/next/stock_investing/collections/dividend_blue_chip_stocks@2x.webp 2x"]
}
}, {
id: 8,
stocks: 8,
title: "Cloud computing",
description: "These companies provide cloud computing infrastructure, the collection of hardware and software elements needed to enable cloud computing.",
source: {
src: "/next/stock_investing/collections/cloud_computing.png",
srcSet: ["/next/stock_investing/collections/cloud_computing.webp 1x", "/next/stock_investing/collections/cloud_computing@2x.webp 2x"]
}
}, {
id: 9,
stocks: 15,
title: "Lower volatility, lower risk",
description: "These stocks have the lowest expected volatility, according to Wealthfront’s risk model.",
source: {
src: "/next/stock_investing/collections/lower_volatility_lower_risk.png",
srcSet: ["/next/stock_investing/collections/lower_volatility_lower_risk.webp 1x", "/next/stock_investing/collections/lower_volatility_lower_risk@2x.webp 2x"]
}
}, {
id: 10,
stocks: 6,
title: "Streaming",
description: "Invest in some of the most popular streaming services and hardware producers in the US.",
source: {
src: "/next/stock_investing/collections/streaming.png",
srcSet: ["/next/stock_investing/collections/streaming.webp 1x", "/next/stock_investing/collections/streaming@2x.webp 2x"]
}
}, {
id: 11,
stocks: 15,
title: "Rising interest rates",
description: "Earn on other’s interest. These are some of the largest banks, brokerages, and insurers listed in the U.S.",
source: {
src: "/next/stock_investing/collections/rising_interest_rates.png",
srcSet: ["/next/stock_investing/collections/rising_interest_rates.webp 1x", "/next/stock_investing/collections/rising_interest_rates@2x.webp 2x"]
}
}],
F = [...O, ...P];
function DesktopCollections() {
return (0, n.jsx)(D.Z, {
offset: 200,
testId: "desktop-stock-collections",
className: "mx-auto hidden justify-center space-x-4 sm:flex",
children: F.map(e => (0, n.jsx)(Card, {
...e
}, e.id))
})
}
function MobileCollections() {
return (0, n.jsxs)("div", {
"data-testid": "mobile-stock-collections",
className: "flex flex-col space-y-4 sm:hidden",
children: [(0, n.jsx)(D.Z, {
offset: -100,
className: "flex justify-center space-x-4",
children: O.map(e => (0, n.jsx)(Card, {
...e
}, e.id))
}), (0, n.jsx)(D.Z, {
offset: 100,
className: "flex justify-center space-x-4",
children: P.map(e => (0, n.jsx)(Card, {
...e
}, e.id))
})]
})
}
function Card(e) {
let {
stocks: t,
source: s,
title: i,
description: a
} = e;
return (0, n.jsxs)("div", {
className: "flex w-[300px] shrink-0 flex-col justify-center space-y-4 rounded-2xl border border-[#E7E7EA] bg-white px-2 py-4 text-center tracking-tight",
children: [(0, n.jsxs)("div", {
children: [(0, n.jsxs)("p", {
className: "text-base font-semibold",
children: [t, " stocks"]
}), (0, n.jsx)("p", {
className: "text-2xl font-semibold leading-5",
children: i
})]
}), (0, n.jsx)("p", {
className: "h-14 text-base font-normal leading-4 text-[#3A394D]",
children: a
}), (0, n.jsx)(b.K, {
image: {
src: s.src,
alt: "",
loading: "lazy",
className: "w-full object-contain",
width: 594,
height: 110
},
sources: [{
src: s.src,
srcSet: s.srcSet
}]
})]
})
}
var collections = function() {
return (0, n.jsxs)("div", {
className: "mx-auto w-full overflow-hidden",
"data-testid": "collections-module",
children: [(0, n.jsx)(DesktopCollections, {}), (0, n.jsx)(MobileCollections, {})]
})
},
playlists_module = function() {
return (0, n.jsxs)("div", {
className: "relative z-20 w-full bg-light-slate py-16 text-center lg:py-20",
"data-testid": "playlists-module",
children: [(0, n.jsxs)("h2", {
className: "copy-h1-alt",
children: ["Like playlists, but for ", (0, n.jsx)("br", {}), (0, n.jsx)("span", {
className: "copy-h1",
children: "finding great stocks."
})]
}), (0, n.jsx)("p", {
className: "copy-body mx-auto max-w-[523px] px-4 pt-6 pb-10 md:px-0",
children: "Our stock collections are designed around investing themes and opportunities to help you make smarter investing decisions, faster. Choose one or multiple stocks from dozens of pre-built collections. Or get started by picking the stocks you already know and love."
}), (0, n.jsx)(collections, {})]
})
},
z = s(47563),
Z = !0;
function stock_investing_StockInvesting(e) {
return (0, i.useEffect)(() => {
z.Z.trackPage("site-lp", "stock-investing")
}, []), (0, n.jsxs)(d.Z, {
...e,
children: [(0, n.jsxs)("div", {
className: "min-h-screen bg-[#161338] bg-fixed",
children: [(0, n.jsx)(c.Z, {
surface: "dark"
}), (0, n.jsxs)("main", {
className: "isolate text-eggplant",
children: [(0, n.jsx)(hero_module, {}), (0, n.jsx)(playlists_module, {}), (0, n.jsx)(features_module, {}), (0, n.jsx)(cross_sell_module, {}), (0, n.jsx)(faq_module_faq_module, {})]
})]
}), (0, n.jsx)(r.ZP, {
disclosures: (0, n.jsx)(stock_investing, {})
})]
})
}
},
50425: function(e) {
e.exports = {
layout: "faq_module_layout__B2p__"
}
},
86891: function(e) {
e.exports = {
background: "hero_module_background__zo8aW"
}
},
37980: function(e) {
e.exports = {
star: "star_background_star__G6zQz",
"blink-1": "star_background_blink-1__SMjfU",
blink10: "star_background_blink10__Wip6o",
"blink-2": "star_background_blink-2__0eIqA",
blink20: "star_background_blink20__8ebD6",
"blink-3": "star_background_blink-3__unHVe",
blink30: "star_background_blink30__fHvcK",
"blink-4": "star_background_blink-4__Ghvh_",
blink40: "star_background_blink40__cpgzO",
"blink-5": "star_background_blink-5__l_CQb",
blink50: "star_background_blink50__QTq3g"
}
}
},
function(e) {
e.O(0, [7255, 8355, 3349, 6186, 3582, 3746, 2378, 3684, 9774, 2888, 179], function() {
return e(e.s = 53717)
}), _N_E = e.O()
}
]);