diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..b5f98f3
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,298 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { useState, useEffect } from "react";
+import { CheckCircle, Clock, Settings, MessageSquare, Mic, Volume2, Edit2, Save, X } from "lucide-react";
+
+export default function DashboardPage() {
+ const [daysRemaining, setDaysRemaining] = useState(7);
+ const [isEditingCompany, setIsEditingCompany] = useState(false);
+ const [companyName, setCompanyName] = useState("Minha Empresa");
+ const [industry, setIndustry] = useState("Varejo");
+ const [website, setWebsite] = useState("");
+ const [instagram, setInstagram] = useState("");
+ const [whatsapp, setWhatsapp] = useState("");
+ const [description, setDescription] = useState("");
+
+ const navItems = [
+ { name: "Recursos", id: "features" },
+ { name: "Preços", id: "pricing" },
+ { name: "FAQ", id: "faq" },
+ ];
+
+ useEffect(() => {
+ const timer = setInterval(() => {
+ setDaysRemaining(prev => {
+ if (prev <= 1) {
+ clearInterval(timer);
+ return 0;
+ }
+ return prev - 1;
+ });
+ }, 86400000);
+
+ return () => clearInterval(timer);
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+ {/* Header */}
+
+
Dashboard
+
Gerenciar seu agente IA e configurações
+
+
+ {/* Trial Status */}
+
+
+
+
Status do Teste Grátis
+
Você tem acesso completo a todos os recursos
+
+
+
+ {daysRemaining} dia{daysRemaining !== 1 ? 's' : ''} restante{daysRemaining !== 1 ? 's' : ''}
+
+
+
+
+
+
+
{daysRemaining}
+
dias
+
+
+
+
+
+
+ {/* Agent Status */}
+
+
+
+
+
Status do Agente
+
+
Online
+
Pronto para atender
+
+
+
+
+
+
Conversas Hoje
+
+
24
+
De 500/mês
+
+
+
+
+
+
Voz Clonada
+
+
Ativa
+
Pronta para usar
+
+
+
+ {/* Company Configuration */}
+
+
+
+
+
Configuração da Empresa
+
+
+
+
+ {!isEditingCompany ? (
+
+
+
Nome da Empresa
+
{companyName}
+
+
+
Ramo de Negócio
+
{industry}
+
+
+
Website
+
+ {website || "Não configurado"}
+
+
+
+
Instagram
+
+ {instagram || "Não configurado"}
+
+
+
+
WhatsApp
+
+ {whatsapp || "Não configurado"}
+
+
+
+
Descrição
+
+ {description || "Nenhuma descrição adicionada"}
+
+
+
+ ) : (
+
+ )}
+
+
+ {/* Quick Actions */}
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8308e8b..86e9854 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,69 +1,24 @@
import type { Metadata } from "next";
-import { Public_Sans } from "next/font/google";
-import { Inter } from "next/font/google";
+import { DM_Sans } from "next/font/google";
import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-const publicSans = Public_Sans({
- variable: "--font-public-sans",
- subsets: ["latin"],
-});
-
-const inter = Inter({
- variable: "--font-inter",
- subsets: ["latin"],
+const dmSans = DM_Sans({
+ variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "WhatsAppAI Agent - Premium AI Customer Support Platform",
- description: "Transform customer support with AI-powered WhatsApp agents featuring emotional intelligence, voice cloning, and 24/7 automation. Start your free 7-day trial today.",
- keywords: "AI customer support, WhatsApp chatbot, customer service automation, AI agent, conversation AI, voice cloning, 24/7 support",
- metadataBase: new URL("https://www.whatsappaigent.com"),
- alternates: {
- canonical: "https://www.whatsappaigent.com",
- },
- openGraph: {
- title: "WhatsAppAI Agent - Premium AI Customer Support",
- description: "Intelligent WhatsApp agents that think, learn, and convert. 24/7 customer support with emotional intelligence and voice cloning.",
- url: "https://www.whatsappaigent.com",
- siteName: "WhatsAppAI",
- type: "website",
- images: [
- {
- url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXuL8hhvkbDSpwokY4DxWRxdJy/a-modern-ai-whatsapp-customer-support-da-1772751311801-b427470d.png",
- alt: "WhatsAppAI Dashboard Interface",
- },
- ],
- },
- twitter: {
- card: "summary_large_image",
- title: "WhatsAppAI Agent - AI-Powered Customer Support",
- description: "Meet your premium AI customer support agent for WhatsApp. Emotional intelligence + voice cloning + 24/7 automation.",
- images: [
- "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXuL8hhvkbDSpwokY4DxWRxdJy/a-modern-ai-whatsapp-customer-support-da-1772751311801-b427470d.png",
- ],
- },
- robots: {
- index: true,
- follow: true,
- },
-};
+ title: "WhatsAppAI - Plataforma SaaS de Chatbot com IA", description: "Crie chatbots inteligentes com IA para WhatsApp e redes sociais. Teste grátis por 7 dias. Dashboard, clonagem de voz e respostas naturais."};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
-
-
- {children}
-
+
+
+ {children}
+
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..f2d499b
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,166 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { useState } from "react";
+import { ArrowRight } from "lucide-react";
+
+export default function LoginPage() {
+ const [isLogin, setIsLogin] = useState(true);
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [name, setName] = useState("");
+ const [confirmPassword, setConfirmPassword] = useState("");
+
+ const navItems = [
+ { name: "Recursos", id: "features" },
+ { name: "Preços", id: "pricing" },
+ { name: "FAQ", id: "faq" },
+ ];
+
+ return (
+
+
+
+
+
+
+
+
+
+ {isLogin ? "Entrar" : "Criar Conta"}
+
+
+ {isLogin
+ ? "Acesse sua plataforma de chatbot com IA"
+ : "Comece seu teste gratuito de 7 dias"}
+
+
+
+
+
+ {isLogin ? "Não tem conta?" : "Já tem conta?"}
+
+
+
+ {!isLogin && (
+
+ Ao se registrar, você concorda com nossos Termos de Serviço e Política de Privacidade
+
+ )}
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1dad91e..97de1ff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,16 +9,15 @@ import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Zap, Brain, Award, CheckCircle, Rocket, Star, Gift, Users, HelpCircle, TrendingUp } from "lucide-react";
+import { Zap, Brain, Award, CheckCircle, Rocket, Star, Gift, Users, HelpCircle, TrendingUp, MessageCircle, Mic, Volume2, Lock, BarChart3 } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
const navItems = [
- { name: "Features", id: "features" },
- { name: "Pricing", id: "pricing" },
+ { name: "Recursos", id: "features" },
+ { name: "Preços", id: "pricing" },
{ name: "Demo", id: "demo" },
{ name: "FAQ", id: "faq" },
- { name: "Contact", id: "contact" },
];
return (
@@ -28,7 +27,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
- background="grid"
+ background="plain"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -39,25 +38,26 @@ export default function HomePage() {
brandName="WhatsAppAI"
navItems={navItems}
button={{
- text: "Start Free Trial", href: "https://app.whatsappaigent.com/signup"}}
+ text: "Iniciar Teste Grátis", href: "/login"
+ }}
/>
@@ -65,44 +65,48 @@ export default function HomePage() {
@@ -110,35 +114,38 @@ export default function HomePage() {
@@ -147,17 +154,21 @@ export default function HomePage() {
@@ -167,21 +178,27 @@ export default function HomePage() {
@@ -189,48 +206,48 @@ export default function HomePage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index e6e4ae5..c480bac 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
- font-family: var(--font-inter), sans-serif;
+ font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
- font-family: var(--font-public-sans), sans-serif;
+ font-family: var(--font-dm-sans), sans-serif;
}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..7f33b29 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #fcf6ec;
- --card: #f3ede2;
- --foreground: #2e2521;
- --primary-cta: #2e2521;
- --primary-cta-text: #fcf6ec;
+ --background: #f5f5f5;
+ --card: #ffffff;
+ --foreground: #1c1c1c;
+ --primary-cta: #1c1c1c;
+ --primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
- --secondary-cta-text: #2e2521;
- --accent: #b2a28b;
- --background-accent: #b2a28b;
+ --secondary-cta-text: #1c1c1c;
+ --accent: #e2e2e2;
+ --background-accent: #d4d4d4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);