"use strict";
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[3746], {
70662: function(e, t, a) {
var i = a(97458);
let getFillColor = (e, t) => {
switch (e) {
case "light":
return "#230B59";
case "dark":
return "#F0F0F2";
case "homepage":
return "#4840bb";
default:
return t ? "#F0F0F2" : "#230B59"
}
};
t.Z = e => {
let {
surface: t,
isMobile: a = !1
} = e;
return (0, i.jsx)("div", {
className: "w-[30px] h-[23px]",
children: (0, i.jsx)("svg", {
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 30 23",
"aria-label": "Open navigation menu",
children: (0, i.jsx)("path", {
d: "M0 1.5A1.5 1.5 0 0 1 1.5 0h27a1.5 1.5 0 0 1 0 3h-27A1.5 1.5 0 0 1 0 1.5zm0 10A1.5 1.5 0 0 1 1.5 10h27a1.5 1.5 0 0 1 0 3h-27A1.5 1.5 0 0 1 0 11.5zM1.5 20a1.5 1.5 0 0 0 0 3h27a1.5 1.5 0 0 0 0-3h-27z",
fill: getFillColor(t, a)
})
})
})
}
},
33746: function(e, t, a) {
a.d(t, {
Z: function() {
return header
}
});
var i = a(97458),
n = a(52983),
r = a(51838),
l = a.n(r),
s = a(39978),
o = a(74738),
c = a(42389),
d = a(72558),
m = a(44155),
chevron = function(e) {
let {
direction: t,
...a
} = e;
switch (t) {
case "down":
return (0, i.jsx)("svg", {
fill: "none",
viewBox: "0 0 9 6",
xmlns: "http://www.w3.org/2000/svg",
"data-testid": "chevron-down",
...a,
children: (0, i.jsx)("path", {
d: "M.47 1.624A.754.754 0 111.58.602l2.552 2.772a.5.5 0 00.736 0L7.42.602a.754.754 0 111.11 1.022L5.236 5.201a1 1 0 01-1.472 0L.47 1.624z",
fill: "currentColor",
fillRule: "evenodd"
})
});
case "up":
return (0, i.jsx)("svg", {
fill: "none",
viewBox: "0 0 13 9",
xmlns: "http://www.w3.org/2000/svg",
"data-testid": "chevron-up",
...a,
children: (0, i.jsx)("path", {
d: "M12.085 6.23a1.09 1.09 0 01-.004 1.477 1.093 1.093 0 01-1.605.005l-3.84-4.17a.544.544 0 00-.8 0l-3.84 4.17a1.093 1.093 0 01-1.604-.005A1.093 1.093 0 01.388 6.23L5.436.747a1.088 1.088 0 011.6 0l5.05 5.482z",
fill: "currentColor",
fillRule: "evenodd"
})
})
}
return (0, m.UT)(t)
},
g = a(47563),
u = a(99227),
h = a(74431);
let p = (0, n.forwardRef)((e, t) => {
let {
name: a,
surface: n,
onClick: r,
amplitudeTrackingName: s,
trackingName: o,
active: c
} = e, {
pathname: m
} = (0, d.l)();
return (0, i.jsxs)("a", {
ref: t,
role: "button",
href: "#",
onClick: function(e) {
e.preventDefault(), null == r || r(), g.Z.trackClick({
target_element: s,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: void 0,
clickText: a,
name: o,
feature: m
}, {
shouldHandleNavigation: !1
})
},
className: l()("group relative font-medium", {
"text-eggplant": "dark" !== n && "homepage" !== n,
"text-white": "dark" === n,
"text-blurple": "homepage" === n
}),
children: [a, " ", (0, i.jsx)(chevron, {
direction: c ? "up" : "down",
className: "inline h-1.5"
}), (0, i.jsx)("div", {
className: l()("absolute left-0 right-0 -bottom-0.5 h-0.5 w-0 transition-all group-hover:w-full", {
"bg-eggplant": "dark" !== n && "homepage" !== n,
"bg-white": "dark" === n,
"bg-blurple": "homepage" === n
})
})]
})
});
p.displayName = "HeaderTabPopout";
var k = {
Link: function(e) {
let {
name: t,
href: a,
surface: n,
amplitudeTrackingName: r,
trackingName: s
} = e, {
pathname: o
} = (0, d.l)();
return (0, i.jsxs)("a", {
href: a,
onClick: function() {
g.Z.trackClick({
target_element: r,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: a,
clickText: t,
name: s,
feature: o
}, {
shouldHandleNavigation: !0
})
},
className: l()("group relative font-medium", {
"text-eggplant": "dark" !== n && "homepage" !== n,
"text-white": "dark" === n,
"text-blurple": "homepage" === n
}),
"data-testid": a,
children: [t, (0, i.jsx)("div", {
className: l()("absolute left-0 right-0 -bottom-0.5 h-0.5 w-0 transition-all group-hover:w-full", {
"bg-eggplant": "dark" !== n && "homepage" !== n,
"bg-white": "dark" === n,
"bg-blurple": "homepage" === n
})
})]
})
},
Popout: p
},
x = a(52116),
f = a(2002);
let v = (0, n.forwardRef)((e, t) => {
let {
name: a,
onClick: n,
amplitudeTrackingName: r,
trackingName: s,
active: o
} = e, {
pathname: c
} = (0, d.l)();
return (0, i.jsxs)("a", {
ref: t,
role: "button",
href: "#",
onClick: function(e) {
e.preventDefault(), null == n || n(), g.Z.trackClick({
target_element: r,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: void 0,
clickText: a,
name: s,
feature: c
}, {
shouldHandleNavigation: !1
})
},
className: l()("group relative py-4 text-2xl font-normal text-white"),
children: [a, " ", (0, i.jsx)(chevron, {
direction: o ? "up" : "down",
className: "inline h-1.5"
})]
})
});
v.displayName = "HeaderMobileTabPopout";
var b = {
Link: function(e) {
let {
name: t,
href: a,
amplitudeTrackingName: n,
trackingName: r
} = e, {
pathname: s
} = (0, d.l)();
return (0, i.jsx)("a", {
href: a,
className: l()("group relative py-4 text-2xl font-normal text-white"),
onClick: function() {
g.Z.trackClick({
target_element: n,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: a,
clickText: t,
name: r,
feature: s
}, {
shouldHandleNavigation: !0
})
},
"data-testid": a,
children: t
})
},
Popout: v
},
header_link = function(e) {
let {
name: t,
href: a,
onClick: n,
surface: r,
variant: s = "simple",
hoverState: o = !1,
amplitudeTrackingName: c,
trackingName: m
} = e, {
pathname: p
} = (0, d.l)(), k = (0, i.jsxs)(i.Fragment, {
children: [t, (0, i.jsx)("div", {
className: l()("absolute left-0 right-0 h-0.5 transition-all", {
"bg-eggplant": "dark" !== r,
"bg-white": "dark" === r,
"w-0": !o,
"w-full": o,
"group-hover:w-full": !0,
"bottom-0": "heading" === s,
"bottom-0.5": "simple" === s
})
}), "heading" === s && (0, i.jsx)("div", {
className: "pointer-events-none absolute -bottom-0.5 -right-4 font-serif",
children: "↗"
})]
});
return a ? (0, i.jsx)("a", {
href: a,
onClick: function() {
null == n || n(), g.Z.trackClick({
target_element: c,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: a,
clickText: t,
name: m,
feature: p
}, {
shouldHandleNavigation: !0
})
},
className: l()("group relative whitespace-nowrap", {
"text-eggplant": "dark" !== r,
"text-white": "dark" === r,
"text-xl font-bold": "heading" === s,
"font-medium": "simple" === s
}),
children: k
}) : (0, i.jsx)("a", {
className: l()("group relative whitespace-nowrap", {
"text-eggplant": "dark" !== r,
"text-white": "dark" === r,
"text-xl font-bold": "heading" === s,
"font-medium": "simple" === s
}),
role: "button",
href: "#",
onClick: function(e) {
e.preventDefault(), null == n || n(), g.Z.trackClick({
target_element: c,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: void 0,
clickText: t,
name: m,
feature: p
}, {
shouldHandleNavigation: !1
})
},
children: k
})
},
j = a(95435),
N = {
Menu: function(e) {
let {
main: t,
sidebar: a,
show: n
} = e;
return (0, i.jsxs)(x.E.div, {
initial: {
height: 0
},
animate: n ? {
height: "auto"
} : {
height: 0
},
transition: {
duration: .5
},
className: "overflow-hidden rounded text-center font-medium text-eggplant",
children: [(0, i.jsx)("div", {
className: "bg-white py-large px-8",
children: t
}), (0, i.jsx)("div", {
className: "flex flex-col items-center gap-6 bg-gray-100 py-large px-8",
children: a
})]
})
},
MainLink: function(e) {
let {
image: t,
title: a,
subtitle: n,
href: r,
trackingName: l,
amplitudeTrackingName: s,
icon: o
} = e;
return (0, i.jsxs)("div", {
className: "flex flex-col items-center justify-center",
children: [t && (0, i.jsx)(j.M, {
width: 120,
height: 120,
alt: "hourglass",
src: t
}), o && (0, i.jsx)(j.M, {
width: 48,
height: 48,
alt: "",
src: o
}), (0, i.jsx)(header_link, {
name: a,
surface: "light",
href: r,
variant: "heading",
hoverState: !0,
amplitudeTrackingName: s,
trackingName: l
}), (0, i.jsx)("div", {
className: "copy-body max-w-[250px] font-normal",
children: n
})]
})
},
SidebarLink: function(e) {
let {
href: t,
name: a,
amplitudeTrackingName: n,
trackingName: r
} = e;
return (0, i.jsx)(header_link, {
name: a,
href: t,
surface: "light",
hoverState: !0,
amplitudeTrackingName: n,
trackingName: r
})
},
SidebarLinkDivider: function() {
return (0, i.jsx)("hr", {
className: "w-full border-gray-300"
})
}
},
w = a(74057),
C = a(33805),
L = a(88132);
let y = {
initial: {
height: 0
},
animate: {
height: "auto"
}
};
var mobile_menu = function(e) {
let [t, a] = (0, n.useState)(!1), [r, l] = (0, n.useState)(!1), [s, c] = (0, n.useState)(!1), {
initialPortfolioFlavor: d,
onCloseClick: m,
primaryCtaClassName: g,
primaryCtaText: u
} = e;
return (0, i.jsx)(x.E.div, {
className: "fixed inset-0 z-50 overflow-auto bg-eggplant p-6 text-white",
initial: "initial",
animate: "animate",
exit: "initial",
variants: y,
transition: {
duration: .5
},
children: (0, i.jsxs)("div", {
className: "mx-auto max-w-screen-xs",
children: [(0, i.jsxs)("div", {
className: "flex w-full py-2",
children: [(0, i.jsx)(w.Z, {
surface: "dark",
iconOnly: !0
}), (0, i.jsx)("div", {
className: "flex-shrink flex-grow"
}), (0, i.jsx)("button", {
onClick: m,
type: "button",
children: (0, i.jsx)(j.M, {
src: "/next/svg/optimized/x-default.svg",
width: 22,
height: 22,
alt: "Close menu"
})
})]
}), (0, i.jsxs)("div", {
className: "flex flex-col py-4 text-center",
children: [(0, i.jsx)(b.Link, {
name: "Cash",
href: "/cash",
amplitudeTrackingName: "cash",
trackingName: "mobile-cash-tab"
}), (0, i.jsx)(b.Popout, {
name: "Bonds",
active: s,
onClick: () => c(e => !e),
amplitudeTrackingName: "bond",
trackingName: "mobile-bond-tab"
}), (0, i.jsx)(N.Menu, {
show: s,
main: (0, i.jsx)(i.Fragment, {
children: (0, i.jsx)(N.MainLink, {
icon: "/next/svg/optimized/account_type_avatars/abl.svg",
title: "Automated Bond Ladder",
subtitle: "Take advantage of current rates with Treasuries, and skip the state income taxes.",
href: "/automated-bond-ladder",
amplitudeTrackingName: "mobile-automated-bond-ladder",
trackingName: "mobile-automated-bond-ladder"
})
}),
sidebar: (0, i.jsx)(i.Fragment, {
children: (0, i.jsx)(N.SidebarLink, {
name: "Automated Bond Portfolio",
href: "/automated-bond-portfolio",
amplitudeTrackingName: "mobile-automated-bond-portfolio",
trackingName: "mobile-automated-bond-portfolio"
})
})
}), (0, i.jsx)(b.Popout, {
name: "Automated Investing",
active: t,
onClick: function() {
a(e => !e)
},
amplitudeTrackingName: "invest",
trackingName: "mobile-invest-tab"
}), (0, i.jsx)(N.Menu, {
show: t,
main: (0, i.jsxs)(L.Kq, {
spacing: "xlarge",
children: [(0, i.jsx)(N.MainLink, {
icon: "/next/svg/optimized/account_type_avatars/aia.svg",
title: "Automated Index Investing",
subtitle: "We’ll build and manage a diversified portfolio of low-cost index funds personalized for you.",
href: "/investing",
amplitudeTrackingName: "invest-automated-investing",
trackingName: "mobile-investing-link"
}), (0, i.jsx)(N.MainLink, {
href: "/sp500-direct",
title: "S&P 500 Direct",
subtitle: "Invest in the S&P 500\xae. We’ll take advantage of dips in the market and look for opportunities to lower your tax bill.",
icon: "/next/svg/optimized/account_type_avatars/sp500-direct.svg",
amplitudeTrackingName: "sp500-direct",
trackingName: "mobile-sp500-direct-link"
})]
}),
sidebar: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(N.SidebarLink, {
name: "Socially Responsible (SRI)",
href: "/socially-responsible-investing",
amplitudeTrackingName: "sri-link",
trackingName: "mobile-sri-link"
}), (0, i.jsx)(N.SidebarLink, {
name: "Retirement (IRAs)",
href: "/retirement",
amplitudeTrackingName: "invest-retirement",
trackingName: "mobile-retirement-link"
}), (0, i.jsx)(N.SidebarLink, {
name: "College (529s)",
href: "/college",
amplitudeTrackingName: "invest-college",
trackingName: "mobile-college-link"
}), (0, i.jsx)(N.SidebarLinkDivider, {}), (0, i.jsx)(N.SidebarLink, {
name: "Explore all investments",
href: "/explore",
amplitudeTrackingName: "invest-explore-all-investments",
trackingName: "mobile-explore-link"
})]
})
}), (0, i.jsx)(b.Link, {
name: "Stocks",
href: "/stock-investing",
amplitudeTrackingName: "stock-investing",
trackingName: "mobile-stock-investing"
}), (0, i.jsx)(b.Popout, {
name: "Learn",
active: r,
onClick: function() {
l(e => !e)
},
amplitudeTrackingName: "learn",
trackingName: "mobile-learn-tab"
}), (0, i.jsx)(N.Menu, {
show: r,
main: (0, i.jsx)(i.Fragment, {
children: (0, i.jsx)(N.MainLink, {
image: "/next/alchemist/construction_graph.png",
title: "Blog",
subtitle: "Nerd out with us and learn more about investing",
href: "https://blog.wealthfront.com/",
amplitudeTrackingName: "learn-blog",
trackingName: "mobile-blog-link"
})
}),
sidebar: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(N.SidebarLink, {
name: "Help Center",
href: "https://support.wealthfront.com/hc/en-us",
amplitudeTrackingName: "learn-help-center",
trackingName: "mobile-help-center-link"
}), (0, i.jsx)(N.SidebarLink, {
name: "Pricing",
href: "/pricing",
amplitudeTrackingName: "invest-pricing",
trackingName: "mobile-pricing-link"
}), (0, i.jsx)(N.SidebarLink, {
name: "Tax-Loss Harvesting",
href: "/tax-loss-harvesting",
amplitudeTrackingName: "invest-tlh",
trackingName: "mobile-tlh-link"
}), (0, i.jsx)(N.SidebarLink, {
name: "Historical Performance",
href: "/historical-performance",
amplitudeTrackingName: "invest-historical-performance",
trackingName: "mobile-historical-performance-link"
}), (0, i.jsx)(N.SidebarLink, {
name: "Reviews",
href: "/reviews",
amplitudeTrackingName: "header-nav-reviews",
trackingName: "header-nav-reviews"
})]
})
}), (0, i.jsxs)("div", {
className: "my-4 flex flex-col space-y-4",
children: [(0, i.jsx)(o.ZP, {
variant: "secondary",
surface: "dark",
href: "/login",
trackingDetails: {
category: h.WD.OtherCta,
name: "header-login"
},
testId: "mobile-logged-out-header-login",
amplitudeClickProperties: {
target_element: "login",
click_type: "header-click"
},
children: "Log in"
}), (0, i.jsx)(C.x, {
className: g,
variant: "primary",
surface: "dark",
initialPortfolioFlavor: d,
trackingName: "header-get-started",
amplitudeClickProperties: {
target_element: "header-nav-get-started",
click_type: "main-cta"
},
trackAnalytics: !0,
children: u
}), (0, i.jsxs)("div", {
className: "flex items-center justify-between gap-2",
children: [(0, i.jsx)(f.Z, {
href: "https://apps.apple.com/us/app/wealthfront-save-and-invest/id816020992",
trackingDetails: {
category: h.WD.HeaderNav,
name: "mobile-apple-app-store-badge"
},
amplitudeClickProperties: null,
children: (0, i.jsx)(j.M, {
width: 150,
height: 50,
className: "h-[50px] w-[150px] object-contain object-center",
alt: "Download Wealthfront on the App Store",
src: "/next/svg/optimized/app-store-badge.svg"
})
}), (0, i.jsx)(f.Z, {
href: "https://play.google.com/store/apps/details?id=com.wealthfront",
trackingDetails: {
category: h.WD.HeaderNav,
name: "mobile-google-play-store-badge"
},
amplitudeClickProperties: null,
children: (0, i.jsx)(j.M, {
width: 150,
height: 50,
className: "h-[50px] w-[150px] object-contain object-center",
alt: "Get Wealthfront on Google Play",
src: "/next/svg/optimized/google-play-badge.svg"
})
})]
})]
})]
})]
})
})
},
T = a(76897);
function NewBadge(e) {
let {
className: t
} = e;
return (0, i.jsxs)("svg", {
className: t,
width: "76",
height: "29",
viewBox: "0 0 76 29",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, i.jsx)("rect", {
x: "0.75",
y: "1.27051",
width: "74.5",
height: "26.5",
rx: "13.25",
stroke: "#230B59",
strokeWidth: "1.5"
}), (0, i.jsx)("path", {
d: "M17.1256 16.3894C17.1595 16.4753 17.2275 16.5433 17.3134 16.5772L18.3049 16.9682C18.5863 17.0792 18.5863 17.4774 18.3049 17.5884L17.3134 17.9794C17.2275 18.0133 17.1595 18.0813 17.1256 18.1672L16.7346 19.1587C16.6236 19.4401 16.2254 19.4401 16.1144 19.1587L15.7233 18.1672C15.6895 18.0813 15.6215 18.0133 15.5355 17.9794L14.544 17.5884C14.2627 17.4774 14.2627 17.0792 14.544 16.9682L15.5355 16.5772C15.6215 16.5433 15.6895 16.4753 15.7233 16.3894L16.1144 15.3979C16.2254 15.1165 16.6236 15.1165 16.7346 15.3979L17.1256 16.3894Z",
fill: "#230B59"
}), (0, i.jsx)("path", {
d: "M17.5574 10.5243C17.5763 10.5722 17.6143 10.6102 17.6622 10.6291L18.2153 10.8472C18.3722 10.9091 18.3722 11.1313 18.2153 11.1932L17.6622 11.4113C17.6143 11.4302 17.5763 11.4681 17.5574 11.516L17.3393 12.0691C17.2774 12.2261 17.0553 12.2261 16.9934 12.0691L16.7752 11.516C16.7563 11.4681 16.7184 11.4302 16.6705 11.4113L16.1174 11.1932C15.9604 11.1313 15.9604 10.9091 16.1174 10.8472L16.6705 10.6291C16.7184 10.6102 16.7563 10.5722 16.7752 10.5243L16.9934 9.97124C17.0553 9.81428 17.2774 9.81428 17.3393 9.97124L17.5574 10.5243Z",
fill: "#230B59"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M21.2611 10.1219C21.3974 9.76407 21.9035 9.76407 22.0398 10.1219L22.484 11.2879L22.4841 11.2883C22.8459 12.2325 23.5888 12.9755 24.5331 13.3372L24.5334 13.3373L25.6995 13.7816C26.0573 13.9179 26.0573 14.424 25.6995 14.5603L24.5334 15.0045L24.5331 15.0047C23.5889 15.3664 22.8459 16.1094 22.4842 17.0536L22.484 17.0539L22.0398 18.22C21.9035 18.5778 21.3974 18.5778 21.2611 18.22L20.8168 17.0539L20.8167 17.0536C20.455 16.1094 19.712 15.3664 18.7678 15.0047L18.7674 15.0045L17.6013 14.5603C17.2436 14.424 17.2436 13.9179 17.6013 13.7816L18.7674 13.3373L18.7678 13.3372C19.712 12.9755 20.455 12.2325 20.8167 11.2883L20.8168 11.2879L21.2611 10.1219ZM21.9087 12.3782C21.797 12.1939 21.5038 12.1939 21.3922 12.3782C21.0119 13.0061 20.4856 13.5324 19.8577 13.9127C19.6734 14.0244 19.6734 14.3175 19.8577 14.4292C20.4856 14.8095 21.0119 15.3358 21.3922 15.9636C21.5038 16.148 21.797 16.148 21.9087 15.9636C22.289 15.3358 22.8153 14.8095 23.4431 14.4292C23.6275 14.3175 23.6275 14.0244 23.4431 13.9127C22.8153 13.5324 22.289 13.0061 21.9087 12.3782Z",
fill: "#230B59"
}), (0, i.jsx)("path", {
d: "M40.232 9.92451V18.5205H38.412L34.814 13.4945V18.5205H32.644V9.92451H34.744L38.062 14.6565V9.92451H40.232ZM42.217 9.92451H48.363V11.8565H44.429V13.2005H48.027V15.0905H44.429V16.5745H48.363V18.5205H42.217V9.92451ZM54.4468 9.92451H56.1548L57.4708 14.9785L58.6608 9.92451H60.9288L58.6608 18.5205H56.6028L55.2728 13.4805L53.9288 18.5205H51.8708L49.6168 9.92451H51.9128L53.1168 14.9785L54.4468 9.92451Z",
fill: "#230B59"
})]
})
}
var S = {
Menu: function(e) {
let {
visible: t,
main: a,
sidebar: r,
triggerElement: l,
onClickOutside: o
} = e, [c, d] = (0, n.useState)(null), [m, g] = (0, n.useState)(null), u = (0, n.useMemo)(() => [{
name: "arrow",
options: {
element: m
}
}, {
name: "offset",
options: {
offset: [0, 12]
}
}], [m]), {
styles: h,
attributes: p
} = (0, T.D)(l, c, {
placement: "bottom",
modifiers: u
});
return (0, n.useEffect)(() => {
let handleClickOutside = e => {
var t, a;
let i = (null === (a = e.composedPath) || void 0 === a ? void 0 : null === (t = a.call(e)) || void 0 === t ? void 0 : t[0]) || e.target;
i instanceof Node && null != l && null != c && !l.contains(i) && !c.contains(i) && o()
};
return document.addEventListener("mousedown", handleClickOutside), () => document.removeEventListener("mousedown", handleClickOutside)
}, [c, l, o]), (0, i.jsx)(s.M, {
children: t && (0, i.jsxs)(x.E.div, {
initial: {
opacity: 0
},
animate: {
opacity: 1
},
exit: {
opacity: 0
},
transition: {
type: "spring",
duration: .3
},
ref: d,
style: h.popper,
...p.popper,
className: "z-40 !m-0",
children: [(0, i.jsx)("div", {
ref: g,
style: h.arrow,
"data-popper-arrow": !0
}), (0, i.jsxs)("div", {
className: "filter-shadow flex items-stretch justify-center overflow-hidden rounded-xl bg-white font-medium text-eggplant",
children: [(0, i.jsx)("div", {
className: "flex-shrink-0 flex-grow py-9 pl-xlarge pr-4",
children: a
}), (0, i.jsx)("div", {
className: "flex flex-shrink-0 flex-grow-0 flex-col items-start justify-start gap-4 bg-gray-100 p-8 pr-xlarge py-10",
children: r
})]
})]
})
})
},
MainLink: function(e) {
let {
href: t,
title: a,
subtitle: n,
image: r,
icon: s,
amplitudeTrackingName: o,
trackingName: c,
showNewBadge: m
} = e, {
pathname: p
} = (0, d.l)();
return (0, i.jsx)("a", {
href: t,
onClick: function() {
g.Z.trackClick({
target_element: o,
click_type: "header-click"
}), u.K.trackClickEvent({
category: h.WD.HeaderNav,
clickUrl: t,
clickText: a,
name: c,
feature: p
}, {
shouldHandleNavigation: !0
})
},
children: (0, i.jsxs)("div", {
className: l()("group flex gap-small justify-start rounded p-1 pr-6 text-left", {
"items-center": r
}),
children: [r ? (0, i.jsx)("div", {
className: "mr-4 h-[128px] w-[128px] flex-shrink-0 flex-grow-0 transition-transform group-hover:scale-110",
children: (0, i.jsx)(j.M, {
alt: "hourglass",
src: r,
className: "h-full w-full object-contain object-center",
width: 36,
height: 36
})
}) : null, s ? (0, i.jsx)("div", {
className: "mr-4 mt-2 h-[48px] w-[48px] flex-shrink-0 flex-grow-0 transition-transform group-hover:scale-110",
children: (0, i.jsx)(j.M, {
alt: "",
src: s,
className: "h-full w-full object-contain",
width: 48,
height: 48
})
}) : null, (0, i.jsxs)("div", {
className: "max-w-[300px] flex-grow",
children: [(0, i.jsxs)("div", {
className: "group relative inline-block text-xl font-bold text-eggplant",
children: [a, m && (0, i.jsx)(NewBadge, {
className: "absolute top-0 right-[-100px]"
}), (0, i.jsx)("div", {
className: "absolute bottom-0 left-0 right-0 h-0.5 w-0 bg-eggplant transition-all group-hover:w-full"
}), (0, i.jsx)("div", {
className: "pointer-events-none absolute -bottom-0.5 -right-4 font-serif",
children: "↗"
})]
}), (0, i.jsx)("div", {
className: "copy-body font-normal",
children: n
})]
})]
})
})
},
SidebarLink: function(e) {
let {
href: t,
name: a,
amplitudeTrackingName: n,
trackingName: r
} = e;
return (0, i.jsx)(header_link, {
name: a,
variant: "simple",
href: t,
surface: "light",
amplitudeTrackingName: n,
trackingName: r
})
},
SidebarLinkDivider: function() {
return (0, i.jsx)("hr", {
className: "my-1 w-full border-gray-300"
})
}
};
function HeaderMenuInvest(e) {
let {
surface: t
} = e, [a, r] = (0, n.useState)(null), [l, s] = (0, n.useState)(!1);
return (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(k.Popout, {
name: "Automated Investing",
surface: t,
amplitudeTrackingName: "invest",
trackingName: "desktop-invest-tab",
ref: r,
onClick: function() {
s(e => !e)
},
active: l
}), (0, i.jsx)(S.Menu, {
visible: l,
triggerElement: a,
onClickOutside: () => s(!1),
main: (0, i.jsxs)(L.Kq, {
children: [(0, i.jsx)(S.MainLink, {
href: "/investing",
title: "Automated Index Investing",
subtitle: "We’ll build and manage a diversified portfolio of low-cost index funds personalized for you.",
icon: "/next/svg/optimized/account_type_avatars/aia.svg",
amplitudeTrackingName: "invest-automated-investing",
trackingName: "desktop-investing-link"
}), (0, i.jsx)(S.MainLink, {
href: "/sp500-direct",
title: "S&P 500 Direct",
showNewBadge: !0,
subtitle: "Invest in the S&P 500\xae. We’ll take advantage of dips in the market and look for opportunities to lower your tax bill.",
icon: "/next/svg/optimized/account_type_avatars/sp500-direct.svg",
amplitudeTrackingName: "sp500-direct",
trackingName: "desktop-sp500-direct-link"
})]
}),
sidebar: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(S.SidebarLink, {
name: "Socially Responsible (SRI)",
href: "/socially-responsible-investing",
amplitudeTrackingName: "sri-link",
trackingName: "desktop-sri-link"
}), (0, i.jsx)(S.SidebarLink, {
name: "Retirement (IRAs)",
href: "/retirement",
amplitudeTrackingName: "invest-retirement",
trackingName: "desktop-retirement-link"
}), (0, i.jsx)(S.SidebarLink, {
name: "College (529s)",
href: "/college",
amplitudeTrackingName: "invest-college",
trackingName: "desktop-college-link"
}), (0, i.jsx)(S.SidebarLinkDivider, {}), (0, i.jsx)(S.SidebarLink, {
name: "Explore all investments",
href: "/explore",
amplitudeTrackingName: "invest-explore-all-investments",
trackingName: "desktop-explore-link"
})]
})
})]
})
}
function HeaderMenuLearn(e) {
let {
surface: t
} = e, [a, r] = (0, n.useState)(null), [l, s] = (0, n.useState)(!1);
return (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(k.Popout, {
name: "Learn",
surface: t,
amplitudeTrackingName: "learn",
trackingName: "desktop-learn-tab",
ref: r,
onClick: function() {
s(e => !e)
},
active: l
}), (0, i.jsx)(S.Menu, {
visible: l,
triggerElement: a,
onClickOutside: () => s(!1),
main: (0, i.jsx)(i.Fragment, {
children: (0, i.jsx)(S.MainLink, {
href: "https://blog.wealthfront.com/",
title: "Blog",
subtitle: "Nerd out with us and learn more about investing",
image: "/next/alchemist/construction_graph.png",
amplitudeTrackingName: "learn-blog",
trackingName: "desktop-blog-link"
})
}),
sidebar: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(S.SidebarLink, {
name: "Help Center",
href: "https://support.wealthfront.com/hc/en-us",
amplitudeTrackingName: "header-nav-help-center",
trackingName: "learn-center-link"
}), (0, i.jsx)(S.SidebarLink, {
name: "Pricing",
href: "/pricing",
amplitudeTrackingName: "invest-pricing",
trackingName: "desktop-pricing-link"
}), (0, i.jsx)(S.SidebarLink, {
name: "Tax-Loss Harvesting",
href: "/tax-loss-harvesting",
amplitudeTrackingName: "invest-tlh",
trackingName: "desktop-tlh-link"
}), (0, i.jsx)(S.SidebarLink, {
name: "Historical Performance",
href: "/historical-performance",
amplitudeTrackingName: "invest-historical-performance",
trackingName: "desktop-historical-performance-link"
}), (0, i.jsx)(S.SidebarLink, {
name: "Reviews",
href: "/reviews",
amplitudeTrackingName: "header-nav-reviews",
trackingName: "header-nav-reviews"
})]
})
})]
})
}
function HeaderMenuBonds(e) {
let {
surface: t
} = e, [a, r] = (0, n.useState)(null), [l, s] = (0, n.useState)(!1);
return (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)(k.Popout, {
name: "Bonds",
surface: t,
amplitudeTrackingName: "bonds",
trackingName: "desktop-bonds-tab",
ref: r,
onClick: function() {
s(e => !e)
},
active: l
}), (0, i.jsx)(S.Menu, {
visible: l,
triggerElement: a,
onClickOutside: () => s(!1),
main: (0, i.jsx)(i.Fragment, {
children: (0, i.jsx)(S.MainLink, {
href: "/automated-bond-ladder",
title: "Automated Bond Ladder",
subtitle: "Take advantage of current rates with Treasuries, and skip the state income taxes.",
icon: "/next/svg/optimized/account_type_avatars/abl.svg",
amplitudeTrackingName: "desktop-automated-bond-ladder",
trackingName: "desktop-automated-bond-ladder"
})
}),
sidebar: (0, i.jsx)(i.Fragment, {
children: (0, i.jsx)(S.SidebarLink, {
name: "Automated Bond Portfolio",
href: "/automated-bond-portfolio",
amplitudeTrackingName: "desktop-automated-bond-portfolio",
trackingName: "desktop-automated-bond-portfolio"
})
})
})]
})
}
var M = a(70662),
header = e => {
let {
href: t,
initialPortfolioFlavor: a,
surface: r = "light",
mobileSurface: d = "dynamic",
position: m = "absolute",
primaryCtaClassName: g,
primaryCtaText: u
} = e, [p, x] = (0, n.useState)(!1);
function handleHamburgerClick() {
x(!0)
}
let f = "light" === r || "homepage" === r ? "light" : "dark";
return (0, i.jsxs)("div", {
"data-testid": "header",
children: [(0, i.jsx)("div", {
className: "hidden lg:block",
children: (0, i.jsx)("div", {
className: "mx-auto max-w-[2024px] px-0 md:px-12 lg:px-11 xl:px-16",
children: (0, i.jsxs)("div", {
className: "grid h-24 grid-cols-header items-center justify-between gap-3",
children: [(0, i.jsx)(c.Z, {
surface: r
}), (0, i.jsxs)("nav", {
className: "flex items-center space-x-8 lg:space-x-5 xl:space-x-8 2xl:space-x-12",
"aria-label": "Main",
children: [(0, i.jsx)(k.Link, {
name: "Cash",
surface: r,
href: "/cash",
amplitudeTrackingName: "cash",
trackingName: "desktop-cash-tab"
}), (0, i.jsx)(HeaderMenuBonds, {
surface: r
}), (0, i.jsx)(HeaderMenuInvest, {
surface: r
}), (0, i.jsx)(k.Link, {
name: "Stocks",
surface: r,
href: "/stock-investing",
amplitudeTrackingName: "stock-investing",
trackingName: "desktop-stock-investing"
}), (0, i.jsx)(HeaderMenuLearn, {
surface: r
})]
}), (0, i.jsxs)("div", {
className: "flex items-center justify-end space-x-3",
children: [(0, i.jsx)(o.ZP, {
className: "group",
variant: "secondary",
surface: f,
href: "/login",
testId: "logged-out-header-login",
trackingDetails: {
category: h.WD.OtherCta,
name: "header-login"
},
amplitudeClickProperties: {
target_element: "login",
click_type: "header-click"
},
children: (0, i.jsx)("div", {
className: l()("group-hover:text-gradient block group-hover:bg-gradient-to-b", {
"group-hover:from-blurple group-hover:to-caracara": "dark" !== r
}),
children: "Log in"
})
}), (0, i.jsx)(C.Z, {
className: g,
href: t,
surface: f,
initialPortfolioFlavor: a,
trackAnalytics: !0,
testId: "logged-out-header-signup",
trackingName: "header-get-started",
amplitudeClickProperties: {
target_element: "header-nav-get-started",
click_type: "main-cta"
},
children: u
})]
})]
})
})
}), (0, i.jsx)("div", {
className: "relative z-10 hidden px-0 md:block md:px-12 lg:hidden lg:px-16",
children: (0, i.jsxs)("div", {
className: l()(m, "left-0 right-0 flex items-center justify-between px-6 py-6 md:static md:px-0"),
children: [(0, i.jsx)(c.Z, {
surface: r
}), (0, i.jsx)("button", {
onClick: handleHamburgerClick,
type: "button",
children: (0, i.jsx)(M.Z, {
surface: r
})
})]
})
}), (0, i.jsx)("div", {
className: "relative z-10 block md:hidden",
children: (0, i.jsxs)("div", {
className: l()(m, "left-0 right-0 flex items-center justify-between px-4 py-6 md:static"),
children: [(0, i.jsx)(c.Z, {
surface: d
}), (0, i.jsx)("button", {
onClick: handleHamburgerClick,
type: "button",
"data-testid": "logged-out-mobile-header-hamburger",
children: (0, i.jsx)(M.Z, {
surface: d,
isMobile: !0
})
})]
})
}), (0, i.jsx)(s.M, {
children: p && (0, i.jsx)(mobile_menu, {
initialPortfolioFlavor: a,
onCloseClick: function() {
x(!1)
},
primaryCtaClassName: g,
primaryCtaText: u
})
})]
})
}
},
33805: function(e, t, a) {
a.d(t, {
x: function() {
return PrimaryCta
}
});
var i = a(97458),
n = a(52983),
r = a(28287),
l = a(74738),
s = a(65880),
o = a(41421),
c = a(63269),
d = a(74431);
let PrimaryCta = e => {
let {
href: t,
className: a,
surface: m,
initialPortfolioFlavor: g,
children: u = "Get started",
trackingName: h,
trackAnalytics: p = !1,
onClick: k,
...x
} = e, f = (0, n.useContext)(s.k) || "/start/account-type";
return t && (f = t), g && f.includes("?intent") && (f += "&initialPortfolioFlavor=".concat(g)), (0, i.jsx)(l.ZP, {
className: a,
href: f,
trackingDetails: h ? {
category: d.WD.MainCta,
name: h
} : null,
onClick: function(e) {
p && (o.Z.trackPrimaryCtaClick(), (0, r.Gx)(r.SY.fb("GetStarted", {}), e => {
(0, c.x)("click", {
eventName: "GetStarted",
name: "facebook-pixel",
...e
}, !0)
})), null == k || k(e)
},
surface: m,
...x,
children: u
})
};
t.Z = PrimaryCta
}
}
]);