diff --git a/.tolgee/migration-status.json b/.tolgee/migration-status.json
new file mode 100644
index 0000000..46e0bce
--- /dev/null
+++ b/.tolgee/migration-status.json
@@ -0,0 +1,307 @@
+{
+  "src/user/AdminDashboard.js": {
+    "migrated": true,
+    "keys": [
+      {
+        "name": "admin-links-header",
+        "description": "Header text for admin links section",
+        "default": "Admin Links"
+      },
+      {
+        "name": "create-category-link",
+        "description": "Link text for creating a new category",
+        "default": "Create Category"
+      },
+      {
+        "name": "create-place-link",
+        "description": "Link text for creating a new place",
+        "default": "Create Place"
+      },
+      {
+        "name": "view-place-orders-link",
+        "description": "Link text for viewing place orders",
+        "default": "View place Orders"
+      },
+      {
+        "name": "manage-places-link",
+        "description": "Link text for managing places",
+        "default": "Manage Places"
+      },
+      {
+        "name": "manage-categories-link",
+        "description": "Link text for managing categories",
+        "default": "Manage categories"
+      },
+      {
+        "name": "user-information-header",
+        "description": "Header text for user information section",
+        "default": "User Information"
+      },
+      {
+        "name": "",
+        "description": "Text displayed for admin role",
+        "default": "Admin"
+      },
+      {
+        "name": "",
+        "description": "Text displayed for registered user role",
+        "default": "Registered User"
+      },
+      {
+        "name": "",
+        "description": "Title of the dashboard page",
+        "default": "Dashboard"
+      },
+      {
+        "name": "",
+        "description": "Greeting message on dashboard",
+        "default": "G'day"
+      }
+    ]
+  },
+  "src/user/Profile.js": {
+    "migrated": true,
+    "keys": [
+      {
+        "name": "name-label",
+        "description": "Label for name input field in profile update form",
+        "default": "Name"
+      },
+      {
+        "name": "email-label",
+        "description": "Label for email input field in profile update form",
+        "default": "Email"
+      },
+      {
+        "name": "password-label",
+        "description": "Label for password input field in profile update form",
+        "default": "Password"
+      },
+      {
+        "name": "submit-button",
+        "description": "Text for form submission button",
+        "default": "Submit"
+      },
+      {
+        "name": "profile-update-heading",
+        "description": "Title for the profile page",
+        "default": "Profile"
+      },
+      {
+        "name": "",
+        "description": "Description for the profile page",
+        "default": "Update your profile"
+      },
+      {
+        "name": "",
+        "description": "Heading for profile update section",
+        "default": "Profile update"
+      }
+    ]
+  },
+  "src/user/Signin.js": {
+    "migrated": true,
+    "keys": [
+      {
+        "name": "hello-globetrotter",
+        "description": "Greeting message for users on the login form",
+        "default": "Hello Globetrotter"
+      },
+      {
+        "name": "email-label",
+        "description": "Alt text for the avatar image",
+        "default": ""
+      },
+      {
+        "name": "password-label",
+        "description": "Label for email input field",
+        "default": "Email"
+      },
+      {
+        "name": "submit-button",
+        "description": "Label for password input field",
+        "default": "Password"
+      },
+      {
+        "name": "or-text",
+        "description": "Text for the submit button",
+        "default": "Submit"
+      },
+      {
+        "name": "create-account-link",
+        "description": "Text for the or separator",
+        "default": "or"
+      },
+      {
+        "name": "welcome-message",
+        "description": "Text for the create account link",
+        "default": "Create an account"
+      },
+      {
+        "name": "service-message",
+        "description": "Welcome message on the login page",
+        "default": "Welcome toTravelYaari"
+      },
+      {
+        "name": "",
+        "description": "Alt text for the signup image",
+        "default": "signup"
+      },
+      {
+        "name": "",
+        "description": "Message about service quality",
+        "default": "We Are Happy to see you here. We are working to provide the best services to you."
+      },
+      {
+        "name": "",
+        "description": "Text shown during loading state",
+        "default": "Loading......"
+      }
+    ]
+  },
+  "src/user/Signup.js": {
+    "migrated": true,
+    "keys": [
+      {
+        "name": "signup-heading",
+        "description": "Heading for the signup form",
+        "default": "Signup"
+      },
+      {
+        "name": "name-label",
+        "description": "Label for the name input field",
+        "default": "Name"
+      },
+      {
+        "name": "email-label",
+        "description": "Label for the email input field",
+        "default": "Email"
+      },
+      {
+        "name": "password-label",
+        "description": "Label for the password input field",
+        "default": "Password"
+      },
+      {
+        "name": "password-again-label",
+        "description": "Label for the password confirmation input field",
+        "default": "Password again"
+      },
+      {
+        "name": "submit-button",
+        "description": "Text for the submit button",
+        "default": "Submit"
+      },
+      {
+        "name": "already-have-account",
+        "description": "Text asking if user already has an account",
+        "default": "Already have an Account ?"
+      },
+      {
+        "name": "signin-link",
+        "description": "Text for the signin link",
+        "default": "Signin"
+      },
+      {
+        "name": "welcome-message",
+        "description": "Welcome message for new users",
+        "default": "Welcome to TravelYaari"
+      },
+      {
+        "name": "service-message",
+        "description": "Message about service quality",
+        "default": "We Are Happy to see you here. We are working to provide the best services to you."
+      },
+      {
+        "name": "terms-agreement",
+        "description": "Alt text for signup image",
+        "default": "signup"
+      },
+      {
+        "name": "explore-world",
+        "description": "Text about agreeing to terms and services",
+        "default": "By Signin, you Agree to our terms and Services."
+      },
+      {
+        "name": "account-created",
+        "description": "Motivational message about exploring the world",
+        "default": "Let's Explore the World !!!!"
+      },
+      {
+        "name": "signin-link",
+        "description": "Success message for account creation",
+        "default": "New account is created. Please"
+      },
+      {
+        "name": "",
+        "description": "Text for the signin link",
+        "default": "Signin"
+      }
+    ]
+  },
+  "src/user/UserDashboard.js": {
+    "migrated": true,
+    "keys": [
+      {
+        "name": "user-links-header",
+        "description": "Header text for user links section",
+        "default": "User Links"
+      },
+      {
+        "name": "my-wishlisted-places",
+        "description": "Navigation link text for wishlisted places",
+        "default": "My Wishlisted places"
+      },
+      {
+        "name": "update-profile",
+        "description": "Navigation link text for profile update",
+        "default": "Update My Profile"
+      },
+      {
+        "name": "user-information-header",
+        "description": "Header text for user information section",
+        "default": "User Information"
+      },
+      {
+        "name": "purchase-history-header",
+        "description": "Text displayed for admin role",
+        "default": "Admin"
+      },
+      {
+        "name": "",
+        "description": "Text displayed for regular user role",
+        "default": "Registered Travelyaari User 😇"
+      },
+      {
+        "name": "",
+        "description": "Header text for purchase history section",
+        "default": "Purchase history"
+      },
+      {
+        "name": "",
+        "description": "Label for product name in purchase history",
+        "default": "Product name"
+      },
+      {
+        "name": "",
+        "description": "Label for product price in purchase history",
+        "default": "Product price"
+      },
+      {
+        "name": "",
+        "description": "Label for purchase date in purchase history",
+        "default": "Purchased date"
+      },
+      {
+        "name": "",
+        "description": "Title of the dashboard page",
+        "default": "Dashboard"
+      },
+      {
+        "name": "",
+        "description": "Greeting message for the user",
+        "default": "G'day"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/src/user/AdminDashboard.js b/src/user/AdminDashboard.js
index 0f72a42..dcc27fe 100644
--- a/src/user/AdminDashboard.js
+++ b/src/user/AdminDashboard.js
@@ -2,40 +2,48 @@ import React from "react";
 import Layout from "../core/Layout";
 import { isAuthenticated } from "../auth";
 import { Link } from "react-router-dom";
+import { T, useTranslate } from "@tolgee/react";
 
 const AdminDashboard = () => {
     const {// eslint-disable-next-line
         user: { _id, name, email, role }
     } = isAuthenticated();
+    const { t } = useTranslate();
 
     const adminLinks = () => {
         return (
             <div className="card my-5 bg-success">
-                <h4 className="card-header text-white">Admin Links</h4>
+                <h4 className="card-header text-white">
+<T keyName="admin-links-header" /></h4>
                 <ul className="list-group">
                     <li className="list-group-item">
                         <Link className="nav-link" to="/create/category">
-                            Create Category
+                            
+<T keyName="create-category-link" />
                         </Link>
                     </li>
                     <li className="list-group-item">
                         <Link className="nav-link" to="/create/product">
-                            Create Place
+                            
+<T keyName="create-place-link" />
                         </Link>
                     </li>
                     <li className="list-group-item">
                         <Link className="nav-link" to="/admin/orders">
-                            View place Orders
+                            
+<T keyName="view-place-orders-link" />
                         </Link>
                     </li>
                     <li className="list-group-item">
                         <Link className="nav-link" to="/admin/products">
-                            Manage Places
+                            
+<T keyName="manage-places-link" />
                         </Link>
                     </li>
                     <li className="list-group-item">
                         <Link className="nav-link" to="/admin/categories">
-                            Manage categories
+                            
+<T keyName="manage-categories-link" />
                         </Link>
                     </li>
                 </ul>
@@ -46,12 +54,15 @@ const AdminDashboard = () => {
     const adminInfo = () => {
         return (
             <div className="card my-5 bg-success">
-                <h3 className="card-header text-white">User Information</h3>
+                <h3 className="card-header text-white">
+<T keyName="user-information-header" /></h3>
                 <ul className="list-group">
                     <li className="list-group-item">{name}</li>
                     <li className="list-group-item">{email}</li>
                     <li className="list-group-item">
-                        {role === 1 ? "Admin" : "Registered User"}
+                        {role === 1 ? 
+t('admin-role') : 
+t('registered-user-role')}
                     </li>
                 </ul>
             </div>
@@ -60,8 +71,10 @@ const AdminDashboard = () => {
 
     return (
         <Layout
-            title="Dashboard"
-            description={`G'day ${name}!`}
+            title={
+t('dashboard-title')}
+            description={`${
+t('dashboard-greeting')} ${name}!`}
             className="container-fluid"
         >
             <div className="row">
@@ -72,4 +85,4 @@ const AdminDashboard = () => {
     );
 };
 
-export default AdminDashboard;
+export default AdminDashboard;
\ No newline at end of file
diff --git a/src/user/Profile.js b/src/user/Profile.js
index 9805395..62b15d9 100644
--- a/src/user/Profile.js
+++ b/src/user/Profile.js
@@ -4,8 +4,10 @@ import { isAuthenticated } from '../auth';
 /* eslint-disable no-unused-vars */
 import { Link, Redirect } from 'react-router-dom';
 import { read, update, updateUser } from './apiUser';
+import { T, useTranslate } from '@tolgee/react';
 
 const Profile = ({ match }) => {
+    const { t } = useTranslate();
     const [values, setValues] = useState({
         name: '',
         email: '',
@@ -65,31 +67,38 @@ const Profile = ({ match }) => {
     const profileUpdate = (name, email, password) => (
         <form>
             <div className="form-group">
-                <label className="text-muted">Name</label>
+                <label className="text-muted">
+<T keyName="name-label" /></label>
                 <input type="text" onChange={handleChange('name')} className="form-control" value={name} />
             </div>
             <div className="form-group">
-                <label className="text-muted">Email</label>
+                <label className="text-muted">
+<T keyName="email-label" /></label>
                 <input type="email" onChange={handleChange('email')} className="form-control" value={email} />
             </div>
             <div className="form-group">
-                <label className="text-muted">Password</label>
+                <label className="text-muted">
+<T keyName="password-label" /></label>
                 <input type="password" onChange={handleChange('password')} className="form-control" value={password} />
             </div>
 
             <button onClick={clickSubmit} className="btn btn-primary">
-                Submit
+                
+<T keyName="submit-button" />
             </button>
         </form>
     );
 
     return (
-        <Layout title="Profile" description="Update your profile" className="container mt-5 border rounded p-3 shadow-lg bg-light">
-            <h2 className="mb-4 p-2 bg-success text-white text-center font-weight-bold rounded shadow">Profile update</h2>
+        <Layout title={
+t('profile-title')} description={
+t('profile-description')} className="container mt-5 border rounded p-3 shadow-lg bg-light">
+            <h2 className="mb-4 p-2 bg-success text-white text-center font-weight-bold rounded shadow">
+<T keyName="profile-update-heading" /></h2>
             {profileUpdate(name, email, password)}
             {redirectUser(success)}
         </Layout>
     );
 };
 
-export default Profile;
+export default Profile;
\ No newline at end of file
diff --git a/src/user/Signin.js b/src/user/Signin.js
index 238f9cb..77408d8 100644
--- a/src/user/Signin.js
+++ b/src/user/Signin.js
@@ -7,7 +7,10 @@ import LoadingOverlay from 'react-loading-overlay';
 import avatar from './../image/login/avatar.png';
 import sideimage from './../image/login/side.jpg';
 import './../CSS/signin.css';
+import { T, useTranslate } from '@tolgee/react';
+
 const Signin = () => {
+    const { t } = useTranslate();
     const [values, setValues] = useState({
         email: "",
         password: "",
@@ -43,12 +46,15 @@ const Signin = () => {
     const signUpForm = () => (
         <div className="row display-flex mt-3">
             <div className="col-sm-8 col-xs-10 col-md-4 offset-md-2 offset-sm-2 offset-xs-1 py-4 px-3 rounded-left" id="login-intro-form">
-                <h2 className="text-center text-white h2 font-weight-bold mt-2">Hello Globetrotter</h2>
+                <h2 className="text-center text-white h2 font-weight-bold mt-2">
+<T keyName="hello-globetrotter" /></h2>
                 <div className="login-account-wall p-4 mb-2">
-                    <img className="rounded-circle mx-auto d-block" src={avatar} alt="" />
+                    <img className="rounded-circle mx-auto d-block" src={avatar} alt={
+t('avatar-image')} />
                     <form>
                         <div className="form-group mt-3">
-                            <label className="text-white font-weight-bold">Email</label>
+                            <label className="text-white font-weight-bold">
+<T keyName="email-label" /></label>
                             <input
                              onChange={handleChange("email")}
                             type="email"
@@ -58,7 +64,8 @@ const Signin = () => {
                         </div>
 
                         <div className="form-group mt-3">
-                            <label className="text-white font-weight-bold">Password</label>
+                            <label className="text-white font-weight-bold">
+<T keyName="password-label" /></label>
                             <input
                                 onChange={handleChange("password")}
                                 type="password"
@@ -67,20 +74,26 @@ const Signin = () => {
                             />
                         </div>
                         <button onClick={clickSubmit} className="btn btn-success btn-block rounded font-weight-bold text-center">
-                        Submit
+                        
+<T keyName="submit-button" />
                         </button>
                     </form>
                     <div className="text-center">
-                    <span className="text-center d-block text-danger font-weight-bold text-italic">or</span>
-                    <Link to="/signup" className="text-white">Create an account </Link>
+                    <span className="text-center d-block text-danger font-weight-bold text-italic">
+<T keyName="or-text" /></span>
+                    <Link to="/signup" className="text-white">
+<T keyName="create-account-link" /></Link>
                     </div>
                 </div>
 
             </div>
             <div className="col-sm-8 col-xs-10 col-md-4 rounded-right py-4 px-3" id="login-intro">
-                <h2 className="login-login-title text-center mt-2 h2">Welcome toTravelYaari</h2>
-                <img className="img-fluid img-rounded" src={sideimage} alt="signup" />
-                <p className="text-center text-warning">We Are Happy to see you here. We are working to provide the best services to you.</p>
+                <h2 className="login-login-title text-center mt-2 h2">
+<T keyName="welcome-message" /></h2>
+                <img className="img-fluid img-rounded" src={sideimage} alt={
+t('signup-image')} />
+                <p className="text-center text-warning">
+<T keyName="service-message" /></p>
             </div>
         </div>
     );
@@ -102,7 +115,8 @@ const Signin = () => {
             <LoadingOverlay
         active={loading}
         spinner
-        text='Loading......'
+        text={
+t('loading-text')}
         className="loader">
         </LoadingOverlay>
         );
@@ -132,4 +146,4 @@ const Signin = () => {
     );
 };
 
-export default Signin;
+export default Signin;
\ No newline at end of file
diff --git a/src/user/Signup.js b/src/user/Signup.js
index daee0a7..69d35a4 100644
--- a/src/user/Signup.js
+++ b/src/user/Signup.js
@@ -4,7 +4,10 @@ import Layout from '../core/Layout';
 import { signup } from '../auth';
 import './../CSS/signup.css';
 import towerimage from "./../image/signup/bg2.jpeg";
+import { T, useTranslate } from '@tolgee/react';
+
 const Signup = () => {
+    const { t } = useTranslate();
     const [values, setValues] = useState({
         name: '',
         email: '',
@@ -43,44 +46,57 @@ const Signup = () => {
         <div className="row display-flex">
         <div className="col-xs-12 col-sm-6 col-md-5 offset-md-1 rounded-left  my-3" id="signup-form-intro">
         <div id="signup-form-intro2" className="p-3 my-2 rounded">
-        <h2 className="my-2 p-2 text-dark font-weight-bold text-center h2 border-bottom">Signup</h2>
+        <h2 className="my-2 p-2 text-dark font-weight-bold text-center h2 border-bottom">
+<T keyName="signup-heading" /></h2>
             <form>
             <div className="form-group">
-                <label className="text-dark font-weight-bold">Name</label>
+                <label className="text-dark font-weight-bold">
+<T keyName="name-label" /></label>
                 <input onChange={handleChange('name')} type="text" className="form-control" value={name} />
             </div>
 
             <div className="form-group">
-                <label className="text-dark font-weight-bold">Email</label>
+                <label className="text-dark font-weight-bold">
+<T keyName="email-label" /></label>
                 <input onChange={handleChange('email')} type="email" className="form-control" value={email} />
             </div>
 
             <div className="form-group">
-                <label className="text-dark font-weight-bold">Password</label>
+                <label className="text-dark font-weight-bold">
+<T keyName="password-label" /></label>
                 <input onChange={handleChange('password')} type="password" className="form-control" value={password} />
             </div>
             <div className="form-group">
-                <label className="text-dark font-weight-bold">Password again</label>
+                <label className="text-dark font-weight-bold">
+<T keyName="password-again-label" /></label>
                 <input type="password" className="form-control" />
             </div>
             <button onClick={clickSubmit} className="btn btn-success text-white btn-block font-weight-bold mt-4">
-                Submit
+                
+<T keyName="submit-button" />
             </button>
             <div className="text-center py-3 my-2">
-                    <span className="text-white">Already have an Account ?  &nbsp;</span>
-                    <Link to="/signin" className="text-danger font-weight-bold">Signin</Link>
+                    <span className="text-white">
+<T keyName="already-have-account" />&nbsp;</span>
+                    <Link to="/signin" className="text-danger font-weight-bold">
+<T keyName="signin-link" /></Link>
             </div>
             </form>
             </div>
         </div>
             <div className="col-xs-12 col-sm-6 col-md-5 rounded-right my-3 shadow-lg" id="signup-intro">
-                <h2 className="text-white text-center my-3 p-2 h2">Welcome to TravelYaari</h2>
-                <p className="text-center text-warning py-2">We Are Happy to see you here. We are working to provide the best services to you.</p>
-                <img className="img-fluid rounded" src={towerimage} alt="signup" />
+                <h2 className="text-white text-center my-3 p-2 h2">
+<T keyName="welcome-message" /></h2>
+                <p className="text-center text-warning py-2">
+<T keyName="service-message" /></p>
+                <img className="img-fluid rounded" src={towerimage} alt={
+t('signup-image-alt')} />
                 <div>
-                    <p className="text-center text-light py-1">By Signin, you Agree to our terms and Services. </p>
+                    <p className="text-center text-light py-1">
+<T keyName="terms-agreement" /></p>
                 </div>
-                <p className="h5 text-center text-white py-1 my-1 font-weight-bold">Let's Explore the World !!!!</p>
+                <p className="h5 text-center text-white py-1 my-1 font-weight-bold">
+<T keyName="explore-world" /></p>
 
             </div>
         </div>
@@ -95,7 +111,9 @@ const Signup = () => {
 
     const showSuccess = () => (
         <div className="alert alert-info mt-3" style={{ display: success ? '' : 'none' }}>
-            New account is created. Please <Link to="/signin">Signin</Link>
+            
+<T keyName="account-created" /> <Link to="/signin">
+<T keyName="signin-link" /></Link>
         </div>
     );
 
@@ -109,4 +127,4 @@ const Signup = () => {
     );
 };
 
-export default Signup;
+export default Signup;
\ No newline at end of file
diff --git a/src/user/UserDashboard.js b/src/user/UserDashboard.js
index 4329481..c1f990c 100644
--- a/src/user/UserDashboard.js
+++ b/src/user/UserDashboard.js
@@ -4,9 +4,11 @@ import { isAuthenticated } from "../auth";
 import { Link } from "react-router-dom";
 import { getPurchaseHistory } from "./apiUser";
 import moment from "moment";
+import { T, useTranslate } from "@tolgee/react";
 
 const Dashboard = () => {
     const [history, setHistory] = useState([]);
+    const { t } = useTranslate();
 
     const {
         user: { _id, name, email, role }
@@ -31,16 +33,19 @@ const Dashboard = () => {
     const userLinks = () => {
         return (
             <div className="card mt-4">
-                <h4 className="card-header bg-success text-white font-weight-bold text-center">User Links</h4>
+                <h4 className="card-header bg-success text-white font-weight-bold text-center">
+<T keyName="user-links-header" /></h4>
                 <ul className="list-group">
                     <li className="list-group-item font-weight-bold">
                         <Link className="nav-link" to="/cart">
-                        <i class="fa fa-picture-o" aria-hidden="true"> </i> My Wishlisted places
+                        <i class="fa fa-picture-o" aria-hidden="true"> </i> 
+<T keyName="my-wishlisted-places" />
                         </Link>
                     </li>
                     <li className="list-group-item font-weight-bold">
                         <Link className="nav-link" to={`/profile/${_id}`}>
-                        <i class="fa fa-cog fa-spin fa-1x fa-fw"></i>  Update My Profile
+                        <i class="fa fa-cog fa-spin fa-1x fa-fw"></i> 
+<T keyName="update-profile" />
                         </Link>
                     </li>
                 </ul>
@@ -51,12 +56,15 @@ const Dashboard = () => {
     const userInfo = () => {
         return (
             <div className="card mb-5 mt-4">
-                <h3 className="card-header bg-success text-white font-weight-bold text-center">User Information</h3>
+                <h3 className="card-header bg-success text-white font-weight-bold text-center">
+<T keyName="user-information-header" /></h3>
                 <ul className="list-group">
                     <li className="list-group-item  text-info font-weight-bold"><i class="fa fa-user-circle" aria-hidden="true"></i> &nbsp; {name}</li>
                     <li className="list-group-item  text-info font-weight-bold"><i class="fa fa-envelope" aria-hidden="true"></i> &nbsp; {email}</li>
                     <li className="list-group-item  text-info font-weight-bold"><i class="fa fa-registered" aria-hidden="true"></i> &nbsp;
-                        {role === 1 ? "Admin" : "Registered Travelyaari User 😇"}
+                        {role === 1 ? 
+t('admin-role') : 
+t('user-role')}
                     </li>
                 </ul>
             </div>
@@ -66,7 +74,8 @@ const Dashboard = () => {
     const purchaseHistory = history => {
         return (
             <div className="card mb-5">
-                <h3 className="card-header bg-success text-white font-weight-bold text-center">Purchase history</h3>
+                <h3 className="card-header bg-success text-white font-weight-bold text-center">
+<T keyName="purchase-history-header" /></h3>
                 <ul className="list-group">
                     <li className="list-group-item text-warning font-weight-bold">
                         {history.map((h, i) => {
@@ -76,12 +85,15 @@ const Dashboard = () => {
                                     {h.products.map((p, i) => {
                                         return (
                                             <div key={i}>
-                                                <h6>Product name: {p.name}</h6>
+                                                <h6>{
+t('product-name')}: {p.name}</h6>
                                                 <h6>
-                                                    Product price: ${p.price}
+                                                    {
+t('product-price')}: ${p.price}
                                                 </h6>
                                                 <h6>
-                                                    Purchased date:{" "}
+                                                    {
+t('purchased-date')}:{" "}
                                                     {moment(
                                                         p.createdAt
                                                     ).fromNow()}
@@ -100,8 +112,10 @@ const Dashboard = () => {
 
     return (
         <Layout
-            title="Dashboard"
-            description={`G'day ${name}!`}
+            title={
+t('dashboard-title')}
+            description={`${
+t('greeting')} ${name}!`}
             className="container-fluid"
         >
             <div className="row">