70 lines
2.6 KiB
TypeScript
70 lines
2.6 KiB
TypeScript
import {
|
|
Card,
|
|
CardHeader,
|
|
CardTitle,
|
|
CardDescription,
|
|
CardContent,
|
|
} from "@/components/ui/card"
|
|
import { Separator } from "@/components/ui/separator"
|
|
import { CreditCard } from "lucide-react"
|
|
|
|
export default function OperationalCosts() {
|
|
return (
|
|
<Card className="col-span-full md:col-span-1">
|
|
<CardHeader>
|
|
<CardTitle className="flex items-center text-xl gap-2">
|
|
<CreditCard size={20} />
|
|
Operational Costs
|
|
</CardTitle>
|
|
<CardDescription>How much it costs us to run LibreCloud each month</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<span className="text-sm"><span className="font-bold">Month of:</span> April</span>
|
|
<Separator className="my-4" />
|
|
<div className="flex items-center justify-between">
|
|
<span className="font-bold uppercase">Server</span>
|
|
<span className="font-bold uppercase">Price</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">librecloud.cc</span>
|
|
<span>14,95€</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">user.pontusmail.org</span>
|
|
<span>18,95€</span>
|
|
</div>
|
|
<Separator className="my-4" />
|
|
<div className="flex items-center justify-between">
|
|
<span className="font-bold uppercase">Domains</span>
|
|
<span className="font-bold uppercase">Price</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">0 Domains</span>
|
|
<span>0,00€</span>
|
|
</div>
|
|
<Separator className="my-4" />
|
|
<div className="flex items-center justify-between">
|
|
<span className="font-bold uppercase">Addons</span>
|
|
<span className="font-bold uppercase">Price</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">0GB Disk Space</span>
|
|
<span>0,00€</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">0GB RAM</span>
|
|
<span>0,00€</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">0 IP Addresses</span>
|
|
<span>0,00€</span>
|
|
</div>
|
|
<Separator className="my-4" />
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="font-bold">TOTAL</span>
|
|
<span className="font-bold">33,90€</span>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
} |