Refine navigation: Redirect Home to About
This commit is contained in:
parent
21533c3300
commit
4059c194c5
@ -1,8 +1,9 @@
|
|||||||
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
|
||||||
import { useEffect } from 'react';
|
import { useEffect } from 'react';
|
||||||
import { useLocation } from 'react-router-dom';
|
import { useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
import Layout from './components/Layout';
|
import Layout from './components/Layout';
|
||||||
|
// Home component is no longer used as index, redirected to About
|
||||||
import Home from './pages/Home';
|
import Home from './pages/Home';
|
||||||
import About from './pages/About';
|
import About from './pages/About';
|
||||||
import ServiceDetail from './pages/ServiceDetail';
|
import ServiceDetail from './pages/ServiceDetail';
|
||||||
@ -28,7 +29,7 @@ function App() {
|
|||||||
<ScrollToTopComp />
|
<ScrollToTopComp />
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<Layout />}>
|
<Route path="/" element={<Layout />}>
|
||||||
<Route index element={<Home />} />
|
<Route index element={<Navigate to="/about" replace />} />
|
||||||
<Route path="about" element={<About />} />
|
<Route path="about" element={<About />} />
|
||||||
<Route path="services" element={<ServiceDetail />} />
|
<Route path="services" element={<ServiceDetail />} />
|
||||||
<Route path="services/:serviceId" element={<ServiceDetail />} />
|
<Route path="services/:serviceId" element={<ServiceDetail />} />
|
||||||
|
|||||||
@ -11,7 +11,7 @@ const Navbar = () => {
|
|||||||
return (
|
return (
|
||||||
<nav className="navbar">
|
<nav className="navbar">
|
||||||
<div className="container navbar-container">
|
<div className="container navbar-container">
|
||||||
<Link to="/" className="logo">Sokuree Consultant</Link>
|
<Link to="/about" className="logo">Sokuree Consultant</Link>
|
||||||
|
|
||||||
<div className={`nav-links ${isOpen ? 'active' : ''}`}>
|
<div className={`nav-links ${isOpen ? 'active' : ''}`}>
|
||||||
<Link to="/about" onClick={toggleMenu}>회사소개</Link>
|
<Link to="/about" onClick={toggleMenu}>회사소개</Link>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user