finance-calculator/app/page.tsx

74 lines
3.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import FinanceCalculator from "@/components/finance-calculator"
import { UserNav } from "@/components/auth/user-nav"
import { LoginSuggestion } from "@/components/login-suggestion"
import { Metadata } from "next"
export const metadata: Metadata = {
title: "智能理财计算器 - 专业的投资收益分析工具",
description: "免费在线理财计算器,支持多币种投资收益计算、年化收益率分析、投资组合管理。科学规划投资,精准计算理财产品收益,助您做出明智投资决策。",
keywords: ["理财计算器", "投资收益计算", "年化收益率", "理财工具", "投资分析", "收益计算", "理财规划"],
}
export default function Home() {
return (
<main className="container mx-auto py-8 px-4">
<div className="flex justify-between items-center mb-6">
<div>
<h1 className="text-3xl font-bold mb-2"></h1>
<p className="text-lg text-muted-foreground"></p>
</div>
<UserNav />
</div>
<div className="mb-8">
<div className="bg-muted/50 rounded-lg p-6 mb-6">
<h2 className="text-xl font-semibold mb-3"></h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm">
<div className="flex items-center space-x-2">
<span className="w-2 h-2 bg-primary rounded-full"></span>
<span></span>
</div>
<div className="flex items-center space-x-2">
<span className="w-2 h-2 bg-primary rounded-full"></span>
<span></span>
</div>
<div className="flex items-center space-x-2">
<span className="w-2 h-2 bg-primary rounded-full"></span>
<span></span>
</div>
<div className="flex items-center space-x-2">
<span className="w-2 h-2 bg-primary rounded-full"></span>
<span></span>
</div>
<div className="flex items-center space-x-2">
<span className="w-2 h-2 bg-primary rounded-full"></span>
<span></span>
</div>
<div className="flex items-center space-x-2">
<span className="w-2 h-2 bg-primary rounded-full"></span>
<span></span>
</div>
</div>
</div>
{/* 登录建议组件 */}
<LoginSuggestion />
</div>
<FinanceCalculator />
<footer className="mt-12 pt-8 border-t">
<div className="text-center text-sm text-muted-foreground">
<p className="mb-2">
线
</p>
<p>
© 2024 . 便
</p>
</div>
</footer>
</main>
)
}