diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 0fec49f..c77f295 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,55 +1,43 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; -import { Inter } from "next/font/google"; -import { Poppins } from "next/font/google"; +import { Montserrat } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); - -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], -}); - -const poppins = Poppins({ - variable: "--font-poppins", subsets: ["latin"], - weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], +const montserrat = Montserrat({ + variable: "--font-montserrat", subsets: ["latin"], }); export const metadata: Metadata = { title: "Aula Ao Vivo: Negócio Global com Google Ads | Gerar em Dólar", description: "Descubra como construir um negócio global simples com Google Ads promovendo Nutra. Aula ao vivo com mentor que gera sete dígitos. Vagas limitadas.", keywords: "Google Ads, Nutra global, negócio online, gerar em dólar, aula ao vivo, marketing digital, empreendedorismo", metadataBase: new URL("https://aula-global-nutra.com"), alternates: { - canonical: "https://aula-global-nutra.com"}, + canonical: "https://aula-global-nutra.com" + }, openGraph: { title: "Aula Ao Vivo: Construa um Negócio Global que Gera Receita em Dólar", description: "Participe de uma aula ao vivo onde você aprenderá um modelo simples de negócio com Google Ads e Nutra. Mentor com sete dígitos de faturamento. Vagas limitadas.", url: "https://aula-global-nutra.com", siteName: "Aula Global Nutra", type: "website", images: [ { - url: "http://img.b2bpic.net/free-photo/young-sportswoman-with-headset-using-computer-living-room_637285-5357.jpg", alt: "Aula ao vivo sobre negócio global com Google Ads"}, - ], + url: "http://img.b2bpic.net/free-photo/young-sportswoman-with-headset-using-computer-living-room_637285-5357.jpg", alt: "Aula ao vivo sobre negócio global com Google Ads" + } + ] }, twitter: { - card: "summary_large_image", title: "Negócio Global: Gere em Dólar com Google Ads", description: "Aula ao vivo revelando o modelo simples que transforma empreendedores em donos de negócios lucrativos internacionais.", images: ["http://img.b2bpic.net/free-photo/young-sportswoman-with-headset-using-computer-living-room_637285-5357.jpg"], + card: "summary_large_image", title: "Negócio Global: Gere em Dólar com Google Ads", description: "Aula ao vivo revelando o modelo simples que transforma empreendedores em donos de negócios lucrativos internacionais.", images: ["http://img.b2bpic.net/free-photo/young-sportswoman-with-headset-using-computer-living-room_637285-5357.jpg"] }, robots: { index: true, - follow: true, - }, + follow: true + } }; export default function RootLayout({ - children, + children }: Readonly<{ children: React.ReactNode; }>) { return ( - + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 8cce51a..acde42c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,7 +34,8 @@ export default function LandingPage() { { name: "FAQ", id: "faq" }, ]} button={{ - text: "Garantir Vaga", href: "#pricing"}} + text: "Garantir Vaga", href: "#pricing" + }} animateOnLoad={true} /> @@ -48,24 +49,26 @@ export default function LandingPage() { tagAnimation="slide-up" buttons={[ { - text: "Quero Participar da Aula Ao Vivo", href: "#pricing"}, + text: "Quero Participar da Aula Ao Vivo", href: "#pricing" + }, ]} buttonAnimation="slide-up" background={{ - variant: "sparkles-gradient"}} + variant: "sparkles-gradient" + }} carouselItems={[ { - id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-with-headset-using-computer-living-room_637285-5357.jpg?_wi=1", imageAlt: "Webinar ao vivo sobre negócio global"}, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-planet-earth_1232-144.jpg?_wi=1", imageAlt: "Oportunidade global de negócios"}, { - id: "2", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg?_wi=1", imageAlt: "Dashboard do Google Ads com estratégia"}, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-jar-with-spices_23-2148685770.jpg?_wi=1", imageAlt: "Produtos Nutra internacionais"}, { - id: "3", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-planet-earth_1232-144.jpg?_wi=1", imageAlt: "Oportunidade global de negócios"}, + id: "3", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=1", imageAlt: "Gráfico de crescimento e sucesso"}, { - id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-jar-with-spices_23-2148685770.jpg?_wi=1", imageAlt: "Produtos Nutra internacionais"}, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-planet-earth_1232-144.jpg?_wi=2", imageAlt: "Oportunidade global de negócios"}, { - id: "5", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=1", imageAlt: "Gráfico de crescimento e sucesso"}, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-jar-with-spices_23-2148685770.jpg?_wi=2", imageAlt: "Produtos Nutra internacionais"}, { - id: "6", imageSrc: "http://img.b2bpic.net/free-photo/elementary-school-teacher-teaching-student-online-coronavirus-epidemic_637285-8898.jpg?_wi=1", imageAlt: "Sessão ao vivo com mentor"}, + id: "6", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=2", imageAlt: "Gráfico de crescimento e sucesso"} ]} autoPlay={true} autoPlayInterval={5000} @@ -83,11 +86,12 @@ export default function LandingPage() { title="De Vendedor de Rua a Sete Dígitos: A Jornada que Revelou o Modelo Simples que Transforma Vidas" buttons={[ { - text: "Saber Mais Sobre o Mentor", href: "#"}, + text: "Saber Mais Sobre o Mentor", href: "#" + }, ]} buttonAnimation="slide-up" useInvertedBackground={false} - containerClassName="max-w-3xl mx-auto py-16 md:py-24 px-4 bg-gradient-to-b from-transparent via-[#b90941]/5 to-transparent" + containerClassName="max-w-3xl mx-auto py-16 md:py-24 px-4 bg-gradient-to-b from-transparent via-[#d4a574]/5 to-transparent" titleClassName="text-3xl md:text-5xl font-bold leading-tight" /> @@ -98,9 +102,9 @@ export default function LandingPage() { { id: "01", title: "Mercados Saturados", description: "Competição excessiva no mercado brasileiro limita ganhos reais", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=2", imageAlt: "Mercado saturado"}, { - id: "02", title: "Estratégias Complexas", description: "Modelos que exigem conhecimento técnico avançado e equipes grandes", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286160.jpg?_wi=1", imageAlt: "Equipes complexas"}, + id: "02", title: "Estratégias Complexas", description: "Modelos que exigem conhecimento técnico avançado e equipes grandes", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=1", imageAlt: "Equipes complexas"}, { - id: "03", title: "Educação Teórica", description: "Cursos que ensinam teoria mas não entregam execução prática", imageSrc: "http://img.b2bpic.net/free-photo/elementary-school-teacher-teaching-student-online-coronavirus-epidemic_637285-8898.jpg?_wi=2", imageAlt: "Aula teórica"}, + id: "03", title: "Educação Teórica", description: "Cursos que ensinam teoria mas não entregam execução prática", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=2", imageAlt: "Aula teórica"}, { id: "04", title: "Margens Limitadas", description: "Negócios apenas no Brasil com margens pequenas e altamente competitivos", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-planet-earth_1232-144.jpg?_wi=2", imageAlt: "Mercado limitado"}, ]} @@ -125,11 +129,12 @@ export default function LandingPage() { title="A Oportunidade Global: Um Mercado de Bilhões Esperando Pela Estratégia Certa" buttons={[ { - text: "Descubra Como Capturar Essa Oportunidade", href: "#pricing"}, + text: "Descubra Como Capturar Essa Oportunidade", href: "#pricing" + }, ]} buttonAnimation="slide-up" useInvertedBackground={false} - containerClassName="max-w-4xl mx-auto py-16 md:py-24 px-4 bg-gradient-to-b from-[#b90941]/5 to-transparent" + containerClassName="max-w-4xl mx-auto py-16 md:py-24 px-4 bg-gradient-to-b from-[#d4a574]/5 to-transparent" titleClassName="text-3xl md:text-5xl font-bold leading-tight" /> @@ -140,15 +145,15 @@ export default function LandingPage() { { id: "01", title: "Como Funciona o Modelo Nutra Global", description: "Estrutura completa e simples que você pode começar hoje mesmo", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-jar-with-spices_23-2148685770.jpg?_wi=2", imageAlt: "Modelo Nutra"}, { - id: "02", title: "Montar um Funil que Converte", description: "Estratégia passo a passo: Ads → Landing Page → Checkout", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg?_wi=2", imageAlt: "Funil de conversão"}, + id: "02", title: "Montar um Funil que Converte", description: "Estratégia passo a passo: Ads → Landing Page → Checkout", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=2", imageAlt: "Funil de conversão"}, { - id: "03", title: "Usar Google Ads para Capturar Compradores", description: "Como encontrar e converter pessoas com alta intenção de compra", imageSrc: "http://img.b2bpic.net/free-photo/elementary-school-teacher-teaching-student-online-coronavirus-epidemic_637285-8898.jpg?_wi=3", imageAlt: "Google Ads estratégia"}, + id: "03", title: "Usar Google Ads para Capturar Compradores", description: "Como encontrar e converter pessoas com alta intenção de compra", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=3", imageAlt: "Google Ads estratégia"}, { - id: "04", title: "Começar Sem Saber Inglês", description: "Estratégia completa acessível para quem fala apenas português", imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-with-headset-using-computer-living-room_637285-5357.jpg?_wi=2", imageAlt: "Sem barreiras de idioma"}, + id: "04", title: "Começar Sem Saber Inglês", description: "Estratégia completa acessível para quem fala apenas português", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-planet-earth_1232-144.jpg?_wi=1", imageAlt: "Sem barreiras de idioma"}, { id: "05", title: "Operar com Estrutura Enxuta", description: "Negócio escalável com mínimo de complexidade operacional", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=3", imageAlt: "Estrutura simples"}, { - id: "06", title: "Evitar Erros Custosos em Anúncios", description: "Os 7 erros que iniciantes cometem e como evitá-los", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286160.jpg?_wi=2", imageAlt: "Evitar erros"}, + id: "06", title: "Evitar Erros Custosos em Anúncios", description: "Os 7 erros que iniciantes cometem e como evitá-los", imageSrc: "http://img.b2bpic.net/free-vector/business-success-growth-arrow-with-upward-arrow_1017-25459.jpg?_wi=2", imageAlt: "Evitar erros"}, ]} title="O Que Você Vai Aprender na Aula Ao Vivo" description="Explicação completa e prática do modelo que gera receita em dólar com Google Ads." @@ -177,62 +182,92 @@ export default function LandingPage() {
- +
+ + +
@@ -289,7 +325,7 @@ export default function LandingPage() { ], }, ]} - containerClassName="py-16 md:py-20 border-t border-[#b90941]/20 max-w-6xl mx-auto px-4" + containerClassName="py-16 md:py-20 border-t border-[#d4a574]/20 max-w-6xl mx-auto px-4" /> diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 0f9f89d..aa7fd03 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-poppins), sans-serif; + font-family: var(--font-montserrat), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-poppins), sans-serif; + font-family: var(--font-montserrat), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index d12c3c0..cec674e 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f7f6f7; - --card: #ffffff; - --foreground: #250c0d; - --primary-cta: #b82b40; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #f5f5f5; + --primary-cta: #d4a574; --primary-cta-text: #f7f6f7; - --secondary-cta: #ffffff; + --secondary-cta: #1a1a1a; --secondary-cta-text: #250c0d; - --accent: #b90941; - --background-accent: #e8a8b6; + --accent: #d4a574; + --background-accent: #2a2a2a; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);