diff --git a/public/home/logo-ia-do-empreendedor.png b/public/home/logo-ia-do-empreendedor.png new file mode 100644 index 0000000..511b3ee Binary files /dev/null and b/public/home/logo-ia-do-empreendedor.png differ diff --git a/src/pages/Home/IaDoEmpreendedor.tsx b/src/pages/Home/IaDoEmpreendedor.tsx new file mode 100644 index 0000000..62634be --- /dev/null +++ b/src/pages/Home/IaDoEmpreendedor.tsx @@ -0,0 +1,63 @@ +// Home/IaDoEmpreendedor.tsx +import React from 'react'; + +interface IaDoEmpreendedorProps { + logoSrc: string; + title: string; + subtitle: string; + description: string; + highlightPart1: string; + highlightPart2: string; + buttonText: string; + logoAlt?: string; +} + +const IaDoEmpreendedor: React.FC = ({ + logoSrc, + title, + subtitle, + description, + highlightPart1, + highlightPart2, + buttonText, + logoAlt = "IA do Empreendedor Logo", +}) => { + return ( +
+
+
+
+ +
+
+ {logoAlt} +

+ {title} +

+
+ +

+ {subtitle} +

+ +

+ {description} +

+ +

+ {highlightPart1} {highlightPart2} +

+ + +
+
+ ); +}; + +export default IaDoEmpreendedor; \ No newline at end of file diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx index ede9aeb..5d5d8a4 100644 --- a/src/pages/Home/index.tsx +++ b/src/pages/Home/index.tsx @@ -2,10 +2,12 @@ import React from 'react'; import Hero from '../../components/Hero'; import Solutions from './Solutions'; +import IaDoEmpreendedor from './IaDoEmpreendedor'; const Home: React.FC = () => { const heroImage = new URL('/public/home/hero.png', import.meta.url).href; const solutionsImage = new URL('/public/home/solutions.png', import.meta.url).href; + const iaLogo = new URL('/public/home/logo-ia-do-empreendedor.png', import.meta.url).href; return ( <> @@ -26,6 +28,15 @@ const Home: React.FC = () => { linkText="Conheça todas as soluções" solutionsImageSrc={solutionsImage} /> + ); };