schulze/fire
schulze/fire
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Releases Activity

Compare commits

base: schulze:5f90724cf68f5a1a1b92811a70b22d48ea37ff8b
Branches Tags
schulze:main
..
compare: schulze:541c443efd2c571d47223cdfc9e0751093f136fd
Branches Tags
schulze:main

No commits in common. "5f90724cf68f5a1a1b92811a70b22d48ea37ff8b" and "541c443efd2c571d47223cdfc9e0751093f136fd" have entirely different histories.
5f90724cf6 ... 541c443efd

3 changed files with 200 additions and 228 deletions
Show Stats Expand all files Collapse all files

67
src/app/components/FireCalculatorForm.tsx
View File

@ -383,8 +383,8 @@ export default function FireCalculatorForm() {
<Slider <Slider
name="retirementAge" name="retirementAge"
value={[field.value]} value={[field.value]}
min={25} min={18}
max={75} max={form.getValues("lifeExpectancy")}
step={1} step={1}
onValueChange={(value) => { onValueChange={(value) => {
field.onChange(...value); field.onChange(...value);
@ -412,14 +412,23 @@ export default function FireCalculatorForm() {
Projected balance growth with your selected retirement age Projected balance growth with your selected retirement age
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent className="px-2"> <CardContent>
<ChartContainer <ChartContainer
className="aspect-auto h-80 w-full" className="aspect-auto h-80 w-full"
config={{}} config={{
balance: {
label: "Balance",
color: "var(--chart-1)",
},
realBalance: {
label: "Real Balance",
color: "var(--chart-3)",
},
}}
> >
<AreaChart <AreaChart
data={result.yearlyData} data={result.yearlyData}
margin={{ top: 10, right: 20, left: 20, bottom: 10 }} margin={{ top: 20, right: 30, left: 20, bottom: 20 }}
> >
<CartesianGrid strokeDasharray="3 3" /> <CartesianGrid strokeDasharray="3 3" />
<XAxis <XAxis
@ -430,10 +439,7 @@ export default function FireCalculatorForm() {
offset: -10, offset: -10,
}} }}
/> />
{/* Left Y axis */}
<YAxis <YAxis
yAxisId={"left"}
orientation="left"
tickFormatter={(value: number) => { tickFormatter={(value: number) => {
if (value >= 1000000) { if (value >= 1000000) {
return `${(value / 1000000).toPrecision(3)}M`; return `${(value / 1000000).toPrecision(3)}M`;
@ -446,21 +452,7 @@ export default function FireCalculatorForm() {
} }
return value.toString(); return value.toString();
}} }}
width={30} width={25}
/>
{/* Right Y axis */}
<YAxis
yAxisId="right"
orientation="right"
tickFormatter={(value: number) => {
if (value >= 1000000) {
return `${(value / 1000000).toPrecision(3)}M`;
} else if (value >= 1000) {
return `${(value / 1000).toPrecision(3)}K`;
}
return value.toString();
}}
width={30}
/> />
<ChartTooltip content={tooltipRenderer} /> <ChartTooltip content={tooltipRenderer} />
<defs> <defs>
@ -482,6 +474,24 @@ export default function FireCalculatorForm() {
stopOpacity={0.1} stopOpacity={0.1}
/> />
</linearGradient> </linearGradient>
<linearGradient
id="fillAllowance"
x1="0"
y1="0"
x2="0"
y2="1"
>
<stop
offset="5%"
stopColor="var(--chart-2)"
stopOpacity={0.8}
/>
<stop
offset="95%"
stopColor="var(--chart-2)"
stopOpacity={0.1}
/>
</linearGradient>
</defs> </defs>
<Area <Area
type="monotone" type="monotone"
@ -489,20 +499,17 @@ export default function FireCalculatorForm() {
name="balance" name="balance"
stroke="var(--chart-1)" stroke="var(--chart-1)"
fill="url(#fillBalance)" fill="url(#fillBalance)"
fillOpacity={0.9} fillOpacity={0.4}
activeDot={{ r: 6 }} activeDot={{ r: 6 }}
yAxisId={"left"}
stackId={"a"}
/> />
<Area <Area
type="monotone" type="monotone"
dataKey="monthlyAllowance" dataKey="monthlyAllowance"
name="allowance" name="allowance"
stroke="var(--chart-2)" stroke="var(--chart-2)"
fill="none" fill="url(#fillAllowance)"
fillOpacity={0.4}
activeDot={{ r: 6 }} activeDot={{ r: 6 }}
yAxisId="right"
stackId={"a"}
/> />
{result.fireNumber && ( {result.fireNumber && (
<ReferenceLine <ReferenceLine
@ -514,7 +521,6 @@ export default function FireCalculatorForm() {
value: "FIRE Number", value: "FIRE Number",
position: "insideBottomRight", position: "insideBottomRight",
}} }}
yAxisId={"left"}
/> />
)} )}
<ReferenceLine <ReferenceLine
@ -529,7 +535,6 @@ export default function FireCalculatorForm() {
value: "Retirement", value: "Retirement",
position: "insideTopRight", position: "insideTopRight",
}} }}
yAxisId={"left"}
/> />
</AreaChart> </AreaChart>
</ChartContainer> </ChartContainer>

