+ prose-strong:text-slate-900 prose-strong:font-bold"
+ >
Termos de Serviço
diff --git a/src/app/test-notion/page.tsx b/src/app/test-notion/page.tsx
new file mode 100644
index 0000000..9a6d6a7
--- /dev/null
+++ b/src/app/test-notion/page.tsx
@@ -0,0 +1,27 @@
+import { testNotionConnection } from '@/lib/notion-config'
+
+export default async function TestNotionPage() {
+ const isConnected = await testNotionConnection()
+
+ return (
+
+
+
Teste de Conexão Notion
+
+ {isConnected ? (
+
+ ✅ Conexão estabelecida com sucesso!
+
+ ) : (
+
+ ❌ Falha na conexão. Verifique suas credenciais.
+
+ )}
+
+
+
Verifique o console para mais detalhes.
+
+
+
+ )
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 74ce2bc..dab7df0 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,43 +1,41 @@
-import Link from 'next/link';
-import Script from 'next/script';
-import React from 'react';
-import Image from 'next/image';
-import { FaEnvelope } from 'react-icons/fa';
+import Link from 'next/link'
+import Script from 'next/script'
+import React from 'react'
+import Image from 'next/image'
+import { FaEnvelope } from 'react-icons/fa'
-import { siteDetails } from '@/data/siteDetails';
-import { footerDetails } from '@/data/footer';
-import { getPlatformIconByName } from '@/utils';
+import { siteDetails } from '@/data/siteDetails'
+import { footerDetails } from '@/data/footer'
+import { getPlatformIconByName } from '@/utils'
type ContactPointLD = {
- '@type': 'ContactPoint';
- email?: string;
- telephone?: string;
- contactType: 'customer support' | string;
-};
+ '@type': 'ContactPoint'
+ email?: string
+ telephone?: string
+ contactType: 'customer support' | string
+}
type OrganizationLD = {
- '@context': 'https://schema.org';
- '@type': 'Organization';
- name: string;
- url: string;
- logo?: string;
- sameAs?: string[];
- contactPoint?: ContactPointLD[];
-};
+ '@context': 'https://schema.org'
+ '@type': 'Organization'
+ name: string
+ url: string
+ logo?: string
+ sameAs?: string[]
+ contactPoint?: ContactPointLD[]
+}
function buildOrganizationJsonLd(): string {
- const sameAs = Object.values(footerDetails.socials ?? {}).filter(
- (v): v is string => Boolean(v)
- );
+ const sameAs = Object.values(footerDetails.socials ?? {}).filter((v): v is string => Boolean(v))
- const contactPoint: ContactPointLD[] = [];
+ const contactPoint: ContactPointLD[] = []
if (footerDetails.email) {
contactPoint.push({
'@type': 'ContactPoint',
email: footerDetails.email,
contactType: 'customer support',
- });
+ })
}
if (footerDetails.telephone) {
@@ -45,7 +43,7 @@ function buildOrganizationJsonLd(): string {
'@type': 'ContactPoint',
telephone: footerDetails.telephone,
contactType: 'customer support',
- });
+ })
}
const org: OrganizationLD = {
@@ -53,12 +51,12 @@ function buildOrganizationJsonLd(): string {
'@type': 'Organization',
name: siteDetails.siteName,
url: siteDetails.siteUrl,
- logo: siteDetails.logoUrl,
+ logo: siteDetails.siteLogo,
sameAs: sameAs.length ? sameAs : undefined,
contactPoint: contactPoint.length ? contactPoint : undefined,
- };
+ }
- return JSON.stringify(org);
+ return JSON.stringify(org)
}
const Footer: React.FC = () => {
@@ -93,31 +91,21 @@ const Footer: React.FC = () => {
{siteDetails.siteName}
-
- {footerDetails.subheading}
-
+
{footerDetails.subheading}
-
- Contato
-
+
Contato
{footerDetails.email && (
{
{getPlatformIconByName(platformName)}
- )
+ ),
)}
@@ -194,12 +177,12 @@ const Footer: React.FC = () => {
- Copyright © {new Date().getFullYear()} {siteDetails.siteName}. Todos os
- direitos reservados.
+ Copyright © {new Date().getFullYear()} {siteDetails.siteName}. Todos os direitos
+ reservados.
- );
-};
+ )
+}
-export default Footer;
+export default Footer
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8a571d8..f4ae862 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -25,7 +25,7 @@ const Header: React.FC = () => {
diff --git a/src/components/NotionRenderer.tsx b/src/components/NotionRenderer.tsx
new file mode 100644
index 0000000..c5e29c1
--- /dev/null
+++ b/src/components/NotionRenderer.tsx
@@ -0,0 +1,163 @@
+import { BlockObjectResponse } from '@notionhq/client/build/src/api-endpoints'
+import Image from 'next/image'
+
+interface NotionRendererProps {
+ blocks: BlockObjectResponse[]
+}
+
+export function NotionRenderer({ blocks }: NotionRendererProps) {
+ return (
+
+ {blocks.map(block => (
+
+ ))}
+
+ )
+}
+
+function NotionBlock({ block }: { block: BlockObjectResponse }) {
+ switch (block.type) {
+ case 'paragraph':
+ return (
+
+ {block.paragraph.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'heading_1':
+ return (
+
+ {block.heading_1.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'heading_2':
+ return (
+
+ {block.heading_2.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'heading_3':
+ return (
+
+ {block.heading_3.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'bulleted_list_item':
+ return (
+
+ {block.bulleted_list_item.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'numbered_list_item':
+ return (
+
+ {block.numbered_list_item.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'code':
+ return (
+
+
+ {block.code.rich_text.map(text => text.plain_text).join('')}
+
+
+ )
+
+ case 'quote':
+ return (
+
+ {block.quote.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+ )
+
+ case 'image':
+ const imageUrl =
+ block.image.type === 'external' ? block.image.external.url : block.image.file.url
+
+ return (
+
+
+
+ )
+
+ case 'divider':
+ return
+
+ case 'callout':
+ return (
+
+
+
💡
+
+ {block.callout.rich_text.map((text, index) => (
+
+ {text.plain_text}
+
+ ))}
+
+
+
+ )
+
+ default:
+ return null
+ }
+}
+
+function getTextStyles(annotations: {
+ bold?: boolean
+ italic?: boolean
+ strikethrough?: boolean
+ underline?: boolean
+ code?: boolean
+ color?: string
+}): string {
+ let styles = ''
+
+ if (annotations.bold) styles += ' font-bold'
+ if (annotations.italic) styles += ' italic'
+ if (annotations.strikethrough) styles += ' line-through'
+ if (annotations.underline) styles += ' underline'
+ if (annotations.code) styles += ' bg-gray-100 px-1 py-0.5 rounded text-sm font-mono'
+
+ return styles
+}
diff --git a/src/data/faq.ts b/src/data/faq.ts
index d5d2cb6..dc7b9cd 100644
--- a/src/data/faq.ts
+++ b/src/data/faq.ts
@@ -5,7 +5,8 @@ export const faqs: IFAQ[] = [
{
question: `O ${siteDetails.siteName} é seguro?`,
answer:
- 'Absolutamente. Usamos criptografia de nível bancário para proteger seus dados e nunca armazenamos suas informações de login. É por isso que você pode se sentir totalmente seguro para dar o primeiro passo e começar a construir sua vida da forma correta com o Diaum!', },
+ 'Absolutamente. Usamos criptografia de nível bancário para proteger seus dados e nunca armazenamos suas informações de login. É por isso que você pode se sentir totalmente seguro para dar o primeiro passo e começar a construir sua vida da forma correta com o Diaum!',
+ },
{
question: `Posso usar o ${siteDetails.siteName} em múltiplos dispositivos?`,
answer:
@@ -13,8 +14,7 @@ export const faqs: IFAQ[] = [
},
{
question: 'Posso bloquear todos os tipos de conteúdo?',
- answer:
- `Sim! O ${siteDetails.siteName} oferece bloqueio completo de conteúdo inadequado e sites de pornografia. Nosso objetivo é te ajudar a estar presente e tomar as melhores decisões sem ser sabotado!`,
+ answer: `Sim! O ${siteDetails.siteName} oferece bloqueio completo de conteúdo inadequado e sites de pornografia. Nosso objetivo é te ajudar a estar presente e tomar as melhores decisões sem ser sabotado!`,
},
{
question: 'Preciso de experiência para usar os recursos de bloqueio?',
diff --git a/src/data/footer.ts b/src/data/footer.ts
index 4957f6e..3b33b73 100644
--- a/src/data/footer.ts
+++ b/src/data/footer.ts
@@ -29,4 +29,4 @@ export const footerDetails: {
linkedin: 'https://www.linkedin.com',
instagram: 'https://www.instagram.com/diaum.app',
},
-}
\ No newline at end of file
+}
diff --git a/src/data/menuItems.ts b/src/data/menuItems.ts
index 1201697..2363aba 100644
--- a/src/data/menuItems.ts
+++ b/src/data/menuItems.ts
@@ -2,15 +2,15 @@ import { IMenuItem } from '@/types'
export const menuItems: IMenuItem[] = [
{
- text: 'Features',
- url: '#features',
+ text: 'Funcionalidades',
+ url: '#funcionalidades',
},
{
- text: 'Pricing',
- url: '#pricing',
+ text: 'Blog',
+ url: '/blog',
},
{
- text: 'Testimonials',
- url: '#testimonials',
+ text: 'Sobre Nós',
+ url: '#sobreNos',
},
]
diff --git a/src/lib/notion-config.ts b/src/lib/notion-config.ts
new file mode 100644
index 0000000..fdbbb9e
--- /dev/null
+++ b/src/lib/notion-config.ts
@@ -0,0 +1,38 @@
+// Validação das variáveis de ambiente
+export function validateNotionConfig() {
+ if (!process.env.NOTION_TOKEN) {
+ throw new Error('NOTION_TOKEN não encontrado nas variáveis de ambiente')
+ }
+
+ if (!process.env.NOTION_DATABASE_ID) {
+ throw new Error('NOTION_DATABASE_ID não encontrado nas variáveis de ambiente')
+ }
+
+ // Validar formato do token (pode começar com 'secret_' ou 'ntn_')
+ const token = process.env.NOTION_TOKEN
+ if (!token.startsWith('secret_') && !token.startsWith('ntn_')) {
+ throw new Error('NOTION_TOKEN deve começar com "secret_" ou "ntn_"')
+ }
+
+ // Validar formato do database ID (deve ter 32 caracteres)
+ if (process.env.NOTION_DATABASE_ID.length !== 32) {
+ throw new Error('NOTION_DATABASE_ID deve ter exatamente 32 caracteres')
+ }
+}
+
+// Função para testar a conexão
+export async function testNotionConnection() {
+ try {
+ validateNotionConfig()
+
+ const { notion } = await import('./notion')
+
+ await notion.databases.retrieve({
+ database_id: process.env.NOTION_DATABASE_ID!,
+ })
+
+ return true
+ } catch {
+ return false
+ }
+}
diff --git a/src/lib/notion.tsx b/src/lib/notion.tsx
new file mode 100644
index 0000000..f8d297c
--- /dev/null
+++ b/src/lib/notion.tsx
@@ -0,0 +1,156 @@
+import { Client } from '@notionhq/client'
+import { BlockObjectResponse, PageObjectResponse } from '@notionhq/client/build/src/api-endpoints'
+import React from 'react'
+import 'server-only'
+
+export const notion = new Client({
+ auth: process.env.NOTION_TOKEN,
+ notionVersion: '2022-06-28',
+})
+
+export const fetchPages = React.cache(async () => {
+ if (!process.env.NOTION_TOKEN) {
+ throw new Error('NOTION_TOKEN não encontrado nas variáveis de ambiente')
+ }
+ if (!process.env.NOTION_DATABASE_ID) {
+ throw new Error('NOTION_DATABASE_ID não encontrado nas variáveis de ambiente')
+ }
+
+ try {
+ const response = await notion.databases.query({
+ database_id: process.env.NOTION_DATABASE_ID!,
+ })
+
+ const livePages = response.results.filter((page): page is PageObjectResponse => {
+ if (page.object !== 'page' || !('properties' in page)) return false
+ const status = getPropertyValue(page.properties, 'Status')
+ return status === 'Publicado' || status === null
+ })
+
+ return {
+ ...response,
+ results: livePages,
+ }
+ } catch {
+ throw new Error('Falha ao conectar com o Notion. Verifique suas credenciais.')
+ }
+})
+
+export const fetchBySlug = React.cache(async (slug: string) => {
+ if (!process.env.NOTION_TOKEN) {
+ throw new Error('NOTION_TOKEN não encontrado nas variáveis de ambiente')
+ }
+ if (!process.env.NOTION_DATABASE_ID) {
+ throw new Error('NOTION_DATABASE_ID não encontrado nas variáveis de ambiente')
+ }
+
+ try {
+ const response = await notion.databases.query({
+ database_id: process.env.NOTION_DATABASE_ID!,
+ filter: {
+ property: 'slug',
+ rich_text: {
+ equals: slug,
+ },
+ },
+ })
+ return response.results[0] as PageObjectResponse | undefined
+ } catch {
+ throw new Error('Falha ao buscar artigo. Verifique suas credenciais.')
+ }
+})
+
+export const fetchPageBlocks = React.cache(async (pageId: string) => {
+ if (!process.env.NOTION_TOKEN) {
+ throw new Error('NOTION_TOKEN não encontrado nas variáveis de ambiente')
+ }
+
+ try {
+ const response = await notion.blocks.children.list({
+ block_id: pageId,
+ })
+ return response.results as BlockObjectResponse[]
+ } catch {
+ throw new Error('Falha ao carregar conteúdo do artigo.')
+ }
+})
+
+export interface BlogPost {
+ id: string
+ title: string
+ slug: string
+ excerpt?: string
+ cover?: string
+ author?: string
+ authorAvatar?: string
+ publishedAt: string
+ tags?: string[]
+}
+
+export function extractBlogPost(page: PageObjectResponse): BlogPost {
+ const properties = page.properties
+
+ const post = {
+ id: page.id,
+ title: getPropertyValue(properties, 'Title') || 'Sem título',
+ slug: getPropertyValue(properties, 'slug') || '',
+ excerpt: getPropertyValue(properties, 'excerpt'),
+ cover: getPropertyValue(properties, 'Cover') || '',
+ author: getPropertyValue(properties, 'Author') || '',
+ authorAvatar: getAuthorAvatar(properties, 'Author') || '',
+ publishedAt: getPropertyValue(properties, 'Date') || new Date().toISOString(),
+ tags: getPropertyValue(properties, 'Tags') || [],
+ }
+
+ return post
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getAuthorAvatar(properties: any, key: string): string {
+ const prop = properties[key]
+ if (!prop || prop.type !== 'people' || !prop.people?.[0]) {
+ return ''
+ }
+
+ const person = prop.people[0]
+ return person.avatar_url || person.person?.avatar_url || ''
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getPropertyValue(properties: any, key: string): any {
+ const prop = properties[key]
+ if (!prop) {
+ return null
+ }
+
+ switch (prop.type) {
+ case 'title':
+ return prop.title?.[0]?.plain_text || ''
+ case 'rich_text':
+ return prop.rich_text?.[0]?.plain_text || ''
+ case 'select':
+ return prop.select?.name || ''
+ case 'multi_select':
+ return prop.multi_select?.map((item: { name: string }) => item.name) || []
+ case 'date':
+ return prop.date?.start || ''
+ case 'files':
+ return prop.files?.[0]?.file?.url || prop.files?.[0]?.external?.url || ''
+ case 'url':
+ return prop.url || ''
+ case 'email':
+ return prop.email || ''
+ case 'phone_number':
+ return prop.phone_number || ''
+ case 'number':
+ return prop.number || 0
+ case 'checkbox':
+ return prop.checkbox || false
+ case 'status':
+ return prop.status?.name || ''
+ case 'people':
+ return prop.people?.[0]?.name || ''
+ default:
+ return null
+ }
+}
diff --git a/src/utils.tsx b/src/utils.tsx
index 9b87239..8becc84 100644
--- a/src/utils.tsx
+++ b/src/utils.tsx
@@ -36,7 +36,6 @@ export const getPlatformIconByName = (platformName: string): JSX.Element | null
return
}
default:
- console.log('Platform name not supported, no icon is returned:', platformName)
return null
}
}