From 17f2de2a73e02ef9c8a117bf0956c7b3b57a61ac Mon Sep 17 00:00:00 2001 From: "gpt-engineer-app[bot]" <159125892+gpt-engineer-app[bot]@users.noreply.github.com> Date: Sun, 15 Jun 2025 20:01:20 +0000 Subject: [PATCH] feat: Add subscription page to settings Adds a subscription page within the settings section, including a title, a card displaying plan details (name, price, benefits), and "Subscribe Now" and "View Details" buttons. Uses Tailwind CSS for styling. --- src/pages/Configuracoes.tsx | 58 ++++++++++++++++++++++++++++++++++--- 1 file changed, 54 insertions(+), 4 deletions(-) diff --git a/src/pages/Configuracoes.tsx b/src/pages/Configuracoes.tsx index 5683133..5d939b9 100644 --- a/src/pages/Configuracoes.tsx +++ b/src/pages/Configuracoes.tsx @@ -3,8 +3,16 @@ import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"; import MeuCadastroForm from "@/components/settings/MeuCadastroForm"; import { useState } from "react"; import { Button } from "@/components/ui/button"; -import { ArrowLeft } from "lucide-react"; +import { ArrowLeft, Check } from "lucide-react"; import { Link } from "react-router-dom"; +import { + Card, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/components/ui/card"; const Configuracoes = () => { const [tab, setTab] = useState("visao-geral"); @@ -37,9 +45,51 @@ const Configuracoes = () => { -
-
Em breve!
-
Funcionalidades de assinatura serão lançadas em breve.
+
+

+ Assinatura Mensal +

+ + + + Plano Mensal Finance Home + + + R$14,99 + + /mês + + + + +
    +
  • + + + Acesso total ao Finance Home + +
  • +
  • + + + Relatórios ilimitados + +
  • +
  • + + + Exportação de dados + +
  • +
+
+ + + + +