diff --git a/src/app/globals.css b/src/app/globals.css index 751c66d..3930989 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3,19 +3,23 @@ @tailwind utilities; :root { - --bg-dark: #1a1a2e; - --blue: #0056b3; - --green: #00a651; - --orange: #f39200; + --mundo-primary: #001B4A; + --mundo-green: #00a651; + --mundo-orange: #f39200; + --mundo-dark: #001227; } body { - font-family: system-ui, sans-serif; + font-family: "Ubuntu", "Manrope", system-ui, sans-serif; -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } @layer utilities { .bg-gradient-mundo { - background: linear-gradient(135deg, var(--bg-dark) 0%, var(--blue) 100%); + background: linear-gradient(135deg, var(--mundo-dark) 0%, var(--mundo-primary) 50%, #002d6e 100%); + } + .bg-gradient-card { + background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%); } } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 333a5bb..ab88d90 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -3,10 +3,15 @@ import "./globals.css"; export const metadata: Metadata = { title: "Omni-Cloud Solutions | Mundo Telecom", - description: "Omnichannel, PABX IP, CRM e mais — soluções integradas de comunicação para sua empresa", + description: + "Omnichannel, PABX IP, WebRTC, CRM e Acesso Remoto — soluções integradas de comunicação empresarial da Mundo Telecom.", }; -export default function RootLayout({ children }: { children: React.ReactNode }) { +export default function RootLayout({ + children, +}: { + children: React.ReactNode; +}) { return ( {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index b337404..cdca8a9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,7 +1,11 @@ import { Header } from "@/components/Header"; import { Hero } from "@/components/Hero"; +import { Solutions } from "@/components/Solutions"; +import { About } from "@/components/About"; +import { Stats } from "@/components/Stats"; import { Plans } from "@/components/Plans"; import { Features } from "@/components/Features"; +import { Partners } from "@/components/Partners"; import { Contact } from "@/components/Contact"; import { Footer } from "@/components/Footer"; @@ -10,8 +14,12 @@ export default function Home() {
+ + + +
diff --git a/src/components/About.tsx b/src/components/About.tsx new file mode 100644 index 0000000..c4621fc --- /dev/null +++ b/src/components/About.tsx @@ -0,0 +1,30 @@ +export function About() { + return ( +
+
+

+ Um breve resumo sobre a nossa empresa... +

+
+ + “ + +

+ Somos a Mundo Telecom, uma operadora e integradora + de soluções em telecomunicações, comprometida em atender tanto + empresas quanto órgãos públicos. Autorizados pela ANATEL, nossa + missão é fornecer alternativas inteligentes que garantam economia, + agilidade e qualidade em todas as soluções que oferecemos. +

+ + ” + +
+

+ Conheça o Omni-Cloud Solutions + , nossa plataforma de última geração para comunicação empresarial. +

+
+
+ ); +} diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx index 6f6737b..dc06ae9 100644 --- a/src/components/Contact.tsx +++ b/src/components/Contact.tsx @@ -3,31 +3,71 @@ export function Contact() {
-

Solicite uma demonstração

-

Preencha o formulário e nossa equipe entrará em contato em até 24h.

+

+ Solicite uma demonstração +

+

+ Preencha o formulário e nossa equipe entrará em contato em até 24h. +

- - + +
- - + + -

📧 diegomartins@mundotelecom.com.br

-

📞 0800 031 1919 | (31) 2011-2000 | (61) 2010-0000 | (11) 5600-0000

+

+ 📞 0800 031 1919 | (31) 2011-2000 | (61) 2010-0000 | (11) 5600-0000 +

diff --git a/src/components/Features.tsx b/src/components/Features.tsx index 4a9a612..00e3bde 100644 --- a/src/components/Features.tsx +++ b/src/components/Features.tsx @@ -9,15 +9,22 @@ const features = [ export function Features() { return ( -
+
-

Tudo que sua empresa precisa

-

Módulos integrados que trabalham juntos para transformar sua comunicação.

+

+ Tudo que sua empresa precisa +

+

+ Módulos integrados que trabalham juntos para transformar sua comunicação. +

{features.map((f) => ( -
+
{f.icon}

{f.title}

{f.desc}

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index c6d3438..93eefcb 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,13 +1,46 @@ export function Footer() { return ( -