Navegación entre paginas

This commit is contained in:
xFractu 2024-05-06 07:55:11 -06:00
parent a3192d7a39
commit 2cf5ce57df
2 changed files with 29 additions and 6 deletions

View File

@ -9,6 +9,7 @@ import { FaMagnifyingGlass } from "react-icons/fa6";
import { CiHeart } from "react-icons/ci"; import { CiHeart } from "react-icons/ci";
import { FaRegEye } from "react-icons/fa"; import { FaRegEye } from "react-icons/fa";
import { CiShare2 } from "react-icons/ci"; import { CiShare2 } from "react-icons/ci";
import { useNavigate } from "react-router-dom";
import PastelEditado1 from "./assets/Edicion1.jpg"; import PastelEditado1 from "./assets/Edicion1.jpg";
import PastelEditado2 from "./assets/Edicion2.jpg"; import PastelEditado2 from "./assets/Edicion2.jpg";
@ -21,8 +22,18 @@ import MejoresPasteles from "./assets/MejoresPasteles.jpg";
import PastelTematico from "./assets/pastel-tematico.jpg"; import PastelTematico from "./assets/pastel-tematico.jpg";
function App() { function App() {
const [count, setCount] = useState(0) const [count, setCount] = useState(0);
const navigate = useNavigate();
const redirectPersonalizarPastelArcoiris = () => {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/PersonalizarPastel/PastelArcoiris");
};
const redirectInicio = () => {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/");
};
return ( return (
<> <>
<body> <body>
@ -59,9 +70,9 @@ function App() {
<nav class="navbar container"> <nav class="navbar container">
<i class="fa-solid fa-bars"></i> <i class="fa-solid fa-bars"></i>
<ul class="menu"> <ul class="menu">
<li><a href="#">Inicio</a></li> <li><a href="#" onClick={redirectInicio}>Inicio</a></li>
<li><a href="#">Pasteles</a></li> <li><a href="#" >Pasteles</a></li>
<li><a href="#">Personalizar Pastel</a></li> <li><a href="#" onClick={redirectPersonalizarPastelArcoiris}>Personalizar Pastel</a></li>
<li><a href="#">Pedidos</a></li> <li><a href="#">Pedidos</a></li>
<li><a href="#">Blog</a></li> <li><a href="#">Blog</a></li>

View File

@ -8,9 +8,21 @@ import { FaMagnifyingGlass } from "react-icons/fa6";
import { CiHeart } from "react-icons/ci"; import { CiHeart } from "react-icons/ci";
import { FaRegEye } from "react-icons/fa"; import { FaRegEye } from "react-icons/fa";
import { CiShare2 } from "react-icons/ci"; import { CiShare2 } from "react-icons/ci";
import { useNavigate } from "react-router-dom";
function Pastel() { function Pastel() {
const navigate = useNavigate();
const redirectPersonalizarPastelArcoiris = () => {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/PersonalizarPastel/PastelArcoiris");
};
const redirectInicio = () => {
// Redirige a la página del hotel cuando se hace clic en el botón
navigate("/");
};
return ( return (
<> <>
@ -49,7 +61,7 @@ function Pastel() {
<nav className="navbar container"> <nav className="navbar container">
<i className="fa-solid fa-bars"></i> <i className="fa-solid fa-bars"></i>
<ul className="menu"> <ul className="menu">
<li><a href="#">Inicio</a></li> <li><a href="#" onClick={redirectInicio}>Inicio</a></li>
<li><a href="#">Pasteles</a></li> <li><a href="#">Pasteles</a></li>
<li><a href="#">Personalizar Pastel</a></li> <li><a href="#">Personalizar Pastel</a></li>
<li><a href="#">Pedidos</a></li> <li><a href="#">Pedidos</a></li>