diff --git a/CHANGELOG.md b/CHANGELOG.md index 85c3022..1219f49 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,45 @@ Todas as mudanças notáveis neste projeto serão documentadas neste arquivo. O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.0.0/), e este projeto adere ao [Semantic Versioning](https://semver.org/lang/pt-BR/). +## [1.3.0] - 2024-01-17 + +### Adicionado +- Novo componente reutilizável `FAQ` com layout simplificado +- Implementação do FAQ em todas as Landing Pages com conteúdo específico: + - Para Pais: foco em funcionalidades e benefícios para as crianças + - Para Educadores: ênfase em recursos pedagógicos e suporte + - Evidências: destaque para base científica e metodologia + - HomePage: foco em implementação e suporte para escolas + +### Técnico +- Criação de interfaces TypeScript para tipagem do FAQ +- Implementação de estilos consistentes com Tailwind CSS +- Remoção da dependência do Radix UI Accordion + +### Modificado +- Substituição das seções de FAQ existentes pelo novo componente reutilizável +- Atualização da estrutura de navegação nas Landing Pages +- Melhoria na organização do código com componentização + +## [1.2.0] - 2024-01-17 + +### Adicionado +- Novo componente reutilizável `FAQ` usando Accordion do Radix UI +- Implementação do FAQ em todas as Landing Pages com conteúdo específico: + - Para Pais: foco em funcionalidades e benefícios para as crianças + - Para Educadores: ênfase em recursos pedagógicos e suporte + - Evidências: destaque para base científica e metodologia + +### Técnico +- Criação de interfaces TypeScript para tipagem do FAQ +- Integração com Radix UI Accordion para acessibilidade +- Implementação de animações suaves na expansão/contração + +### Modificado +- Substituição das seções de FAQ existentes pelo novo componente reutilizável +- Atualização da estrutura de navegação nas Landing Pages +- Melhoria na organização do código com componentização + ## [1.1.1] - 2024-01-17 ### Técnico diff --git a/src/components/home/HomePage.tsx b/src/components/home/HomePage.tsx index 8248fdf..6f6ad64 100644 --- a/src/components/home/HomePage.tsx +++ b/src/components/home/HomePage.tsx @@ -11,6 +11,7 @@ import { } from 'lucide-react'; import { Footer } from '@/components/ui/footer'; import { PlanForSchools } from '@/components/ui/plan-for-schools'; +import { FAQ } from '@/components/ui/faq'; // Components const FeatureCard = ({ icon, title, description }: { @@ -479,6 +480,38 @@ export function HomePage() { + {/* FAQ */} + + {/* Final CTA */}
diff --git a/src/components/ui/faq.tsx b/src/components/ui/faq.tsx new file mode 100644 index 0000000..572c5f6 --- /dev/null +++ b/src/components/ui/faq.tsx @@ -0,0 +1,49 @@ +import React from 'react'; + +interface FAQItem { + question: string; + answer: string; +} + +interface FAQProps { + title?: string; + description?: string; + items: FAQItem[]; + className?: string; +} + +export function FAQ({ + title = "Perguntas Frequentes", + description = "Tire suas dúvidas sobre nossa plataforma", + items, + className = "" +}: FAQProps) { + return ( +
+
+

+ {title} +

+ + {description && ( +

+ {description} +

+ )} + +
+ {items.map((item, index) => ( +
+

+ {item.question} +

+

+ {item.answer} +

+
+ ))} +
+
+
+ ); +} \ No newline at end of file diff --git a/src/pages/landing/EducationalForParents.tsx b/src/pages/landing/EducationalForParents.tsx index 48fd458..5cd6a7a 100644 --- a/src/pages/landing/EducationalForParents.tsx +++ b/src/pages/landing/EducationalForParents.tsx @@ -8,6 +8,7 @@ import { } from 'lucide-react'; import { Footer } from '@/components/ui/footer'; import { PlanForParents } from '@/components/ui/plan-for-parents'; +import { FAQ } from '@/components/ui/faq'; export function EducationalForParents(): JSX.Element { const navigate = useNavigate(); @@ -352,22 +353,36 @@ export function EducationalForParents(): JSX.Element { {/* 8. FAQ */} -
-
-

- Perguntas Mágicas -

- -
- {faqItems.map((item, index) => ( -
-

{item.question}

-

{item.answer}

-
- ))} -
-
-
+ {/* 9. CTA Final */}
diff --git a/src/pages/landing/EvidenceBased.tsx b/src/pages/landing/EvidenceBased.tsx index 7c36f03..3691688 100644 --- a/src/pages/landing/EvidenceBased.tsx +++ b/src/pages/landing/EvidenceBased.tsx @@ -24,6 +24,7 @@ import { } from 'lucide-react'; import { Footer } from '@/components/ui/footer'; import { PlanForSchools } from '@/components/ui/plan-for-schools'; +import { FAQ } from '@/components/ui/faq'; // Meta tags e SEO const meta = { @@ -316,22 +317,36 @@ export function EvidenceBased(): JSX.Element { {/* FAQ */} -
-
-

- Perguntas Frequentes -

- -
- {faqItems.map((item, index) => ( -
-

{item.question}

-

{item.answer}

-
- ))} -
-
-
+ {/* CTA Final */}
diff --git a/src/pages/landing/ParentsLandingPage.tsx b/src/pages/landing/ParentsLandingPage.tsx index b95d452..2cf6fee 100644 --- a/src/pages/landing/ParentsLandingPage.tsx +++ b/src/pages/landing/ParentsLandingPage.tsx @@ -4,6 +4,7 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContai import { useNavigate } from 'react-router-dom'; import { Footer } from '@/components/ui/footer'; import { PlanForParents } from '@/components/ui/plan-for-parents'; +import { FAQ } from '@/components/ui/faq'; export function ParentsLandingPage(): JSX.Element { const navigate = useNavigate(); @@ -403,10 +404,42 @@ export function ParentsLandingPage(): JSX.Element { {/* 5. Planos */} + {/* 6. FAQ */} + + {/* 7. CTA Final */}
-
+

Comece a Jornada de Leitura do Seu Filho