(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[4877], {
104: function(e, t, i) {
(window.__NEXT_P = window.__NEXT_P || []).push(["/automated-bond-portfolio", function() {
return i(57147)
}])
},
67377: function(e, t, i) {
"use strict";
var a = i(97458),
n = i(25842),
s = i.n(n);
let buildSchemaData = e => {
let t = e.map(e => ({
"@type": "Question",
name: e.question,
acceptedAnswer: {
"@type": "Answer",
text: e.answer
}
}));
return {
"@context": "https://schema.org",
"@type": "FAQPage",
mainEntity: t
}
};
t.C = e => {
let {
faqData: t
} = e, i = buildSchemaData(t);
return (0, a.jsx)(s(), {
children: (0, a.jsx)("script", {
type: "application/ld+json",
dangerouslySetInnerHTML: {
__html: JSON.stringify(i)
}
})
})
}
},
28081: function(e, t, i) {
"use strict";
i.d(t, {
Z: function() {
return InfoDialog
}
});
var a = i(97458),
n = i(51838),
s = i.n(n),
o = i(88132),
r = i(34567);
function InfoDialog(e) {
let {
ariaLabel: t,
iconClassName: i = "w-[24px] h-[24px]",
className: n,
dialogContent: l,
onClick: d
} = e, [c, x, p] = (0, r.i)();
return (0, a.jsxs)(a.Fragment, {
children: [(0, a.jsx)("button", {
"aria-label": "open ".concat(t, " dialog"),
className: "mb-1 align-middle",
type: "button",
onClick: function() {
null == d || d(), x()
},
children: (0, a.jsx)(o.JO, {
source: "info",
className: s()(i)
})
}), (0, a.jsx)(r.Z, {
ariaLabel: t,
className: s()("w-[448px] 2xl:w-[548px]", n),
isOpen: c,
onDismiss: p,
children: l
})]
})
}
},
18939: function(e, t, i) {
"use strict";
var a = i(97458),
n = i(51838),
s = i.n(n),
o = i(95435);
let MobileNotification = e => {
let {
testId: t,
title: i,
time: n,
filterShadowReverse: o,
children: r,
className: l,
...d
} = e;
return (0, a.jsxs)("div", {
"data-testid": t,
"data-mask": "true",
className: s()({
"filter-shadow-reverse": o,
"filter-shadow": !o
}, "w-auto space-y-2 rounded-xl bg-[rgba(255,255,255,0.85)] p-3 pb-5 leading-4 2xl:space-y-4", l),
style: {
transform: "translate3d(0, 0, 0)"
},
...d,
children: [(0, a.jsxs)("div", {
className: "text-indigo flex justify-between text-[12px] 2xl:text-[14px] 3xl:text-[17px]",
children: [(0, a.jsx)("div", {
className: "uppercase",
children: i
}), (0, a.jsx)("div", {
children: n
})]
}), (0, a.jsx)("div", {
className: "text-[16px] leading-none lg:text-[18px] 2xl:text-[23px]",
children: r
})]
})
};
MobileNotification.WealthfrontNotificationTitle = e => {
let {
className: t
} = e;
return (0, a.jsxs)("div", {
className: "flex items-center space-x-1",
children: [(0, a.jsx)(o.M, {
className: s()(t),
src: "/next/svg/optimized/notif-app-icon.svg",
width: 21,
height: 21,
alt: ""
}), (0, a.jsx)("span", {
children: "Wealthfront"
})]
})
}, t.Z = MobileNotification
},
73279: function(e, t, i) {
"use strict";
i.d(t, {
I: function() {
return SlotMachineText
}
});
var a = i(97458),
n = i(52983),
s = i(44155),
o = i(52116),
r = i(34752);
function SlotMachineText(e) {
let {
className: t,
stopValue: i,
onUpdate: l,
controls: d,
inView: c,
testId: x,
startFromZero: p
} = e, h = (0, r.Z)(i), m = (0, n.useRef)(null);
return (0, n.useEffect)(() => {
!1 !== c && (0, s.P4)({
start: p ? 0 : h || 0,
stop: i,
duration: p ? 1 : h ? .5 : 1,
onUpdate(e) {
m.current && l(e, m.current)
}
})
}, [i, c, h]), (0, a.jsx)(o.E.p, {
"data-testid": x,
className: t,
animate: d,
ref: m
})
}
},
99645: function(e, t, i) {
"use strict";
i.d(t, {
$A: function() {
return c
},
Ey: function() {
return b
},
GK: function() {
return u
},
K: function() {
return f
},
KQ: function() {
return p
},
Kl: function() {
return g
},
Pz: function() {
return r
},
TG: function() {
return s
},
Vd: function() {
return m
},
Vx: function() {
return x
},
W_: function() {
return o
},
Zb: function() {
return h
},
ac: function() {
return l
},
jr: function() {
return y
},
pg: function() {
return d
},
qx: function() {
return n
}
});
var a = i(44155);
let n = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, a.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
s = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, a.us)({
delay: .3 + (e - 1) * .5,
duration: .8
})
})
},
o = {
initial: e => ({
opacity: 0,
y: -25,
transition: (0, a.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
}),
animate: e => ({
y: 0,
opacity: 1,
transition: (0, a.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
})
},
r = {
initial: {
opacity: 0,
x: -30,
transition: (0, a.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, a.us)({
duration: .2
})
},
exit: {
opacity: 0,
x: 30,
transition: (0, a.us)({
duration: .2
})
}
},
l = {
initial: {
opacity: 0,
x: -30,
transition: (0, a.us)({
duration: .2
})
},
animate: e => ({
x: 0,
opacity: 1,
transition: (0, a.us)({
duration: .2,
delay: .3 + (e - 1) * .5
})
})
},
d = {
initial: {
opacity: 0,
y: -30
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, a.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
c = {
initial: {
pathLength: 1,
pathOffset: 1
},
animate: e => ({
pathLength: 1,
pathOffset: 0,
transition: (0, a.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, a.us)({
pathLength: {
delay: t,
duration: 1,
ease: "easeInOut"
},
opacity: {
delay: t,
duration: .4
}
})
}
}
},
p = {
initial: {
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
rotate: 360,
opacity: 1,
transition: (0, a.us)({
opacity: {
delay: t,
duration: .4
},
rotate: {
delay: t,
duration: 1
}
})
}
}
},
h = {
initial: {
x: -15,
opacity: 0,
transition: (0, a.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, a.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, a.us)({
duration: .2
})
}
},
m = {
initial: {
x: 15,
opacity: 0,
transition: (0, a.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, a.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, a.us)({
duration: .2
})
}
},
u = {
initial: {
x: "0px"
},
animate: e => {
let {
numberOfCards: t,
cardWidth: i,
cardGap: n
} = e, s = [];
for (let e = 0; e < t; e++) {
let a = "-".concat(e * i + e * n, "px");
0 === e ? s.push("0px", "0px") : e === t - 1 ? s.push(a, a) : s.push(a, a, a)
}
return {
x: s,
transition: (0, a.us)({
repeat: 1 / 0,
repeatType: "reverse",
duration: 4 * t
})
}
}
},
g = {
initial: {
y: 0
},
animate: e => {
let {
order: t,
y: i,
duration: n
} = e;
return {
y: i,
transition: (0, a.us)({
repeat: 1 / 0,
repeatType: "reverse",
delay: .3 + (t - 1) * .5,
duration: n
})
}
}
},
f = {
initial: {
opacity: 0,
x: 100,
scaleY: 0
},
animate: e => ({
x: 0,
opacity: 1,
duration: .5,
scaleY: 1,
transition: (0, a.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
b = {
initial: {
opacity: 0
},
animate: () => ({
opacity: 1,
transition: (0, a.us)({
delay: 0,
duration: 3,
ease: "easeOut"
})
})
},
y = {
initial: {
pathLength: 0
},
animate: () => ({
pathLength: 1,
transition: (0, a.us)({
duration: 2,
ease: "easeInOut"
})
})
}
},
57147: function(e, t, i) {
"use strict";
i.r(t), i.d(t, {
__N_SSG: function() {
return L
},
default: function() {
return AutomatedBondPortfolio
}
});
var a = i(97458),
n = i(67377),
s = i(72558),
o = i(17445),
r = i(7927),
l = i(8262),
d = i(33746),
c = i(70236),
x = i(33805),
p = i(2076),
h = i(57928),
m = i(52116),
u = i(47563),
g = i(99227),
f = i(74431),
b = i(83528),
y = i(96924),
w = i(88132),
j = i(2002),
v = i(28081);
function BlendedSecYieldDialog(e, t) {
return (0, a.jsx)(v.Z, {
iconClassName: t,
ariaLabel: "30-day SEC yield",
dialogContent: (0, a.jsxs)("div", {
className: "space-y-4",
children: [(0, a.jsx)("h3", {
className: "copy-h3",
children: "What is a Blended 30-day SEC yield?"
}), (0, a.jsx)("p", {
children: "The 30-day SEC yield is an annualized yield based on dividends and interest earned from the bonds held by an ETF over the last 30 days, minus fund expenses. This yield is updated by Bond ETFs on a monthly basis."
}), (0, a.jsx)("p", {
children: "The blended yield is a weighted average of all the 30-day SEC yields for each ETF in your portfolio, after deducting our 0.25% annual advisory fee."
}), (0, a.jsx)("p", {
children: "The blended yield will vary month-to-month as the underlying Bond ETFs update their 30-day SEC yields each month."
}), (0, a.jsx)(w.iz, {}), (0, a.jsx)("h3", {
className: "copy-h3",
children: "Disclosures"
}), (0, a.jsx)("p", {
children: "The 30-day SEC yield is a standard metric defined by the US Securities and Exchange Commission (SEC) for the purpose of comparing bond funds fairly. It represents an annualized yield based on the interest and dividends earned by a fund over the last 30 days, after accounting for fund expenses."
}), (0, a.jsxs)("p", {
children: ["We calculated the blended 30-day SEC yield for our High-Tax rate Automated Bond Portfolio by taking a weighted average of the 30-day SEC yields of the bond ETFs in the portfolio using their allocation weights, as described in our", " ", (0, a.jsx)(j.Z, {
trackingDetails: null,
amplitudeClickProperties: null,
variant: "none",
href: "https://research.wealthfront.com/whitepapers/automated-bond-portfolio/",
className: "underline",
children: "investment methodology"
}), ", and deducting the Wealthfront management fee of 0.25%. The blended 30-day SEC yield provides a snapshot of the income generated by the portfolio ETFs in the past 30 days, but it doesn’t predict future returns. It’s also important to note that it doesn’t represent the portfolio’s overall performance."]
})]
}),
...e
})
}
var N = i(19316),
_ = i(33218),
k = i(51726),
C = i(62756),
F = i(82973),
T = i(95435),
I = i(73279),
E = i(82643);
function HeroStar(e) {
let {
testId: t
} = e, {
data: {
minInterestRate: i,
interestRates: n,
effectiveDate: s
}
} = (0, b.WE)("getBondPortfolioInterestRate", [], {
prefetched: !0
}), {
returnSinceInception: o,
inceptionDate: r,
totalReturnForPeriodRanges: l,
lastQuarterEndDate: d,
lastQuarterReturns: c
} = n.find(e => {
let {
taxBracketCategoryCode: t
} = e;
return t === y.Vib.HIGH
}), {
module: x,
inView: p,
controls: h
} = (0, N.Z)();
return (0, a.jsxs)("div", {
ref: x,
className: "relative",
children: [(0, a.jsxs)("div", {
className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center",
"data-testid": t,
children: [(0, a.jsx)(I.I, {
inView: p,
controls: h,
className: "copy-h1 text-[63px] sm:text-[76px] text-white",
stopValue: 100 * i,
onUpdate: (e, t) => {
t.textContent = "".concat(e.toFixed(2), "%")
}
}), (0, a.jsx)("p", {
className: "text-[14px] sm:text-[16px] lg:text-[14px] leading-3 text-white font-bold mb-1",
children: (0, a.jsxs)(a.Fragment, {
children: ["Blended 30-day SEC yield", (0, a.jsxs)("span", {
className: "block text-[11px] sm:text-[14px] lg:text-[11px] leading-3 font-normal whitespace-nowrap",
children: ["after advisory fee, as of ", (0, E.sv)(s), " ", (0, a.jsx)(BlendedSecYieldDialog, {
onClick: () => {
u.Z.trackClick({
target_element: "sec-yield",
click_type: "modal-launcher"
}), g.K.trackClickEvent({
category: f.WD.ModalLauncher,
name: "sec-yield"
})
}
})]
})]
})
}), (0, _.$V)(o) && r ? (0, a.jsxs)(a.Fragment, {
children: [(0, a.jsx)("p", {
className: "text-[11px] leading-3 text-white",
children: "Total return since inception"
}), (0, a.jsxs)("p", {
className: "text-[11px] leading-3 text-white",
children: ["(", (0, E.sv)(r), "): ", (0, k.rG)(o), " ", (0, a.jsx)(C.Z, {
iconClassName: "h-[13px]",
inceptionDate: r,
onClick: () => {
u.Z.trackClick({
target_element: "total-return",
click_type: "modal-launcher"
}), g.K.trackClickEvent({
category: f.WD.ModalLauncher,
name: "total-return"
})
}
})]
})]
}) : null, (() => {
let e = null == l ? void 0 : l.find(e => {
let {
periodRange: t
} = e;
return "RelativePeriodRange" === t.type && t.code === y.m7y.ONE_YEAR
});
if (!e) return null;
let {
totalReturn: t
} = e;
return (0, a.jsxs)("p", {
className: "text-[11px] leading-3 text-white",
children: ["12-month performance: ", (0, k.rG)(t), " ", (0, a.jsx)(F.K, {
annualReturnPeriodRange: e,
lastQuarterEndDate: d,
lastQuarterReturns: c,
onClick: () => {
u.Z.trackClick({
target_element: "bond-12-month-performance",
click_type: "modal-launcher"
}, {
source: "abp-landing"
})
}
})]
})
})()]
}), (0, a.jsx)("div", {
className: "sm:hidden",
children: (0, a.jsx)(T.M, {
alt: "star",
src: "/next/svg/optimized/small-hero-star.svg",
width: 215,
height: 215
})
}), (0, a.jsx)("div", {
className: "hidden sm:block",
children: (0, a.jsx)(T.M, {
alt: "star",
src: "/next/svg/optimized/small-hero-star.svg",
width: 250,
height: 250
})
})]
})
}
var S = i(99645);
function HeroSection() {
let {
aumInBillions: e,
numClients: t
} = (0, c.U9)(), {
module: i,
controls: n
} = (0, N.Z)({
threshold: .5
});
return (0, a.jsxs)("section", {
ref: i,
children: [(0, a.jsx)("div", {
className: "hidden lg:block",
children: (0, a.jsxs)("section", {
className: "flex justify-between max-w-[1400px] mx-auto",
children: [(0, a.jsxs)("div", {
className: "max-w-[50%] relative",
children: [(0, a.jsxs)("h1", {
className: "copy-h2 text-[60px] text-eggplant mb-10 mt-24 xl:mt-[200px]",
children: ["Meet the ", (0, a.jsx)("span", {
className: "block xl:inline",
children: "automated,"
}), " ", (0, a.jsx)("span", {
className: "block xl:inline",
children: "diversified"
}), " bond portfolio."]
}), (0, a.jsx)("div", {
className: "max-w-[370px] xl:max-w-[428px] mb-8",
children: renderDescription()
}), (0, a.jsx)(x.Z, {
className: "bg-[#44407C] mb-10",
trackingName: "hero-section",
amplitudeClickProperties: {
target_element: "hero-section",
click_type: "main-cta"
}
}), (0, a.jsx)(p.ZP, {
testId: "accolades-bar",
accolades: ["NUM_TRUSTED_CLIENTS", "AUM", "GOOGLE_PLAY_STORE_RATING", "APPLE_APP_STORE_RATING"],
numClients: t,
aumInBillions: e,
superscripts: {
appStore: 1
}
}), (0, a.jsx)(m.E.div, {
animate: n,
variants: S.qx,
initial: "initial",
className: "hidden lg:block absolute z-10 top-0 right-[-85%] xl:right-[-70%] 2xl:right-[-55%]",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/abp-redesign/hero-phone.png",
alt: "automated bond portfolio mobile app",
width: 450,
height: 736
},
sources: [{
src: "/next/abp-redesign/hero-phone.webp",
srcSet: ["/next/abp-redesign/hero-phone-640w.webp 640w", "/next/abp-redesign/hero-phone-750w.webp 750w", "/next/abp-redesign/hero-phone-828w.webp 828w", "/next/abp-redesign/hero-phone-1080w.webp 1080w", "/next/abp-redesign/hero-phone-1200w.webp 1200w"]
}]
})
}), (0, a.jsx)(m.E.div, {
initial: "initial",
variants: S.qx,
animate: n,
className: "absolute right-[-90%] xl:right-[-80%] 2xl:right-[-65%] top-[65%] xl:top-[70%] z-20",
children: (0, a.jsx)(HeroStar, {
testId: "hero-star-content"
})
})]
}), (0, a.jsx)("div", {
className: "grow relative -mr-24 2xl:mr-0",
children: (0, a.jsx)("div", {
className: "absolute right-0 top-[30%]",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/automated_bond_portfolio/hero_bond_city.png",
alt: "a city landscape",
width: 475,
height: 327
},
sources: [{
src: "/next/automated_bond_portfolio/hero_bond_city.webp",
srcSet: ["/next/automated_bond_portfolio/hero_bond_city-640w.webp 640w", "/next/automated_bond_portfolio/hero_bond_city-750w.webp 750w", "/next/automated_bond_portfolio/hero_bond_city-828w.webp 828w", "/next/automated_bond_portfolio/hero_bond_city-1080w.webp 1080w", "/next/automated_bond_portfolio/hero_bond_city-1200w.webp 1200w"]
}]
})
})
})]
})
}), (0, a.jsx)("div", {
className: "block lg:hidden",
children: (0, a.jsxs)("section", {
className: "text-center mt-8",
children: [(0, a.jsxs)("h1", {
className: "copy-h2 text-[38px] sm:text-[52px] text-eggplant mb-10",
children: ["Meet the ", (0, a.jsx)("span", {
className: "block",
children: "automated, diversified"
}), "bond portfolio."]
}), (0, a.jsxs)("div", {
className: "relative flex justify-end w-full max-w-[350px] sm:max-w-[460px] mx-auto z-10 mb-8",
children: [(0, a.jsx)(m.E.div, {
initial: "initial",
variants: S.qx,
animate: n,
className: "sm:hidden",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/abp-redesign/small-hero-phone.png",
alt: "automated bond portfolio mobile app",
width: 166,
height: 324
},
sources: [{
src: "/next/abp-redesign/small-hero-phone.webp",
srcSet: ["/next/abp-redesign/small-hero-phone-640w.webp 640w", "/next/abp-redesign/small-hero-phone-750w.webp 750w", "/next/abp-redesign/small-hero-phone-828w.webp 828w"]
}]
})
}), (0, a.jsx)(m.E.div, {
initial: "initial",
variants: S.qx,
animate: n,
className: "hidden sm:block",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/abp-redesign/small-hero-phone.png",
alt: "automated bond portfolio mobile app",
width: 217,
height: 424
},
sources: [{
src: "/next/abp-redesign/small-hero-phone.webp",
srcSet: ["/next/abp-redesign/small-hero-phone-640w.webp 640w", "/next/abp-redesign/small-hero-phone-750w.webp 750w", "/next/abp-redesign/small-hero-phone-828w.webp 828w"]
}]
})
}), (0, a.jsx)(m.E.div, {
initial: "initial",
variants: S.qx,
animate: n,
className: "absolute left-0 sm:left-0 top-0 z-20",
children: (0, a.jsx)(HeroStar, {})
}), (0, a.jsxs)("div", {
className: "absolute left-0 bottom-0 -z-10",
children: [(0, a.jsx)("div", {
className: "sm:hidden",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/automated_bond_portfolio/hero_bond_city.png",
alt: "a city landscape",
width: 221,
height: 152
},
sources: [{
src: "/next/automated_bond_portfolio/hero_bond_city.webp",
srcSet: ["/next/automated_bond_portfolio/hero_bond_city-640w.webp 640w", "/next/automated_bond_portfolio/hero_bond_city-750w.webp 750w", "/next/automated_bond_portfolio/hero_bond_city-828w.webp 828w", "/next/automated_bond_portfolio/hero_bond_city-1080w.webp 1080w", "/next/automated_bond_portfolio/hero_bond_city-1200w.webp 1200w"]
}]
})
}), (0, a.jsx)("div", {
className: "hidden sm:block",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/automated_bond_portfolio/hero_bond_city.png",
alt: "a city landscape",
width: 290,
height: 190
},
sources: [{
src: "/next/automated_bond_portfolio/hero_bond_city.webp",
srcSet: ["/next/automated_bond_portfolio/hero_bond_city-640w.webp 640w", "/next/automated_bond_portfolio/hero_bond_city-750w.webp 750w", "/next/automated_bond_portfolio/hero_bond_city-828w.webp 828w", "/next/automated_bond_portfolio/hero_bond_city-1080w.webp 1080w", "/next/automated_bond_portfolio/hero_bond_city-1200w.webp 1200w"]
}]
})
})]
})]
}), renderDescription(), (0, a.jsx)(x.Z, {
className: "bg-[#44407C] mb-10",
trackingName: "hero-section",
amplitudeClickProperties: {
target_element: "hero-section",
click_type: "main-cta"
}
}), (0, a.jsx)(p.ZP, {
accolades: ["NUM_TRUSTED_CLIENTS", "AUM"],
numClients: t,
aumInBillions: e
})]
})
})]
});
function renderDescription() {
return (0, a.jsxs)(a.Fragment, {
children: [(0, a.jsxs)("p", {
className: "copy-body font-bold mb-4 text-eggplant",
children: ["Invest for the near term ", (0, a.jsx)("span", {
className: "block sm:inline",
children: "without too much risk."
})]
}), (0, a.jsx)("p", {
className: "copy-body text-eggplant mb-4",
children: "Whether you’re planning to retire soon, or you’re looking for lower risk than equities, bonds can be a great way to invest for the next few years. Our Automated Bond Portfolio is optimized to your tax situation with the added benefit of monthly dividends. Best of all, your account stays liquid for more flexibility."
})]
})
}
}
function WSJTestimonial() {
return (0, a.jsxs)("div", {
className: "flex justify-center relative max-w-[1365px] mx-auto overflow-hidden",
children: [(0, a.jsxs)("section", {
style: {
boxShadow: "-7px 6.129811763763428px 1.532452940940857px 0px #0000001A"
},
className: "bg-white border border-solid border-content-divider rounded-xsmall px-8 py-4 lg:px-10 lg:py-6 text-center flex flex-col gap-4 items-center z-10",
children: [(0, a.jsxs)("h2", {
className: "copy-h2-alt leading-[28px] text-[28px] lg:leading-[34px] lg:text-[34px]",
children: ["Bond Investing Gets ", (0, a.jsx)("span", {
className: "block lg:inline",
children: "The Robo-Adviser Treatment"
})]
}), (0, a.jsx)("p", {
className: "copy-disclosure",
children: "Wealthfront is offering an automatic portfolio just for bonds in response to surging interest in fixed income."
}), (0, a.jsx)(T.M, {
src: "/next/svg/optimized/wallstreetjournal.svg",
loading: "lazy",
width: 255,
height: 22,
alt: "wall street journal logo"
})]
}), (0, a.jsx)(a.Fragment, {
children: (0, a.jsx)("div", {
className: "absolute top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 flex",
children: Array.from(Array(80)).map((e, t) => (0, a.jsx)(T.M, {
src: "/next/svg/optimized/beige-arrow-up-right.svg",
loading: "lazy",
width: 62,
height: 62,
alt: "arrow up right"
}, t))
})
})]
})
}
function ExamplePortfolio() {
let {
module: e,
controls: t
} = (0, N.Z)({
threshold: .5
});
return (0, a.jsxs)("div", {
ref: e,
"data-testid": "example-portfolio",
children: [(0, a.jsxs)("section", {
className: "lg:hidden text-center max-w-[547px] mx-auto",
children: [(0, a.jsxs)("h2", {
className: "copy-h2 text-[38px] sm:text-[50px] text-eggplant mb-20",
children: ["Tax benefits from Treasuries and higher yields from corporates.", (0, a.jsx)("span", {
className: "copy-h2-alt italic text-[38px] sm:text-[50px] text-eggplant block",
children: "Two birds, one portfolio."
})]
}), (0, a.jsxs)("div", {
className: "relative grid grid-cols-[repeat(2,minmax(140px,1fr))] items-start auto-rows-min gap-4",
children: [renderCards(), (0, a.jsx)("div", {
className: "absolute top-[-60px] w-[350px] sm:w-[400px] left-1/2 -translate-x-1/2",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/abp-redesign/example-portfolio-city.png",
alt: "futuristic city",
width: 547,
height: 430
},
sources: [{
src: "/next/abp-redesign/example-portfolio-city.webp",
srcSet: ["/next/abp-redesign/example-portfolio-city-640w.webp 640w", "/next/abp-redesign/example-portfolio-city-750w.webp 750w", "/next/abp-redesign/example-portfolio-city-828w.webp 828w", "/next/abp-redesign/example-portfolio-city-1080w.webp 1080w", "/next/abp-redesign/example-portfolio-city-1200w.webp 1200w", "/next/abp-redesign/example-portfolio-city-1920w.webp 1920w"]
}]
})
})]
}), renderDescription(), (0, a.jsx)(x.Z, {
className: "bg-[#44407C] mb-10",
trackingName: "portfolio-section",
amplitudeClickProperties: {
target_element: "portfolio-section",
click_type: "main-cta"
}
})]
}), (0, a.jsxs)("section", {
className: "flex justify-between max-w-[1400px] mx-auto gap-16 hidden lg:flex",
children: [(0, a.jsxs)("div", {
className: "grid grid-cols-[repeat(2,minmax(220px,1fr))] items-start auto-rows-min gap-16 relative",
children: [(0, a.jsx)("div", {
className: "absolute left-1/2 -translate-x-1/2 w-[495px] top-[-50px]",
children: (0, a.jsx)(h.K, {
image: {
src: "/next/abp-redesign/example-portfolio-city.png",
alt: "futuristic city",
width: 495,
height: 515
},
sources: [{
src: "/next/abp-redesign/example-portfolio-city.webp",
srcSet: ["/next/abp-redesign/example-portfolio-city.webp 640w"]
}]
})
}), renderCards()]
}), (0, a.jsxs)("div", {
className: "max-w-[550px]",
children: [(0, a.jsxs)("h2", {
className: "copy-h2 text-[45px] xl:text-[60px] text-eggplant mb-8",
children: ["Tax benefits from ", (0, a.jsx)("span", {
className: "block",
children: "Treasuries and"
}), " ", (0, a.jsx)("span", {
className: "block",
children: "higher yields"
}), " ", "from corporates.", (0, a.jsxs)("span", {
className: "copy-h2-alt italic text-[45px] xl:text-[60px] text-eggplant block",
children: ["Two birds, ", (0, a.jsx)("span", {
className: "block xl:inline",
children: "one portfolio."
})]
})]
}), renderDescription(), (0, a.jsx)(x.Z, {
className: "bg-[#44407C] mb-10",
trackingName: "portfolio-section",
amplitudeClickProperties: {
target_element: "portfolio-section",
click_type: "main-cta"
}
})]
})]
})]
});
function renderCards() {
return (0, a.jsxs)(a.Fragment, {
children: [(0, a.jsx)(Card, {
controls: t,
delay: 0,
title: "short-term treasury etf",
donut: (0, a.jsxs)("svg", {
width: "35",
height: "35",
viewBox: "0 0 35 35",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, a.jsx)("path", {
d: "M34.2548 17.0429C34.2548 26.429 26.6458 34.0379 17.2597 34.0379C7.87359 34.0379 0.264648 26.429 0.264648 17.0429C0.264648 7.65679 7.87359 0.0478516 17.2597 0.0478516C26.6458 0.0478516 34.2548 7.65679 34.2548 17.0429ZM7.06267 17.0429C7.06267 22.6746 11.628 27.2399 17.2597 27.2399C22.8914 27.2399 27.4567 22.6746 27.4567 17.0429C27.4567 11.4112 22.8914 6.84587 17.2597 6.84587C11.628 6.84587 7.06267 11.4112 7.06267 17.0429Z",
fill: "#F2F2F2"
}), (0, a.jsx)("path", {
d: "M25.7572 31.761C23.5517 33.0344 21.0882 33.7958 18.5488 33.989C16.0094 34.1822 13.459 33.8021 11.0862 32.877C8.71345 31.9519 6.57892 30.5054 4.84043 28.6443C3.10193 26.7833 1.80392 24.5553 1.04234 22.1251C0.280758 19.6949 0.0750853 17.1246 0.440523 14.6042C0.805962 12.0839 1.73317 9.67782 3.1536 7.564C4.57403 5.45017 6.45137 3.6826 8.64684 2.39195C10.8423 1.1013 13.2998 0.320562 15.8376 0.107456L16.4064 6.88163C14.8837 7.0095 13.4093 7.47794 12.092 8.25233C10.7747 9.02672 9.6483 10.0873 8.79604 11.3556C7.94378 12.6239 7.38746 14.0675 7.16819 15.5797C6.94893 17.0919 7.07234 18.6341 7.52928 20.0922C7.98623 21.5504 8.76504 22.8871 9.80814 24.0038C10.8512 25.1204 12.132 25.9883 13.5556 26.5434C14.9793 27.0984 16.5095 27.3265 18.0331 27.2106C19.5568 27.0947 21.0349 26.6378 22.3582 25.8738L25.7572 31.761Z",
fill: "#FFCF97"
})]
}),
badge: (0, a.jsx)("div", {
className: "rounded-full bg-[#FFCF97] w-full text-center py-1 sm:mb-3",
children: (0, a.jsx)("p", {
className: "uppercase text-eggplant text-[12px] sm:text-[16px] font-semibold",
children: "tax advantaged"
})
}),
description: "Includes bonds issued by the US Treasury that mature within three years."
}), (0, a.jsx)(Card, {
controls: t,
delay: 1,
title: (0, a.jsxs)("span", {
children: ["corporate ", (0, a.jsx)("span", {
className: "block",
children: "bond etf"
})]
}),
donut: (0, a.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "35",
height: "35",
viewBox: "0 0 35 35",
fill: "none",
children: [(0, a.jsx)("path", {
d: "M34.495 17.0429C34.495 26.429 26.886 34.0379 17.4999 34.0379C8.11383 34.0379 0.504883 26.429 0.504883 17.0429C0.504883 7.65679 8.11383 0.0478516 17.4999 0.0478516C26.886 0.0478516 34.495 7.65679 34.495 17.0429ZM7.3029 17.0429C7.3029 22.6746 11.8683 27.2399 17.4999 27.2399C23.1316 27.2399 27.697 22.6746 27.697 17.0429C27.697 11.4112 23.1316 6.84587 17.4999 6.84587C11.8683 6.84587 7.3029 11.4112 7.3029 17.0429Z",
fill: "#F2F2F2"
}), (0, a.jsx)("path", {
d: "M17.4999 0.0478516C20.1819 0.0478516 22.8259 0.6826 25.2155 1.9002C27.6052 3.1178 29.6728 4.88368 31.2492 7.05346C32.8257 9.22324 33.8662 11.7353 34.2858 14.3843C34.7053 17.0333 34.492 19.7439 33.6632 22.2947L27.1979 20.194C27.6952 18.6635 27.8232 17.0371 27.5714 15.4477C27.3197 13.8583 26.6954 12.3511 25.7495 11.0492C24.8036 9.74737 23.5631 8.68784 22.1293 7.95728C20.6955 7.22672 19.1091 6.84587 17.4999 6.84587V0.0478516Z",
fill: "#B64B0F"
})]
}),
description: "Includes bonds issued by US corporations to fund business activities."
}), (0, a.jsx)(Card, {
controls: t,
delay: 2,
title: (0, a.jsxs)("span", {
children: ["floating rate ", (0, a.jsx)("span", {
className: "block",
children: "bond etf"
})]
}),
donut: (0, a.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "35",
height: "35",
viewBox: "0 0 35 35",
fill: "none",
children: [(0, a.jsx)("path", {
d: "M34.245 17.0429C34.245 26.429 26.636 34.0379 17.2499 34.0379C7.86383 34.0379 0.254883 26.429 0.254883 17.0429C0.254883 7.65679 7.86383 0.0478516 17.2499 0.0478516C26.636 0.0478516 34.245 7.65679 34.245 17.0429ZM7.0529 17.0429C7.0529 22.6746 11.6183 27.2399 17.2499 27.2399C22.8816 27.2399 27.447 22.6746 27.447 17.0429C27.447 11.4112 22.8816 6.84587 17.2499 6.84587C11.6183 6.84587 7.0529 11.4112 7.0529 17.0429Z",
fill: "#F2F2F2"
}), (0, a.jsx)("path", {
d: "M33.2201 22.8555C32.241 25.5455 30.5983 27.9446 28.4444 29.8302L23.9666 24.7153C25.2589 23.5839 26.2446 22.1445 26.832 20.5305L33.2201 22.8555Z",
fill: "#9A91FF"
})]
}),
description: "Includes US bonds with interest payments that adjust periodically, typically based on market interest rates."
}), (0, a.jsx)(Card, {
controls: t,
delay: 3,
title: "long-term treasury etf",
donut: (0, a.jsxs)("svg", {
width: "35",
height: "35",
viewBox: "0 0 35 35",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [(0, a.jsx)("path", {
d: "M34.495 17.2929C34.495 26.679 26.886 34.2879 17.4999 34.2879C8.11383 34.2879 0.504883 26.679 0.504883 17.2929C0.504883 7.90679 8.11383 0.297852 17.4999 0.297852C26.886 0.297852 34.495 7.90679 34.495 17.2929ZM7.3029 17.2929C7.3029 22.9246 11.8683 27.4899 17.4999 27.4899C23.1316 27.4899 27.697 22.9246 27.697 17.2929C27.697 11.6612 23.1316 7.09587 17.4999 7.09587C11.8683 7.09587 7.3029 11.6612 7.3029 17.2929Z",
fill: "#F2F2F2"
}), (0, a.jsx)("path", {
d: "M25.9975 32.011C25.072 32.5454 24.0982 32.9912 23.089 33.3426L20.8534 26.9227C21.4589 26.7119 22.0432 26.4444 22.5985 26.1238L25.9975 32.011Z",
fill: "#BDE6DA"
})]
}),
badge: (0, a.jsx)("div", {
className: "rounded-full bg-[#BDE6DA] w-full text-center py-1 sm:mb-3",
children: (0, a.jsx)("p", {
className: "uppercase text-eggplant text-[12px] sm:text-[16px] font-semibold",
children: "tax advantaged"
})
}),
description: "Includes bonds issued by the US Treasury that mature in 10 years or more."
})]
})
}
function renderDescription() {
return (0, a.jsx)("p", {
className: "copy-body text-eggplant mt-40 sm:mt-36 md:mt-8 lg:mt-0 mb-8",
children: "With an expert-built portfolio, you’ll benefit from the diversification of four different types of bond ETFs, from tax-advantaged Treasury bonds to higher-yield corporate bonds. And to help you save even more on your tax bill, we'll optimize your holdings based on your personal details — like your annual income and state of residence."
})
}
}
function Card(e) {
let {
title: t,
badge: i,
description: n,
delay: s,
controls: o,
donut: r
} = e;
return (0, a.jsxs)(m.E.div, {
animate: o,
custom: s,
variants: S.qx,
initial: "initial",
className: "border border-solid border-content-divider p-3 lg:p-6 bg-white rounded-xsmall min-w-[140px] max-w-[240px] lg:min-w-[250px] lg:max-w-[280px] z-10",
style: {
boxShadow: "-7px 6.129811763763428px 1.532452940940857px 0px #0000001A"
},
children: [(0, a.jsxs)("div", {
className: "flex justify-between sm:mb-3",
children: [(0, a.jsx)("p", {
className: "text-left text-eggplant text-[15px] leading-[16px] sm:text-[20px] sm:leading-[20px] font-semibold uppercase",
children: t
}), (0, a.jsx)("div", {
className: "h-[35px] ml-2 mb-4 sm:mb-0",
children: r
})]
}), i, (0, a.jsx)("p", {
className: "text-body-xl !text-[18px] text-left text-[#18172BA1] hidden md:block",
children: n
})]
})
}
function HigherYield() {
let {
module: e,
controls: t
} = (0, N.Z)({
threshold: .5
});
return (0, a.jsxs)("section", {
className: "flex flex-col items-center text-center",
ref: e,
"data-testid": "higher-yield",
children: [(0, a.jsx)("h2", {
className: "copy-h2 text-[38px] lg:text-[60px] text-eggplant mb-6",
children: "Higher yield. Zero hassles."
}), (0, a.jsx)("p", {
className: "copy-body text-eggplant max-w-[580px]",
children: "Bonds can be a pain in the math — orrr they can be a piece of cake. Designed to earn a higher yield than a savings account, our Automated Bond Portfolio can give you the dividends of bonds without all of the annoying “hard work.”"
}), (0, a.jsxs)("div", {
className: "my-14 grid grid-cols-1 lg:grid-cols-3 gap-8 relative",
children: [(0, a.jsx)(m.E.div, {
animate: t,
custom: 0,
variants: S.qx,
initial: "initial",
className: "z-20",
children: (0, a.jsx)(T.M, {
width: 470,
height: 194,
className: "z-10",
src: "/next/svg/optimized/flexible-liquid.svg",
alt: "flexible and liquid, withdraw without penalties"
})
}), (0, a.jsx)(m.E.div, {
className: "z-20",
animate: t,
custom: 1,
variants: S.qx,
initial: "initial",
children: (0, a.jsx)(T.M, {
width: 470,
height: 194,
className: "z-10",
src: "/next/svg/optimized/automatic.svg",
alt: "automatically reinvest your monthly dividends"
})
}), (0, a.jsx)(m.E.div, {
className: "z-20",
animate: t,
custom: 2,
variants: S.qx,
initial: "initial",
children: (0, a.jsx)(T.M, {
width: 470,
height: 194,
className: "z-10",
src: "/next/svg/optimized/easy-manage.svg",
alt: "easy to manage"
})
}), (0, a.jsx)("div", {
className: "absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] bg-[#C3CDF4] w-[90%] h-[50%]"
})]
}), (0, a.jsx)(x.Z, {
className: "bg-[#44407C]",
trackingName: "benefits-section",
amplitudeClickProperties: {
target_element: "benefits-section",
click_type: "main-cta"
}
})]
})
}
var A = i(51838),
B = i.n(A);
function GoldilocksRisk() {
let {
module: e,
controls: t
} = (0, N.Z)({
threshold: .5
});
return (0, a.jsxs)("section", {
ref: e,
"data-testid": "goldilocks-risk",
children: [(0, a.jsx)("div", {
className: "w-full text-center",
children: (0, a.jsxs)("h2", {
className: "copy-h2 text-eggplant text-[38px] lg:text-[60px] px-4 md:px-12 lg:px-16",
children: ["Not too hot. ", (0, a.jsx)("span", {
className: "block md:inline-block",
children: "Not too cold."
}), " ", (0, a.jsx)("span", {
className: "block copy-h2-alt text-[38px] lg:text-[60px]",
children: "It’s like the Goldilocks of risk."
})]
})
}), (0, a.jsxs)(m.E.div, {
animate: t,
initial: "initial",
variants: S.qx,
custom: 1,
className: "snap-x snap-mandatory overflow-x-scroll scroll-smooth md:overflow-x-auto max-w-[1560px] mx-auto mt-20",
children: [(0, a.jsxs)("div", {
className: "relative flex gap-x-4",
children: [(0, a.jsx)(InvestmentType, {
className: "text-[#44407C]",
title: "High-yield savings",
description: "Best for your daily expenses and your emergency fund, until you’re ready to invest."
}), (0, a.jsx)(InvestmentType, {
className: "text-[#D2874B]",
title: "Bond ETFs",
description: "Increase your earning potential on extra cash with low volatility. Ideal when saving for purchases in the next 1–3 years."
}), (0, a.jsx)(InvestmentType, {
className: "text-[#44407C]",
title: "Index funds",
description: "The time-tested method designed to earn you greater returns over the long term, with more exposure to risk."
}), (0, a.jsx)(InvestmentType, {
className: "text-[#44407C] md:hidden xl:block",
title: "Individual stocks",
description: "At risk of higher volatility, but useful when investing in specific companies you believe in."
}), (0, a.jsx)("div", {
className: "w-[115px] flex-shrink-0 snap-start sm:w-0"
})]
}), (0, a.jsx)("div", {
className: "-mt-9 block w-[1020px] max-w-[1561px] md:hidden md:h-[370px] md:w-auto xl:block",
children: (0, a.jsx)(T.M, {
alt: "Volatility illustration",
src: "/next/automated_bond_portfolio/line_chart.svg",
width: 1560,
height: 345
})
}), (0, a.jsx)("div", {
className: "mt-10 hidden h-[143px] w-[750px] max-w-[1170px] md:block md:w-auto xl:hidden",
children: (0, a.jsx)(T.M, {
alt: "Volatility illustration",
src: "/next/automated_bond_portfolio/line_chart_short.svg",
width: 1170,
height: 140
})
})]
}), (0, a.jsxs)("div", {
className: "hidden items-center justify-center gap-x-2 pt-10 md:flex",
children: [(0, a.jsx)(T.M, {
alt: "Hand gesture pointing up",
src: "/next/automated_bond_portfolio/point_up.svg",
width: 26,
height: 26
}), (0, a.jsx)("p", {
className: "text-[26px]",
children: "VOLATILITY ILLUSTRATION"
}), (0, a.jsx)(T.M, {
className: "-scale-x-100 transform",
alt: "Hand gesture pointing up",
src: "/next/automated_bond_portfolio/point_up.svg",
width: 26,
height: 26
})]
})]
})
}
let InvestmentType = e => {
let {
className: t,
title: i,
description: n
} = e;
return (0, a.jsxs)("div", {
className: B()("w-[239px] flex-shrink-0 snap-start md:w-[371px] md:flex-shrink", t),
children: [(0, a.jsx)("h3", {
className: "copy-h3 font-bold",
children: i
}), (0, a.jsx)("p", {
className: "copy-body max-w-[340px] bg-[#FFFBF5] text-[14px] md:text-[18px]",
children: n
})]
})
};
function ThinkingAboutCompetition() {
return (0, a.jsx)("div", {
className: "bg-gradient-to-b from-[#2D2A5B] to-[#18172B] -mx-4 md:-mx-12 xl:mx-[-100px]",
children: (0, a.jsxs)("section", {
className: "mx-auto flex max-w-[1766px] flex-col items-center px-4 md:px-12 lg:px-16",
"data-testid": "bond-competition-module",
children: [(0, a.jsxs)("h2", {
className: "copy-h2 pt-14 text-center text-[39px] text-[#FFFBF5] sm:pt-20 sm:text-[63px] lg:text-left lg:text-[39px] 2xl:text-[63px]",
children: ["Thinking about ", (0, a.jsx)("span", {
className: "block lg:inline-block",
children: "the competition?"
}), " ", (0, a.jsx)("span", {
className: "copy-h2-alt block text-[36px] sm:text-[60px] lg:inline-block lg:text-[36px] 2xl:text-[60px]",
children: "Be our guest."
})]
}), (0, a.jsxs)("div", {
className: "space-y-10 py-14 sm:pb-20 sm:pt-14 lg:space-y-12",
children: [(0, a.jsxs)(InvestmentPerspectiveRow, {
children: [(0, a.jsx)(Perspective, {
icon: (0, a.jsx)(T.M, {
className: "h-[39px] w-[35px]",
alt: "Rising hot air balloon",
src: "/next/automated_bond_portfolio/hot_air_balloon.svg",
width: 59,
height: 66
}),
perspective: "Higher yields than"
}), (0, a.jsxs)(InvestmentTypeContainer, {
children: [(0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "Treasury bills",
className: "bg-[#7086C9] text-[#FFFBF5]"
}), (0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "CDs",
className: " bg-clementine text-[#534C8E]"
}), (0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "High-yield savings",
className: "bg-lavender text-[#44407C]"
})]
})]
}), (0, a.jsxs)(InvestmentPerspectiveRow, {
children: [(0, a.jsx)(Perspective, {
icon: (0, a.jsx)(T.M, {
className: "h-[39px] w-[39px]",
alt: "Water",
src: "/next/automated_bond_portfolio/water.svg",
width: 65,
height: 65
}),
perspective: "More liquid than"
}), (0, a.jsxs)(InvestmentTypeContainer, {
children: [(0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "I bonds",
className: "bg-[#7086C9] text-[#FFFBF5]"
}), (0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "CDs",
className: " bg-clementine text-[#534C8E]"
}), (0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "Corporate bonds",
className: "bg-[#B39E7F] text-[#FFFFFF]"
})]
})]
}), (0, a.jsxs)(InvestmentPerspectiveRow, {
children: [(0, a.jsx)(Perspective, {
icon: (0, a.jsx)(T.M, {
className: "h-[34px] w-[35px]",
alt: "Equalizer",
src: "/next/automated_bond_portfolio/equalizer.svg",
width: 59,
height: 57
}),
perspective: "Lower risk than"
}), (0, a.jsxs)(InvestmentTypeContainer, {
children: [(0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "Individual stocks",
className: "bg-lavender text-[#44407C]"
}), (0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "Index funds",
className: "bg-blurple text-[#FFFBF5]"
}), (0, a.jsx)(thinking_about_competition_InvestmentType, {
name: "Corporate bonds",
className: " bg-[#B39E7F] text-[#FFFFFF]"
})]
})]
})]
})]
})
})
}
function InvestmentPerspectiveRow(e) {
let {
children: t
} = e;
return (0, a.jsx)("div", {
className: "grid w-full grid-cols-1 gap-y-5 gap-x-10 sm:gap-y-10 lg:grid-cols-[2fr,4fr] 2xl:gap-x-16",
children: t
})
}
function InvestmentTypeContainer(e) {
let {
children: t
} = e;
return (0, a.jsx)("div", {
className: "flex flex-wrap justify-center gap-2 sm:gap-5 lg:justify-start",
children: t
})
}
function thinking_about_competition_InvestmentType(e) {
let {
name: t,
className: i
} = e;
return (0, a.jsx)("div", {
className: B()("flex max-h-[72px] items-center rounded-[30px] px-6 py-3", i),
children: (0, a.jsx)("p", {
className: "text-[18px] font-semibold tracking-[0.02em] 2xl:text-[23px]",
children: t
})
})
}
function Perspective(e) {
let {
icon: t,
perspective: i
} = e;
return (0, a.jsxs)("div", {
className: "flex items-center justify-center gap-x-5 lg:justify-start lg:gap-x-10",
children: [t, (0, a.jsx)("p", {
className: "whitespace-nowrap text-[25px] font-bold -tracking-[0.02em] text-[#FFFBF5] sm:text-[30px]",
children: i
})]
})
}
var Z = i(18939);
function WeDoTheWork() {
let {
module: e,
controls: t
} = (0, N.Z)({
threshold: .5
});
return (0, a.jsxs)("div", {
ref: e,
"data-testid": "we-do-work",
children: [(0, a.jsxs)("section", {
className: "hidden 2xl:flex justify-center gap-[10%]",
children: [renderImage(), (0, a.jsxs)("section", {
children: [renderTitle(), renderList()]
})]
}), (0, a.jsxs)("section", {
className: "max-w-full md:max-w-[50%] mx-auto 2xl:hidden",
children: [renderTitle(), renderImage(), renderList()]
})]
});
function renderTitle() {
return (0, a.jsxs)("h2", {
className: "text-eggplant",
children: [(0, a.jsx)("span", {
className: "copy-h2-alt italic text-[38px] lg:text-[60px]",
children: "The best bit?"
}), (0, a.jsx)("span", {
className: "copy-h2 block text-[38px] lg:text-[60px]",
children: "We do it all for you."
})]
})
}
function renderImage() {
return (0, a.jsxs)(m.E.div, {
animate: t,
custom: 0,
variants: S.qx,
initial: "initial",
className: "-ml-10 my-10 2xl:my-0 2xl:-ml-20 relative",
children: [(0, a.jsx)(h.K, {
image: {
loading: "lazy",
src: "/next/abp-redesign/we-do-work.png",
alt: "biking the countryside",
width: 917,
height: 642
},
sources: [{
src: "/next/abp-redesign/we-do-work.webp",
srcSet: ["/next/abp-redesign/we-do-work-640w.webp 640w", "/next/abp-redesign/we-do-work-750w.webp 750w", "/next/abp-redesign/we-do-work-828w.webp 828w", "/next/abp-redesign/we-do-work-1080w.webp 1080w", "/next/abp-redesign/we-do-work-1200w.webp 1200w", "/next/abp-redesign/we-do-work-1920w.webp 1920w", "/next/abp-redesign/we-do-work-2048w.webp 2048w"]
}]
}), (0, a.jsx)(Z.Z, {
testId: "automated-bond-portfolio-mobile-notifications",
className: "h-[93px] w-[233px] sm:h-[113px] sm:w-[367px] lg:h-[122px] lg:w-[394px] xl:h-[143px] xl:w-[464px] absolute bottom-[-20px] 2xl:bottom-[100px] right-8 lg:right-[-80px]",
title: (0, a.jsx)("div", {
className: "text-[12px] sm:text-[16px] xl:text-[20px]",
children: (0, a.jsx)(Z.Z.WealthfrontNotificationTitle, {
className: "h-[20px] w-[20px] sm:h-[27px] sm:w-[27px] xl:h-[32px] xl:w-[32px]"
})
}),
time: (0, a.jsx)("p", {
className: "text-[12px] sm:text-[16px] xl:text-[20px]",
children: "now"
}),
children: (0, a.jsxs)("p", {
className: "text-[16px] sm:text-[22px] xl:text-[26px]",
children: ["We re-invested this month’s ", (0, a.jsx)("span", {
className: "block",
children: "dividend of $153.75."
})]
})
})]
})
}
function renderList() {
return (0, a.jsx)(a.Fragment, {
children: (0, a.jsxs)(m.E.div, {
animate: t,
custom: 1,
variants: S.qx,
initial: "initial",
className: "flex flex-col gap-y-10 my-9 items-center lg:items-start",
children: [(0, a.jsxs)("div", {
className: "flex flex-col gap-y-4 ",
children: [(0, a.jsx)(Feature, {
feature: "Automatic rebalancing"
}), (0, a.jsx)(Feature, {
feature: "Dividend reinvesting"
}), (0, a.jsx)(Feature, {
feature: "Tax-Loss Harvesting"
}), (0, a.jsx)(Feature, {
feature: "100% managed for you."
})]
}), (0, a.jsx)("p", {
className: "copy-body text-eggplant max-w-[580px] text-center lg:text-left",
children: "Not only can you earn a yield with the Automated Bond Portfolio, but you won’t even have to think about it. Since your portfolio is fully managed, we’ll automatically adjust your portfolio to optimize your allocations, reinvest your dividends, and help you lower your taxes with Tax-Loss Harvesting, whenever we can. You’re welcome to watch, or do anything else."
}), (0, a.jsx)(x.Z, {
className: "bg-[#44407C]",
trackingName: "automation-section",
amplitudeClickProperties: {
target_element: "automation-section",
click_type: "main-cta"
}
})]
})
})
}
}
function Feature(e) {
let {
feature: t
} = e;
return (0, a.jsxs)("div", {
className: "flex items-end gap-x-5",
children: [(0, a.jsx)(T.M, {
alt: "Check mark",
src: "/next/abp-redesign/circle_check_mark.svg",
width: 26,
height: 23
}), (0, a.jsx)("p", {
className: "copy-h3 text-[26px] font-bold leading-none text-eggplant",
children: t
})]
})
}
var P = i(94852);
let D = [{
id: 1,
question: "So about this “blended 30-day SEC yield.” What even is that?",
answer: "Good question! A “30-day SEC yield” is defined by the SEC to measure the dividends and interest that a bond fund earns (minus expenses) over the last 30 days, annualized. Our “blended” number takes the weighted average of the yields on the funds in the portfolio, minus our 0.25% advisory fee."
}, {
id: 2,
question: "Does that mean the yield is guaranteed?",
answer: "No. The blended 30-day SEC yield provides a snapshot of the income generated by the portfolio ETFs in the past 30 days, but it doesn’t predict future returns. It’s also important to note that it doesn’t represent the portfolio’s overall performance – just like any investment, the price of the ETFs in the portfolio may fluctuate day-to-day.",
cta: {
href: "https://support.wealthfront.com/hc/en-us/articles/14756022051988",
trackingCategory: f.WD.Hyperlink,
trackingName: "faq-bond-etf-info",
ariaLabel: "Learn more about the pros and cons of bond ETFs.",
text: "Learn more about the pros and cons of bond ETFs."
}
}, {
id: 3,
question: "How do I know if this product is right for me?",
answer: "The Automated Bond Portfolio is great for those seeking a higher yield than our Cash Account with less risk than investing in equities. It’s designed to be our lowest risk portfolio, but there’s still a chance it could lose value. If you prefer not to take on that risk, or you expect to withdraw your money within the next year, our Cash Account might be a better fit for you. If you’re looking for long-term growth and you’re able to take on more risk for potentially higher returns, consider our automated index investing portfolios."
}, {
id: 4,
question: "When do I get my dividends?",
answer: "Glad you asked! You’ll get a dividend from each of your bond ETFs sometime around the beginning of the month. But keep in mind that December and January are a little different: Because these ETFs usually have year-end distribution requirements, you’ll typically see larger dividend payments (or multiple dividend payments) in December, but none in January."
}, {
id: 5,
question: "How does the tax-optimization part work?",
answer: "Some bonds are extra special because your gains can be exempt from state or federal taxes. We’ll ask you a few questions to understand your specific tax situation and then build you a portfolio to maximize your after-tax yield with this personalized allocation. And as time goes on, we’ll use our industry-leading Tax-Loss Harvesting software to look for opportunities to lower your tax bill even more."
}, {
id: 6,
question: "OK, but there’s a fee? Walk me through it.",
answer: "We charge a small, 0.25% annual advisory fee for the Automated Bond Portfolio, just like with our Automated Investing Account. Not only will we handle all the trades for you, but we’ll automatically reinvest your dividends, rebalance your portfolio, and look for regular Tax-Loss Harvesting opportunities, whenever possible. All you have to do is sit back and watch your money earn more money."
}, {
id: 7,
question: "Is my portfolio really liquid?",
answer: "It really is. Generally, it takes 3-4 business days to withdraw since your money is in bond ETFs, not a savings account. But unlike CDs or I bonds, there’s no penalty to withdraw your money whenever you need it.",
reactAnswer: (0, a.jsxs)("p", {
children: ["It really is. Generally, it takes", " ", (0, a.jsx)(j.Z, {
href: "https://support.wealthfront.com/hc/en-us/articles/209358506-How-long-does-it-take-to-withdraw-funds-from-my-Automated-Investing-Account",
trackingDetails: {
category: f.WD.Hyperlink,
name: "faq-withdrawal-timing-info"
},
amplitudeClickProperties: {
target_element: "faq-withdrawal-timing-info",
click_type: "hyperlink"
},
target: "_blank",
children: "3-4 business days"
}), " ", "to withdraw since your money is in bond ETFs, not a savings account. But unlike CDs or I bonds, there’s no penalty to withdraw your money whenever you need it."]
})
}];
function FrequentlyAskedQuestions() {
return (0, a.jsx)("div", {
"data-testid": "faq-module",
className: "relative px-4 md:px-12 lg:px-16",
children: (0, a.jsx)("div", {
className: "mx-auto max-w-[1766px] border-eggplant text-eggplant",
children: (0, a.jsx)(P.Z, {
heading: (0, a.jsxs)("h2", {
className: "2xl:whitespace-nowrap",
children: ["When it comes to bonds, ", (0, a.jsx)("span", {
className: "block",
children: "everyone has questions."
})]
}),
description: (0, a.jsx)("h3", {
className: "max-w-[448px] font-serif text-xl leading-5",
children: "Learn more about our portfolio of bond ETFs with these helpful FAQs."
}),
children: D.map(e => (0, a.jsxs)(P.Z.FAQItem, {
question: e.question,
children: [e.reactAnswer ? e.reactAnswer : e.answer, e.cta && (0, a.jsx)(j.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: e.cta.text
})]
}, e.id))
})
})
})
}
function AutomatedBondPortfolioPage() {
return (0, a.jsxs)("div", {
className: "overflow-hidden bg-[#FFFBF5]",
children: [(0, a.jsx)(d.Z, {
mobileSurface: "light",
position: "static"
}), (0, a.jsx)("main", {
className: "text-content-primary",
"data-testid": "automated-bond-portfolio",
children: (0, a.jsxs)("div", {
className: "px-4 md:px-12 xl:px-16 space-y-16 lg:space-y-32",
children: [(0, a.jsx)(HeroSection, {}), (0, a.jsx)(WSJTestimonial, {}), (0, a.jsx)(ExamplePortfolio, {}), (0, a.jsx)(HigherYield, {}), (0, a.jsx)(GoldilocksRisk, {}), (0, a.jsx)(ThinkingAboutCompetition, {}), (0, a.jsx)(WeDoTheWork, {}), (0, a.jsx)(FrequentlyAskedQuestions, {})]
})
}), (0, a.jsx)(l.ZP, {
disclosures: (0, a.jsx)(r.Z, {})
})]
})
}
var q = i(52983),
L = !0;
function AutomatedBondPortfolio(e) {
return (0, q.useEffect)(() => {
u.Z.trackPage("site-lp", "automated-bond-portfolio"), g.K.trackImpressionEvent({
category: f.WD.SiteLandingPage,
name: "automated-bond-portfolio"
})
}, []), (0, a.jsxs)(s.Z, {
...e,
children: [(0, a.jsx)(n.C, {
faqData: o.Z
}), (0, a.jsx)(AutomatedBondPortfolioPage, {})]
})
}
}
},
function(e) {
e.O(0, [7255, 8355, 3349, 3582, 3746, 2378, 3684, 3445, 9774, 2888, 179], function() {
return e(e.s = 104)
}), _N_E = e.O()
}
]);