1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import * as React from "react";
//eslint-disable-next-line
import { Routes, Route, Outlet, Link } from "react-router-dom";
import Home from "./Screens/home";
import About from "./Screens/about";
import Services from "./Screens/services";
import Portfolio from "./Screens/portfolio";
import Team from "./Screens/team";
import Blog from "./Screens/blog";
import Contact from "./Screens/contact";
import Solutions from "./Screens/solutions.";
import Migrations from "./Screens/Solutions/migrations";
import Cloud from "./Screens/Solutions/cloud";
import Business from "./Screens/Solutions/business";
import Automation from "./Screens/Solutions/automation";
import Analytics from "./Screens/Solutions/analytics";
export default function App() {
return (
<div>
{/* <h1>Basic Example</h1>
<p>
This example demonstrates some of the core features of React Router
including nested <code><Route></code>s,{" "}
<code><Outlet></code>s, <code><Link></code>s, and using a
"*" route (aka "splat route") to render a "not found" page when someone
visits an unrecognized URL.
</p> */}
{/* Routes nest inside one another. Nested route paths build upon
parent route paths, and nested route elements render inside
parent route elements. See the note about <Outlet> below. */}
<Routes>
{/* <Route path="/" element={<Layout />}> */}
<Route path="/" element={<Home />} />
<Route path="/about" element={<About />} />
<Route path="/services" element={<Services />} />
<Route path="/solutions" element={<Solutions />} />
<Route path="/migrations" element={<Migrations />} />
<Route path="/analytics" element={<Analytics />} />
<Route path="/automation" element={<Automation />} />
<Route path="/business" element={<Business />} />
<Route path="/cloud" element={<Cloud />} />
<Route path="/insights" element={<Portfolio />} />
<Route path="/partners" element={<Team />} />
<Route path="/careers" element={<Blog />} />
<Route path="/contact" element={<Contact />} />
<Route path="*" element={<NoMatch />} />
</Routes>
</div>
);
}
function NoMatch() {
return (
<div>
<h2>Nothing to see here!</h2>
<p>
<Link to="/">Go to the home page</Link>
</p>
</div>
);
}