ruidy/React-SaaS-sample
1
0
Fork 0
mirror of https://github.com/rjNemo/React-SaaS-sample synced 2026-06-06 05:06:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

nemo.immo Fr

Browse source
This commit is contained in:
Ruidy Nemausat 2019-11-02 20:41:03 +01:00
parent d501c9d04f
commit 100ffd10f0
7 changed files with 47 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/index.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
@ -19,7 +19,7 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>Nemo.immo | Assistant de gestion locative</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

16
src/components/FeaturesSection.js
View file

@ -16,28 +16,28 @@ function FeaturesSection(props) {
<Features <Features
items={[ items={[
{ {
title: "Explore", title: "Automatisez des tâches →",
description: description:
"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.", "Avis d’échéances, suivi des encaissements, comptabilité locative, quittancement, …",
image: "https://uploads.divjoy.com/undraw-mind_map_cwng.svg" image: "https://uploads.divjoy.com/undraw-mind_map_cwng.svg"
}, },
{ {
title: "Explore", title: "Protégez vos intérêts →",
description: description:
"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.", "Gestion des retards de paiement, révision du loyer, régularisation des charges, …",
image: image:
"https://uploads.divjoy.com/undraw-personal_settings_kihd.svg" "https://uploads.divjoy.com/undraw-personal_settings_kihd.svg"
}, },
{ {
title: "Explore", title: "Soyez mieux accompagné →",
description: description:
"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.", "Edition du bail, assistance administrative et comptable, information juridique et fiscale, …",
image: "https://uploads.divjoy.com/undraw-having_fun_iais.svg" image: "https://uploads.divjoy.com/undraw-having_fun_iais.svg"
}, },
{ {
title: "Explore", title: "Restez organisé (à venir) →",
description: description:
"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.", "Assignation des dépenses, archivage des justificatifs, déclaration des revenus fonciers, …",
image: "https://uploads.divjoy.com/undraw-balloons_vxx5.svg" image: "https://uploads.divjoy.com/undraw-balloons_vxx5.svg"
} }
]} ]}

27
src/components/Footer.js
View file

@ -13,16 +13,9 @@ function Footer(props) {
</Link> </Link>
</div> </div>
<div className="links right"> <div className="links right">
<Link to="/about">About</Link> <Link to="/about">À propos</Link>
<Link to="/faq">FAQ</Link> <Link to="/faq">FAQ</Link>
<Link to="/contact">Contact</Link> <Link to="/contact">Contact</Link>
<a
target="_blank"
href="https://medium.com"
rel="noopener noreferrer"
>
Blog
</a>
</div> </div>
<div className="social right"> <div className="social right">
<a <a
@ -52,6 +45,24 @@ function Footer(props) {
<i className="fab fa-instagram" /> <i className="fab fa-instagram" />
</span> </span>
</a> </a>
<a
href="https://linkedin.com"
target="_blank"
rel="noopener noreferrer"
>
<span className="icon">
<i className="fab fa-linkedin" />
</span>
</a>
<a
href="https://medium.com"
target="_blank"
rel="noopener noreferrer"
>
<span className="icon">
<i className="fab fa-medium" />
</span>
</a>
</div> </div>
<div className="copyright left">{props.copyright}</div> <div className="copyright left">{props.copyright}</div>
</div> </div>

6
src/components/Navbar.js
View file

@ -30,7 +30,7 @@ function Navbar(props) {
{auth.user && ( {auth.user && (
<div className="navbar-item has-dropdown is-hoverable"> <div className="navbar-item has-dropdown is-hoverable">
<Link className="navbar-link" to="/"> <Link className="navbar-link" to="/">
Account Mon compte
</Link> </Link>
<div className="navbar-dropdown is-boxed"> <div className="navbar-dropdown is-boxed">
<Link className="navbar-item" to="/dashboard"> <Link className="navbar-item" to="/dashboard">
@ -44,7 +44,7 @@ function Navbar(props) {
auth.signout(); auth.signout();
}} }}
> >
Sign out Déconnexion
</Link> </Link>
</div> </div>
</div> </div>
@ -52,7 +52,7 @@ function Navbar(props) {
{!auth.user && ( {!auth.user && (
<Link className="navbar-item" to="/signin"> <Link className="navbar-item" to="/signin">
Sign in Connexion
</Link> </Link>
)} )}
</div> </div>

6
src/components/TestimonialsSection.js
View file

@ -19,7 +19,7 @@ function TestimonialsSection(props) {
avatar: "https://uploads.divjoy.com/pravatar-150x-5.jpeg", avatar: "https://uploads.divjoy.com/pravatar-150x-5.jpeg",
name: "Sarah Kline", name: "Sarah Kline",
bio: bio:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.", "Ce que j’aime dans cet outil, c’est surtout sa simplicité d’utilisation ! Enfin quelque chose de bien pensé, rassurant et moderne [...]",
company: "Company" company: "Company"
}, },
{ {
@ -27,7 +27,7 @@ function TestimonialsSection(props) {
name: "Shawna Murray", name: "Shawna Murray",
role: "Software Engineer", role: "Software Engineer",
bio: bio:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!", "J’ai 4 locations à gérer : j’étais vite débordé avant, mais maintenant tout est centralisé sur mon compte. Si je n'ai pas le temps de me connecter, je reçois quand même toujours les notifications par mail !",
company: "Company" company: "Company"
}, },
{ {
@ -35,7 +35,7 @@ function TestimonialsSection(props) {
name: "Blake Elder", name: "Blake Elder",
role: "Designer", role: "Designer",
bio: bio:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae.", "Avant, j’envoyais un chèque par la poste... mais c’est bien plus pratique maintenant de payer mon loyer : réglé en un clic, trace du paiement, quittance envoyée par email...",
company: "Company" company: "Company"
} }
]} ]}

2
src/pages/_app.js
View file

@ -69,7 +69,7 @@ function App(props) {
color="light" color="light"
size="normal" size="normal"
logo="https://uploads.divjoy.com/logo.svg" logo="https://uploads.divjoy.com/logo.svg"
copyright="© 2019 Company" copyright="© 2019 nemo.immo"
/> />
</> </>
</Router> </Router>

22
src/pages/index.js
View file

@ -14,9 +14,9 @@ function IndexPage(props) {
<HeroSection <HeroSection
color="white" color="white"
size="medium" size="medium"
title="To Do App Beta" title="Assistant de gestion locative"
subtitle="Keep things in order" subtitle="Éliminez les tâches répétitives sans valeur ajoutée"
buttonText="Get Started" buttonText="Commencer"
image="https://uploads.divjoy.com/undraw-japan_ubgk.svg" image="https://uploads.divjoy.com/undraw-japan_ubgk.svg"
buttonOnClick={() => { buttonOnClick={() => {
router.push("/pricing"); router.push("/pricing");
@ -26,23 +26,23 @@ function IndexPage(props) {
<FeaturesSection <FeaturesSection
color="white" color="white"
size="medium" size="medium"
title="Features" title=""
subtitle="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud." subtitle=""
/> />
<TestimonialsSection <TestimonialsSection
color="light" color="light"
size="medium" size="medium"
title="Here's what people are saying" title="Témoignages"
subtitle="" subtitle=""
/> />
<NewsletterSection <NewsletterSection
color="white" color="white"
size="medium" size="medium"
title="Stay in the know" title="Restez connecté"
subtitle="Receive our latest articles and feature updates" subtitle="Recevez nos articles et nouvelles fonctionnalités"
buttonText="Subscribe" buttonText="S'inscrire"
inputPlaceholder="Enter your email" inputPlaceholder="johndoe@mail.com"
subscribedMessage="You are now subscribed!" subscribedMessage="Bravo !"
/> />
</> </>
); );