16
src/app/components/footer.tsx
View File

@ -1,16 +0,0 @@
export default function Footer() {
return (
<footer className="w-full py-8 text-center text-xs">
<p className="text-xs">
© {new Date().getFullYear()} InvestingFIRE. All rights reserved.{" "}
<a
href="https://schulze.network"
target="_blank"
className="text-primary hover:underline"
>
Hosting by Schulze.network
</a>
</p>
</footer>
);
}

345
src/app/page.tsx
View File

@ -6,13 +6,12 @@ import {
AccordionItem, AccordionItem,
AccordionTrigger, AccordionTrigger,
} from "@/components/ui/accordion"; } from "@/components/ui/accordion";
import Footer from "./components/footer";
export default function HomePage() { export default function HomePage() {
return ( return (
<main className="text-primary-foreground to-destructive from-secondary flex min-h-screen flex-col items-center bg-gradient-to-b p-2"> <main className="text-primary-foreground to-destructive from-secondary flex min-h-screen flex-col items-center bg-gradient-to-b p-4">
<div className="mx-auto flex flex-col items-center justify-center gap-4 text-center"> <div className="mx-auto flex flex-col items-center justify-center gap-4 text-center">
<div className="mt-8 flex flex-row flex-wrap items-center justify-center gap-4 align-middle"> <div className="flex flex-row flex-wrap items-center justify-center gap-4 align-middle">
<Image <Image
src="/investingfire_logo_no-bg.svg" src="/investingfire_logo_no-bg.svg"
alt="InvestingFIRE Logo" alt="InvestingFIRE Logo"
@ -35,32 +34,26 @@ export default function HomePage() {
<div className="mx-auto max-w-2xl py-12 text-left"> <div className="mx-auto max-w-2xl py-12 text-left">
<section className="mb-12"> <section className="mb-12">
<h2 className="mb-4 text-3xl font-bold"> <h2 className="mb-4 text-3xl font-bold">
What Is FIRE? Understanding Financial Independence and Early What is FIRE? Understanding Financial Independence and Early
Retirement Retirement
</h2> </h2>
<p className="mb-4 text-lg leading-relaxed"> <p className="mb-4 text-lg leading-relaxed">
FIRE stands for{" "} FIRE stands for &quot;Financial Independence, Retire Early.&quot;
<strong>Financial Independence, Retire Early</strong>. It&apos;s a It&apos;s a movement focused on aggressive saving and strategic
lifestyle movement built around two core ideas: investing to build a substantial portfolio. The goal is for
investment returns to cover living expenses indefinitely, freeing
you from traditional employment. Achieving FIRE means gaining the
freedom to pursue passions, travel, or simply enjoy life without
needing a regular paycheck. Sound investing advice is crucial for
building the wealth needed.
</p> </p>
<ul className="mb-4 ml-6 list-disc space-y-2 text-lg">
<li>
<strong>Aggressive saving & investing</strong>—often 50%+ of
income—so your capital grows rapidly.
</li>
<li>
<strong>Passive-income coverage</strong>—when your investment
returns exceed your living expenses, you gain freedom from a
traditional 9-5.
</li>
</ul>
<p className="text-lg leading-relaxed"> <p className="text-lg leading-relaxed">
By reaching your personal <em>FIRE Number</em>—the nest egg needed The core principle involves maximizing your savings rate (often
to cover your inflation-adjusted spending—you unlock the option to 50%+) and investing wisely, typically in low-cost, diversified
step away from a daily paycheck and pursue passion projects, travel, assets like index funds. Your &quot;FIRE number&quot; – the capital
family, or anything else. This calculator helps you simulate your needed – is often estimated as 25 times your desired annual
journey, estimate how much you need, and visualize both your spending, derived from the 4% safe withdrawal rate guideline. This
accumulation phase and your retirement withdrawals over time. FIRE calculator helps you personalize this estimate.
</p> </p>
</section> </section>
@ -69,58 +62,51 @@ export default function HomePage() {
How This FIRE Calculator Provides Investing Insights How This FIRE Calculator Provides Investing Insights
</h2> </h2>
<p className="mb-4 text-lg leading-relaxed"> <p className="mb-4 text-lg leading-relaxed">
Our interactive tool goes beyond a simple “25x annual spending” This calculator helps visualize your path to FIRE by projecting
rule. It runs a <strong>year-by-year simulation</strong> of your investment growth based on your inputs. Understanding these
portfolio, combining: projections is a key piece of investing advice for long-term
planning. Here&apos;s a breakdown of the inputs:
</p> </p>
<ul className="mb-4 ml-6 list-disc space-y-2 text-lg"> <ul className="mb-4 ml-6 list-disc space-y-2 text-lg">
<li> <li>
<strong>Starting Capital</strong>—your current invested balance <strong>Starting Capital:</strong> The total amount you currently
have invested.
</li> </li>
<li> <li>
<strong>Monthly Savings</strong>—ongoing contributions to your <strong>Monthly Savings:</strong> The amount you consistently save
portfolio and invest each month.
</li> </li>
<li> <li>
<strong>Expected Annual Growth Rate (CAGR)</strong>—compounding <strong>Current Age:</strong> Your current age in years.
returns before inflation
</li> </li>
<li> <li>
<strong>Annual Inflation Rate</strong>—to inflate your target <strong>Expected Annual Growth Rate (%):</strong> The average
withdrawal each year annual return you expect from your investments (after fees, before
inflation).
</li> </li>
<li> <li>
<strong>Desired Monthly Allowance</strong>—today&apos;s-value <strong>Desired Monthly Allowance (Today&apos;s Value):</strong>{" "}
spending goal How much you want to be able to spend each month in retirement, in
today&apos;s money value.
</li> </li>
<li> <li>
<strong>Retirement Age & Life Expectancy</strong>—defines your <strong>Annual Inflation Rate (%):</strong> The expected average
accumulation horizon and payout period rate at which the cost of living will increase.
</li>
</ul>
<p className="text-lg leading-relaxed">Key features:</p>
<ul className="mb-4 ml-6 list-disc space-y-2 text-lg">
<li>
<strong>Real-time calculation</strong>—as you tweak any input,
your FIRE Number and chart update instantly.
</li> </li>
<li> <li>
<strong>Interactive chart</strong> with area plots for both{" "} <strong>Life Expectancy (Age):</strong> The age until which you
<em>portfolio balance</em> and{" "} want your funds to last.
<em>inflation-adjusted allowance</em>, plus reference lines
showing your retirement date and required FIRE Number.
</li>
<li>
<strong>Custom simulation</strong>—switches from accumulation
(adding savings) to retirement (withdrawing allowance),
compounding each year based on your growth rate.
</li> </li>
</ul> </ul>
<p className="text-lg leading-relaxed"> <p className="text-lg leading-relaxed">
With this level of granularity, you can confidently experiment with The calculator simulates your investment growth year by year,
savings rate, target retirement age, and investment assumptions to incorporating monthly contributions, the power of compound growth (a
discover how small tweaks speed up or delay your path to financial core investing principle), and inflation&apos;s impact on your
independence. target allowance. It estimates the age at which your capital could
sustain your desired, inflation-adjusted monthly spending throughout
your expected retirement until your specified life expectancy. It
calculates your potential &quot;FIRE Number&quot; and the age you
might reach financial independence.
</p> </p>
</section> </section>
@ -131,106 +117,86 @@ export default function HomePage() {
<Accordion type="single" collapsible className="w-full"> <Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger className="text-xl font-semibold"> <AccordionTrigger className="text-xl font-semibold">
What methodology does this calculator use? What is the 4% rule?
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="text-lg leading-relaxed"> <AccordionContent className="text-lg leading-relaxed">
We run a multi-year projection in two phases: The 4% rule is a guideline suggesting that you can safely
<ol className="ml-6 list-decimal space-y-1"> withdraw 4% of your investment portfolio&apos;s value in your
<li> first year of retirement, and then adjust that amount for
<strong>Accumulation:</strong> Your balance grows by CAGR inflation each subsequent year, with a high probability of your
and you add monthly savings. money lasting for at least 30 years. This calculator uses a more
</li> dynamic simulation based on your life expectancy but is related
<li> to this concept.
<strong>Retirement:</strong> The balance continues
compounding, but you withdraw an inflation-adjusted monthly
allowance.
</li>
</ol>
The result: a precise estimate of the capital you&apos;ll have
at retirement (your “FIRE Number”) and how long it will last
until your chosen life expectancy.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-2"> <AccordionItem value="item-2">
<AccordionTrigger className="text-xl font-semibold"> <AccordionTrigger className="text-xl font-semibold">
Why isn&apos;t this just the 4% rule? Is the Expected Growth Rate realistic? Finding the right
investing advice often starts here.
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="text-lg leading-relaxed"> <AccordionContent className="text-lg leading-relaxed">
The 4% rule is a useful starting point (25× annual spending), Historically, diversified stock market investments have returned
but it assumes a fixed withdrawal rate with inflation around 7-10% annually long-term (before inflation). A rate of 7%
adjustments and doesn&apos;t model ongoing savings or dynamic (after fees) is common, but remember past performance
market returns. Our calculator simulates each year&apos;s doesn&apos;t guarantee future results, a fundamental piece of
growth, contributions, and inflation-indexed withdrawals to give investing advice. Choose a rate reflecting your risk tolerance
you a tailored picture. and investment strategy.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-3"> <AccordionItem value="item-3">
<AccordionTrigger className="text-xl font-semibold"> <AccordionTrigger className="text-xl font-semibold">
How do I choose a realistic growth rate? How does inflation impact my FIRE number?
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="text-lg leading-relaxed"> <AccordionContent className="text-lg leading-relaxed">
Historically, a diversified portfolio of equities and bonds has Inflation erodes the purchasing power of money over time. Your
returned around 7-10% per year before inflation. We recommend desired monthly allowance needs to increase each year just to
starting around 6-8% (net of fees), then running “what-if” maintain the same standard of living. This calculator accounts
scenarios—5% on the conservative side, 10% on the aggressive for this by adjusting your target allowance upwards based on the
side—to see how they affect your timeline. inflation rate you provide, ensuring the calculated FIRE number
supports your desired lifestyle in future dollars.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-4"> <AccordionItem value="item-4">
<AccordionTrigger className="text-xl font-semibold"> <AccordionTrigger className="text-xl font-semibold">
How does inflation factor into my FIRE Number? Can I really retire early with FIRE?
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="text-lg leading-relaxed"> <AccordionContent className="text-lg leading-relaxed">
Cost of living rises. To maintain today&apos;s lifestyle, your Retiring significantly early is achievable but demands
monthly allowance must grow each year by your inflation rate. discipline, a high savings rate, and smart investing. Success
This calculator automatically inflates your desired monthly depends on income, expenses, savings habits, and investment
spending and subtracts it from your portfolio during retirement, returns. Use this FIRE calculator as a planning tool,
ensuring your FIRE Number keeps pace with rising expenses. understanding it provides estimates based on your assumptions
and chosen investing approach.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-5"> <AccordionItem value="item-5">
<AccordionTrigger className="text-xl font-semibold"> <AccordionTrigger className="text-xl font-semibold">
Can I really retire early with FIRE? What does FIRE stand for?
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="text-lg leading-relaxed"> <AccordionContent className="text-lg leading-relaxed">
Early retirement is achievable with disciplined saving, smart FIRE stands for Financial Independence, Retire Early. It
investing, and realistic assumptions. This tool helps you set represents a lifestyle movement aimed at maximizing your savings
targets, visualize outcomes, and adjust inputs—so you can build rate through increased income and/or decreased expenses to
confidence in your plan and make informed trade-offs between achieve financial independence and retire much earlier than
lifestyle, risk, and timeline. traditional retirement age.
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-6"> <AccordionItem value="item-6">
<AccordionTrigger className="text-xl font-semibold"> <AccordionTrigger className="text-xl font-semibold">
How should I use this calculator effectively? How much should I save each month?
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="text-lg leading-relaxed"> <AccordionContent className="text-lg leading-relaxed">
<ul className="ml-6 list-disc space-y-1"> FIRE enthusiasts typically aim to save 50-70% of their income.
<li> The more you can save, the faster you&apos;ll reach your FIRE
Start with your actual numbers (capital, savings, age). goal. However, the right amount depends on your income,
</li> lifestyle, and target retirement age. Use the calculator to
<li> experiment with different monthly savings amounts to see their
Set conservative - mid - aggressive growth rates to bound impact on your retirement timeline.
possibilities.
</li>
<li>
Slide your retirement age to explore “early” vs.
“traditional” scenarios.
</li>
<li>
Review the chart—especially the reference lines—to see when
you hit FI and how withdrawals impact your balance.
</li>
<li>
Experiment with higher savings rates or lower target
spending to accelerate your path.
</li>
</ul>
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
@ -242,58 +208,50 @@ export default function HomePage() {
FIRE Journey & Investing Resources FIRE Journey & Investing Resources
</h2> </h2>
<p className="mb-6 text-lg leading-relaxed"> <p className="mb-6 text-lg leading-relaxed">
Ready to deepen your knowledge and build a bullet-proof plan? Below Ready to dive deeper into FIRE and solidify your investing strategy?
are some of our favorite blogs, books, tools, and communities for Explore these valuable resources for financial independence planning
financial independence and smart investing. and investing advice:
</p> </p>
<div className="bg-secondary/20 my-8 rounded-md p-4 text-lg"> <div className="bg-secondary/20 my-8 rounded-md p-4 text-lg">
<p className="font-semibold">Getting Started with FIRE:</p> <p className="font-semibold">Getting Started with FIRE:</p>
<ol className="ml-6 list-decimal space-y-1"> <ol className="ml-6 list-decimal space-y-1">
<li> <li>
Run your first projection above to find your target FIRE Number. Calculate your personal numbers using this FIRE calculator and
</li> other tools.
<li>Identify areas to boost savings or reduce expenses.</li>
<li>
Study index-fund strategies and low-cost investing advice.
</li> </li>
<li> <li>
Join{" "} Seek sound investing advice and consider joining communities
<a like r/Fire for support.
href="https://www.reddit.com/r/Fire/"
target="_blank"
className="text-primary hover:underline"
>
supportive communities like r/Fire
</a>{" "}
to learn from real journeys.
</li> </li>
<li>Explore books and podcasts to deepen your understanding</li>
</ol> </ol>
</div> </div>
<div className="grid gap-8 md:grid-cols-2"> <div className="grid gap-8 md:grid-cols-2">
<div> <div>
<h3 className="mb-3 text-xl font-semibold">Blogs & Websites</h3> <h3 className="mb-3 text-xl font-semibold">
Blogs & Investing Websites
</h3>
<ul className="ml-6 list-disc space-y-2 text-lg"> <ul className="ml-6 list-disc space-y-2 text-lg">
<li> <li>
<a <a
href="https://www.mrmoneymustache.com/" href="https://www.mrmoneymustache.com/2012/01/13/the-shockingly-simple-math-behind-early-retirement/"
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
Mr. Money Mustache Mr. Money Mustache - Simple Math Behind Early Retirement &
</a>{" "} Investing
- Hardcore frugality & early retirement success stories. </a>
</li> </li>
<li> <li>
<a <a
href="https://www.playingwithfire.co/" href="https://www.playingwithfire.co/resources"
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
Playing With FIRE Playing With FIRE - Comprehensive Resources
</a>{" "} </a>
- Community resources & real-life case studies.
</li> </li>
<li> <li>
<a <a
@ -301,15 +259,16 @@ export default function HomePage() {
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
r/Fire r/Fire Reddit Community
</a>{" "} </a>
- Active forum for questions, tips, and support.
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<h3 className="mb-3 text-xl font-semibold">Books & Podcasts</h3> <h3 className="mb-3 text-xl font-semibold">
Books & Investment Learning
</h3>
<ul className="ml-6 list-disc space-y-2 text-lg"> <ul className="ml-6 list-disc space-y-2 text-lg">
<li> <li>
<a <a
@ -317,19 +276,18 @@ export default function HomePage() {
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
Your Money or Your Life Your Money or Your Life - Foundational FIRE & Investing
</a>{" "} Principles
- The classic guide to aligning money with values. </a>
</li> </li>
<li> <li>
<a <a
href="https://podcasts.apple.com/us/podcast/biggerpockets-money-podcast/id1330225136" href="https://www.playingwithfire.co/"
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
BiggerPockets Money Podcast Playing With FIRE Documentary
</a>{" "} </a>
- Interviews on FIRE strategies and wealth building.
</li> </li>
<li> <li>
<a <a
@ -337,39 +295,37 @@ export default function HomePage() {
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
InvestingFIRE Calculator Demo BiggerPockets Money Podcast - FIRE Calculators & Investing
</a>{" "} Strategies
- Deep dive on how interactive projections can guide your </a>
plan.
</li> </li>
</ul> </ul>
</div> </div>
<div> <div>
<h3 className="mb-3 text-xl font-semibold"> <h3 className="mb-3 text-xl font-semibold">
Additional Calculators & Tools Additional FIRE & Investing Calculators
</h3> </h3>
<ul className="ml-6 list-disc space-y-2 text-lg"> <ul className="ml-6 list-disc space-y-2 text-lg">
<li>
<a
href="https://ghostfol.io"
target="_blank"
className="text-primary hover:underline"
>
Ghostfolio
</a>{" "}
- Wealth management application for individuals.
</li>
<li> <li>
<a <a
href="https://walletburst.com/tools/coast-fire-calculator/" href="https://walletburst.com/tools/coast-fire-calculator/"
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
Coast FIRE Calculator Coast FIRE Calculator - For those considering a partial
</a>{" "} early retirement
- When you “max out” early contributions but let compounding </a>
do the rest. </li>
<li>
<a
href="https://www.empower.com/retirement-calculator"
target="_blank"
className="text-primary hover:underline"
>
Empower Retirement Planner - Free portfolio analysis and net
worth tracking
</a>
</li> </li>
<li> <li>
<a <a
@ -377,16 +333,43 @@ export default function HomePage() {
target="_blank" target="_blank"
className="text-primary hover:underline" className="text-primary hover:underline"
> >
Compound Interest Calculator CAGR Compound Interest Calculator - Understand Investment
</a>{" "} Growth
- Explore the power of growth rates in isolation. </a>
</li>
</ul>
</div>
<div>
<h3 className="mb-3 text-xl font-semibold">
Recent Investing & FIRE Articles
</h3>
<ul className="ml-6 list-disc space-y-2 text-lg">
<li>
<a
href="https://www.businessinsider.com/retiring-tech-early-coast-fire-make-me-millionaire-2025-4"
target="_blank"
className="text-primary hover:underline"
>
Coast FIRE: Retiring in your 30s while becoming a
millionaire by 60
</a>
</li>
<li>
<a
href="https://www.businessinsider.com/financial-independence-retire-early-saving-loneliness-retreat-bali-making-friends-2025-2"
target="_blank"
className="text-primary hover:underline"
>
The Social Side of FIRE: Finding Community in Financial
Independence
</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
</div> </div>
<Footer />
</main> </main>
); );
} }