diff --git a/src/index.tsx b/src/index.tsx index df65e1b..c390a65 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -6,6 +6,14 @@ import App from "./App"; import reportWebVitals from "./reportWebVitals"; import "./localization/i18n"; +import About from "pages/Information/About"; +import Help from "pages/Information/Help"; +import ContactUs from "pages/Information/ContactUs"; +import TermsOfUse from "pages/Information/TermsOfUse"; +import PrivacyPolicy from "pages/Information/PrivacyPolicy"; +import CookiesPolicy from "pages/Information/CookiesPolicy"; +import AccountSettings from "pages/Information/AccountSettings"; + const rootElement = document.getElementById("root"); if (!rootElement) throw new Error("Failed to find the root element"); const root = ReactDOM.createRoot(rootElement); @@ -13,7 +21,16 @@ root.render( <React.StrictMode> <BrowserRouter> <Routes> - <Route path="/" element={<App />}></Route> + <Route path="/" element={<App />} /> + <Route path="/about" element={<About />} /> + <Route path="/help" element={<Help />} /> + <Route path="/contact-us" element={<ContactUs />} /> + <Route path="/terms-of-use" element={<TermsOfUse />} /> + <Route path="/privacy-policy" element={<PrivacyPolicy />} /> + <Route path="/cookies-policy" element={<CookiesPolicy />} /> + <Route path="/account"> + <Route path="settings" element={<AccountSettings />} /> + </Route> </Routes> </BrowserRouter> </React.StrictMode> diff --git a/src/pages/Information/About.tsx b/src/pages/Information/About.tsx new file mode 100644 index 0000000..ce57d7e --- /dev/null +++ b/src/pages/Information/About.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function About({}: Props) { + return ( + <BaseLayout> + <Typography>About page</Typography> + </BaseLayout> + ); +} diff --git a/src/pages/Information/AccountSettings.tsx b/src/pages/Information/AccountSettings.tsx new file mode 100644 index 0000000..983334f --- /dev/null +++ b/src/pages/Information/AccountSettings.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function AccountSettings({}: Props) { + return ( + <BaseLayout> + <Typography>Accont Setting page</Typography> + </BaseLayout> + ); +} diff --git a/src/pages/Information/ContactUs.tsx b/src/pages/Information/ContactUs.tsx new file mode 100644 index 0000000..271cfa2 --- /dev/null +++ b/src/pages/Information/ContactUs.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function ContactUs({}: Props) { + return ( + <BaseLayout> + <Typography>Contact us page</Typography> + </BaseLayout> + ); +} diff --git a/src/pages/Information/CookiesPolicy.tsx b/src/pages/Information/CookiesPolicy.tsx new file mode 100644 index 0000000..42c0980 --- /dev/null +++ b/src/pages/Information/CookiesPolicy.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function CookiesPolicy({}: Props) { + return ( + <BaseLayout> + <Typography>Privacy Cookies page</Typography> + </BaseLayout> + ); +} diff --git a/src/pages/Information/Help.tsx b/src/pages/Information/Help.tsx new file mode 100644 index 0000000..996b488 --- /dev/null +++ b/src/pages/Information/Help.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function Help({}: Props) { + return ( + <BaseLayout> + <Typography>Help page</Typography> + </BaseLayout> + ); +} diff --git a/src/pages/Information/PrivacyPolicy.tsx b/src/pages/Information/PrivacyPolicy.tsx new file mode 100644 index 0000000..fa35eff --- /dev/null +++ b/src/pages/Information/PrivacyPolicy.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function PrivacyPolicy({}: Props) { + return ( + <BaseLayout> + <Typography>Privacy Policy page</Typography> + </BaseLayout> + ); +} diff --git a/src/pages/Information/TermsOfUse.tsx b/src/pages/Information/TermsOfUse.tsx new file mode 100644 index 0000000..6700455 --- /dev/null +++ b/src/pages/Information/TermsOfUse.tsx @@ -0,0 +1,15 @@ +import BaseLayout from "components/BaseLayout"; +import { Footer } from "components/parts/Footer"; +import Header from "components/parts/Header"; +import Typography from "components/typography/Typography"; +import React from "react"; + +type Props = {}; + +export default function TermsOfUse({}: Props) { + return ( + <BaseLayout> + <Typography>Terms of use page</Typography> + </BaseLayout> + ); +}