From 741b37726f1f6649ab42d1fd74761a0139b268e0 Mon Sep 17 00:00:00 2001 From: "Jose M. Pinto" Date: Mon, 14 Jul 2025 21:04:04 +0000 Subject: [PATCH 1/5] header mobile issues --- src/front/components/Benefits/Benefits.jsx | 27 ++++++++++++++ src/front/components/Benefits/Card.jsx | 16 ++++++--- src/front/components/HeaderAbout.jsx | 11 +++--- src/front/components/HeaderHome.jsx | 7 ++-- src/front/components/Navbar.jsx | 3 +- src/front/components/Values/Card.jsx | 15 ++++++++ src/front/components/Values/Values.jsx | 27 ++++++++++++++ src/front/index.css | 20 +++++++++++ src/front/pages/About.jsx | 2 ++ src/front/pages/Home.jsx | 3 +- src/front/utils/benefitsContent.jsx | 30 ++++++++-------- src/front/utils/valuesContent.jsx | 42 ++++++++++++++++++++++ 12 files changed, 173 insertions(+), 30 deletions(-) create mode 100644 src/front/components/Values/Card.jsx create mode 100644 src/front/components/Values/Values.jsx create mode 100644 src/front/utils/valuesContent.jsx diff --git a/src/front/components/Benefits/Benefits.jsx b/src/front/components/Benefits/Benefits.jsx index e69de29bb2..c0621a59e5 100644 --- a/src/front/components/Benefits/Benefits.jsx +++ b/src/front/components/Benefits/Benefits.jsx @@ -0,0 +1,27 @@ +import { Card } from "./Card"; +import { benefitsContent } from "../../utils/benefitsContent"; + +export const Benefits = () => { + return ( +
+
+
+

Beneficios del desarrollo web

+

Invertir en una presencia digital profesional es clave para el éxito de tu marca. Un sitio web bien desarrollado no es solo una vitrina, es una herramienta estratégica que impulsa tu crecimiento y conecta de manera efectiva con tu audiencia.

+
+ +
+ {benefitsContent.map(benefit => ( +
+ +
+ ))} +
+
+
+ ) +}; \ No newline at end of file diff --git a/src/front/components/Benefits/Card.jsx b/src/front/components/Benefits/Card.jsx index 239859c00d..4324e91d21 100644 --- a/src/front/components/Benefits/Card.jsx +++ b/src/front/components/Benefits/Card.jsx @@ -1,7 +1,15 @@ import { Link } from "react-router-dom"; -export const Card = ({ title, description }) => { - return( -
+export const Card = ({ title, description, showDivider }) => { + return ( +
+
+
{title}
+

{description}

+
+ {showDivider && ( +
+ )} +
) -} \ No newline at end of file +}; \ No newline at end of file diff --git a/src/front/components/HeaderAbout.jsx b/src/front/components/HeaderAbout.jsx index 9c64b3e140..4b86bb8bad 100644 --- a/src/front/components/HeaderAbout.jsx +++ b/src/front/components/HeaderAbout.jsx @@ -4,14 +4,13 @@ import HomeAbout from "../assets/img/HomeAbout.jpg" export const HeaderAbout = () => { return ( - -
- CloudTech background image -
+ +
+ CloudTech background image +
-
-
+

Lorem, ipsum
dolor sit amet.

diff --git a/src/front/components/HeaderHome.jsx b/src/front/components/HeaderHome.jsx index 0f1fc5152b..8145d27396 100644 --- a/src/front/components/HeaderHome.jsx +++ b/src/front/components/HeaderHome.jsx @@ -6,9 +6,10 @@ export const HeaderHome = () => { return ( -
-
- CloudTech background image + +
+
+ CloudTech background image
diff --git a/src/front/components/Navbar.jsx b/src/front/components/Navbar.jsx index d2fce14e01..e3a2819dbd 100644 --- a/src/front/components/Navbar.jsx +++ b/src/front/components/Navbar.jsx @@ -9,8 +9,9 @@ export const Navbar = () => { return ( <> {/* --- NAVBAR DE ESCRITORIO --- */} + {/*
*/}