Skip to content

Commit 8a7690d

Browse files
hedocodehedocode
committed
Small update for contact responsive and confidentiality policy
1 parent f7526e9 commit 8a7690d

9 files changed

Lines changed: 211 additions & 53 deletions

File tree

‎src/app/contact/page.tsx‎

Lines changed: 36 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -11,43 +11,41 @@ export const metadata: Metadata = {
1111

1212
export default function Contact() {
1313
return (
14-
<section className="flex flex-col items-center justify-center bg-white dark:bg-black text-gray-900 dark:text-white p-6">
15-
<div className="max-w-4xl w-full flex flex-col md:flex-row items-center gap-4">
16-
<article className="mb-8">
17-
<h1>Contact</h1>
18-
<p>N&apos;hésitez pas à directement nous contacter pour toute information.<br/>Nous vous répondrons avec plaisir et bonne humeur ! 😊</p>
19-
<section className="mb-4 flex gap-10">
20-
<p className="icon-text">
21-
<FontAwesomeIcon icon={faEnvelope}/>
22-
<a href="mailto:contact@sacercode.com">contact@sacercode.com</a>
23-
</p>
24-
<p className="icon-text">
25-
<FontAwesomeIcon icon={faPhone}/>
26-
<a href="tel:+33745269103">07 45 26 91 03</a>
27-
</p>
28-
</section>
29-
<h2>Réseaux sociaux</h2>
30-
<p>Suivez-nous sur nos réseaux sociaux pour rester au courant de nos dernières réalisations et mises à jours de logiciels !</p>
31-
<section className="mb-4 flex gap-10">
32-
<p className="icon-text">
33-
<FontAwesomeIcon icon={faLinkedin}/>
34-
<a href="https://www.linkedin.com/company/sacercode" target="_blank" rel="noopener noreferrer">LinkedIn</a>
35-
</p>
36-
<p className="icon-text">
37-
<FontAwesomeIcon icon={faInstagram}/>
38-
<a href="https://www.instagram.com/sacercode" target="_blank" rel="noopener noreferrer">Instagram</a>
39-
</p>
40-
<p className="icon-text">
41-
<FontAwesomeIcon icon={faFacebook}/>
42-
<a href="https://www.facebook.com/sacercode" target="_blank" rel="noopener noreferrer">Facebook</a>
43-
</p>
44-
<p className="icon-text">
45-
<FontAwesomeIcon icon={faYoutube}/>
46-
<a href="https://www.youtube.com/c/sacercode" target="_blank" rel="noopener noreferrer">YouTube</a>
47-
</p>
48-
</section>
49-
</article>
50-
</div>
51-
</section>
14+
<div className="max-w-4xl w-full">
15+
<article className="flex flex-col gap-4 mb-8">
16+
<h1>Contact</h1>
17+
<p>N&apos;hésitez pas à directement nous contacter pour toute information.<br/>Nous vous répondrons avec plaisir et bonne humeur ! 😊</p>
18+
<section className="mb-4 flex flex-wrap gap-6 md:gap-10">
19+
<p className="icon-text">
20+
<FontAwesomeIcon icon={faEnvelope}/>
21+
<a href="mailto:contact@sacercode.com">contact@sacercode.com</a>
22+
</p>
23+
<p className="icon-text">
24+
<FontAwesomeIcon icon={faPhone}/>
25+
<a href="tel:+33745269103">07 45 26 91 03</a>
26+
</p>
27+
</section>
28+
<h2>Réseaux sociaux</h2>
29+
<p>Suivez-nous sur nos réseaux sociaux pour rester au courant de nos dernières réalisations et mises à jours de logiciels !</p>
30+
<section className="mb-4 flex flex-wrap gap-6 md:gap-10">
31+
<p className="icon-text">
32+
<FontAwesomeIcon icon={faLinkedin}/>
33+
<a href="https://www.linkedin.com/company/sacercode" target="_blank" rel="noopener noreferrer">LinkedIn</a>
34+
</p>
35+
<p className="icon-text">
36+
<FontAwesomeIcon icon={faInstagram}/>
37+
<a href="https://www.instagram.com/sacercode" target="_blank" rel="noopener noreferrer">Instagram</a>
38+
</p>
39+
<p className="icon-text">
40+
<FontAwesomeIcon icon={faFacebook}/>
41+
<a href="https://www.facebook.com/sacercode" target="_blank" rel="noopener noreferrer">Facebook</a>
42+
</p>
43+
<p className="icon-text">
44+
<FontAwesomeIcon icon={faYoutube}/>
45+
<a href="https://www.youtube.com/c/sacercode" target="_blank" rel="noopener noreferrer">YouTube</a>
46+
</p>
47+
</section>
48+
</article>
49+
</div>
5250
)
5351
}

‎src/app/cybersecurity/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export const metadata: Metadata = {
88

99
export default function Contact() {
1010
return (
11-
<section className="flex flex-col items-center justify-center bg-white dark:bg-black text-gray-900 dark:text-white p-6">
11+
<section className="flex flex-col items-center justify-center bg-white dark:bg-black text-gray-900 dark:text-white">
1212
<div className="max-w-4xl w-full flex flex-col md:flex-row items-center gap-4">
1313
<section className="mb-8">
1414
<h1>Cybersécurité</h1>

‎src/app/equipe/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const metadata: Metadata = {
1010

1111
export default function Equipe() {
1212
return (
13-
<section className="flex flex-col items-center justify-center bg-white dark:bg-black text-gray-900 dark:text-white p-6">
13+
<section className="flex flex-col items-center justify-center bg-white dark:bg-black text-gray-900 dark:text-white">
1414
<div className="max-w-4xl w-full flex flex-col md:flex-row items-center gap-4">
1515
<article className="mb-8">
1616
<h1>L&apos;équipe</h1>

‎src/app/globals.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
}
2727

2828
body {
29-
@apply min-h-screen flex flex-col justify-between;
29+
@apply min-h-screen flex flex-col justify-between bg-white dark:bg-black;
3030
background: var(--background);
3131
color: var(--foreground);
3232
font-family: Arial, Helvetica, sans-serif;
@@ -79,5 +79,5 @@ button {
7979
}
8080

8181
.content-holder {
82-
@apply bg-white dark:bg-black grow flex flex-col items-center justify-center px-6 py-12;
82+
@apply grow flex flex-col items-center justify-center px-4 py-12 pt-26;
8383
}

‎src/app/politique-confidentialite/page.tsx‎

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
import { Metadata } from "next";
2+
3+
export const metadata: Metadata = {
4+
title: "Politique de Confidentialité | Sacercode",
5+
description: "Politique de confidentialité et protection des données personnelles de Sacercode, société de conseil et formation informatique.",
6+
};
7+
8+
export default function PolitiqueConfidentialite() {
9+
return (
10+
<div className="min-h-screen">
11+
<div className="max-w-4xl mx-auto">
12+
<div className="prose prose-lg max-w-none">
13+
<h1 className="text-3xl font-bold mb-8">Politique de Confidentialité</h1>
14+
15+
<p className="text-lg mb-8">
16+
Dernière mise à jour : {new Date().toLocaleDateString("fr-FR")}
17+
</p>
18+
19+
<section className="mb-8">
20+
<h2 className="text-2xl font-semibold mb-4">1. Identité du responsable de traitement</h2>
21+
<div className="rounded-lg">
22+
<p><strong>SAS Sacercode</strong></p>
23+
<p>7 rue Barillot veuve Coupelon</p>
24+
<p>63000 Clermont-Ferrand</p>
25+
<p>SIRET : 938 910 627 00018</p>
26+
<p>Email du DPO : <a href="mailto:dpo@sacercode.com" className="text-blue-600 hover:text-blue-800">dpo@sacercode.com</a></p>
27+
</div>
28+
</section>
29+
30+
<section className="mb-8">
31+
<h2 className="text-2xl font-semibold mb-4">2. Données collectées</h2>
32+
<p className="mb-4">
33+
Dans le cadre de nos activités de conseil et formation informatique, nous collectons uniquement les données personnelles nécessaires au contact et au suivi de nos prospects et clients :
34+
</p>
35+
<ul className="list-disc pl-6 space-y-2">
36+
<li>Adresse email</li>
37+
<li>Numéro de téléphone</li>
38+
<li>Besoins techniques exprimés</li>
39+
<li>Informations collectées via les formulaires LinkedIn Lead Gen</li>
40+
</ul>
41+
</section>
42+
43+
<section className="mb-8">
44+
<h2 className="text-2xl font-semibold mb-4">3. Finalités du traitement</h2>
45+
<p className="mb-4">Vos données personnelles sont traitées pour les finalités suivantes :</p>
46+
<ul className="list-disc pl-6 space-y-2">
47+
<li>Établir un contact commercial</li>
48+
<li>Répondre à vos demandes d&apos;information</li>
49+
<li>Proposer nos services de conseil et formation</li>
50+
<li>Assurer le suivi de la relation client</li>
51+
<li>Respecter nos obligations légales</li>
52+
</ul>
53+
</section>
54+
55+
<section className="mb-8">
56+
<h2 className="text-2xl font-semibold mb-4">4. Base légale</h2>
57+
<p>
58+
Le traitement de vos données personnelles est basé sur :
59+
</p>
60+
<ul className="list-disc pl-6 mt-4 space-y-2">
61+
<li>Votre consentement lors de la soumission d&apos;un formulaire</li>
62+
<li>L&apos;intérêt légitime de Sacercode à développer son activité commerciale</li>
63+
<li>L&apos;exécution de mesures précontractuelles ou contractuelles</li>
64+
</ul>
65+
</section>
66+
67+
<section className="mb-8">
68+
<h2 className="text-2xl font-semibold mb-4">5. Destinataires des données</h2>
69+
<p>
70+
Vos données personnelles sont destinées exclusivement aux équipes de Sacercode dans le cadre de leurs missions.
71+
Nous n&apos;utilisons actuellement aucun service tiers, à l&apos;exception de LinkedIn et de son formulaire Lead Gen pour la collecte de prospects.
72+
</p>
73+
</section>
74+
75+
<section className="mb-8">
76+
<h2 className="text-2xl font-semibold mb-4">6. Durée de conservation</h2>
77+
<p>
78+
Vos données personnelles sont conservées pendant une durée de <strong>1 an</strong> à compter de leur collecte ou du dernier contact.
79+
Au-delà de cette période, elles sont supprimées de nos systèmes.
80+
</p>
81+
</section>
82+
83+
<section className="mb-8">
84+
<h2 className="text-2xl font-semibold mb-4">7. Transferts de données</h2>
85+
<p>
86+
Sacercode ne transfère aucune donnée personnelle en dehors de l&apos;Union Européenne.
87+
Toutes les données sont stockées et traitées en France.
88+
</p>
89+
</section>
90+
91+
<section className="mb-8">
92+
<h2 className="text-2xl font-semibold mb-4">8. Vos droits</h2>
93+
<p className="mb-4">
94+
Conformément au Règlement Général sur la Protection des Données (RGPD), vous disposez des droits suivants :
95+
</p>
96+
<ul className="list-disc pl-6 space-y-2">
97+
<li><strong>Droit d&apos;accès :</strong> obtenir confirmation que vos données sont traitées et y accéder</li>
98+
<li><strong>Droit de rectification :</strong> corriger des données inexactes ou incomplètes</li>
99+
<li><strong>Droit à l&apos;effacement :</strong> demander la suppression de vos données</li>
100+
<li><strong>Droit à la limitation :</strong> limiter le traitement de vos données</li>
101+
<li><strong>Droit à la portabilité :</strong> récupérer vos données dans un format structuré</li>
102+
<li><strong>Droit d&apos;opposition :</strong> vous opposer au traitement de vos données</li>
103+
<li><strong>Droit de retrait du consentement :</strong> retirer votre consentement à tout moment</li>
104+
</ul>
105+
<div className="rounded-lg mt-6">
106+
<p>
107+
<strong>Pour exercer ces droits :</strong><br />
108+
Contactez notre DPO à l&apos;adresse : <a href="mailto:dpo@sacercode.com" className="text-blue-600 hover:text-blue-800">dpo@sacercode.com</a>
109+
</p>
110+
</div>
111+
</section>
112+
113+
<section className="mb-8">
114+
<h2 className="text-2xl font-semibold mb-4">9. Sécurité des données</h2>
115+
<p>
116+
Sacercode met en œuvre des mesures techniques et organisationnelles appropriées pour assurer
117+
la sécurité de vos données personnelles et les protéger contre toute destruction, perte,
118+
altération, divulgation ou accès non autorisé.
119+
</p>
120+
</section>
121+
122+
<section className="mb-8">
123+
<h2 className="text-2xl font-semibold mb-4">10. Réclamation</h2>
124+
<p>
125+
Si vous estimez que le traitement de vos données personnelles constitue une violation du RGPD,
126+
vous avez le droit d&apos;introduire une réclamation auprès de la Commission Nationale de l&apos;Informatique
127+
et des Libertés (CNIL) : <a href="https://www.cnil.fr" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:text-blue-800">www.cnil.fr</a>
128+
</p>
129+
</section>
130+
131+
<section className="mb-8">
132+
<h2 className="text-2xl font-semibold mb-4">11. Modifications</h2>
133+
<p>
134+
Cette politique de confidentialité peut être mise à jour. La version en vigueur est celle
135+
publiée sur notre site web. Nous vous encourageons à consulter régulièrement cette page.
136+
</p>
137+
</section>
138+
139+
<section className="mb-8">
140+
<h2 className="text-2xl font-semibold mb-4">12. Contact</h2>
141+
<div className="rounded-lg">
142+
<p>
143+
Pour toute question concernant cette politique de confidentialité ou le traitement de vos données personnelles :
144+
</p>
145+
<p className="mt-4">
146+
<strong>Email DPO :</strong> <a href="mailto:dpo@sacercode.com" className="text-blue-600 hover:text-blue-800">dpo@sacercode.com</a><br />
147+
<strong>Adresse :</strong> SAS Sacercode, 7 rue Barillot veuve Coupelon, 63000 Clermont-Ferrand
148+
</p>
149+
</div>
150+
</section>
151+
</div>
152+
</div>
153+
</div>
154+
);
155+
}

‎src/app/services/page.tsx‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
44
import type { Metadata } from "next";
55
import Link from "next/link";
66
import "./styles.css";
7+
import Button from "@/components/Button/Button";
78

89
export const metadata: Metadata = {
910
title: "Services - Sacercode",
@@ -54,9 +55,7 @@ export default function Services() {
5455
<article className="flex flex-wrap justify-between gap-4">
5556
<p>Nous n&apos;offrons pas encore de services de cybersécurité. <br/>Néanmoins vous pouvez retrouver les ressources utiles sur cette page annexe.</p>
5657
<Link href="/cybersecurity">
57-
<button className="w-full md:w-auto float-right bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white px-8 py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105 shadow-lg">
58-
Conseils cybersécurité
59-
</button>
58+
<Button>Conseils cybersécurité</Button>
6059
</Link>
6160
</article>
6261
</section>
@@ -71,6 +70,14 @@ export default function Services() {
7170
<small>Nos tarifs sont soumis à une TVA de 20%. (article 278 du code général des impôts)</small>
7271
</article>
7372
</section>
73+
<section className="mt-8">
74+
<h3>Besoins de nos services ?</h3>
75+
<article>
76+
<Link href="/contact">
77+
<Button>Contactez nous !</Button>
78+
</Link>
79+
</article>
80+
</section>
7481
</div>
7582
)
7683
}

‎src/components/Global/Footer/components.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default function Footer() {
55
<footer className="footer">
66
<div className="container mx-auto text-center">
77
<p className="text-sm">
8-
© {new Date().getFullYear()} Sacercode. Tous droits réservés. - <a href="/mentions-legales">Mentions légales</a>
8+
© {new Date().getFullYear()} Sacercode. Tous droits réservés. - <a href="/mentions-legales">Mentions légales</a> - <a href="/politique-confidentialite">Politique de confidentialité</a>
99
</p>
1010
<p className="text-xs mt-2">
1111
Ce site web n&apos;utilise pas de cookies et ne collecte aucune donnée personnelle.

‎src/components/Global/Header/styles.css‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
11
@reference "tailwindcss";
22

33
.header {
4-
@apply sticky top-0 left-0 flex justify-center w-full bg-white dark:bg-black z-50
4+
@apply fixed top-0 left-0 flex justify-center w-full bg-white/70 dark:bg-black/70 z-50
55
transition-all duration-300 ease-in-out h-auto
66
;
77

8-
&.open {
9-
@apply h-screen;
10-
}
8+
backdrop-filter: blur(2px);
9+
1110
}
1211

1312
@keyframes shimmer {
@@ -47,8 +46,7 @@
4746
}
4847

4948
.header__menu {
50-
@apply
51-
bg-white dark:bg-black
49+
@apply
5250
flex flex-col md:flex-row items-center
5351
space-y-8 md:space-y-0 md:space-x-8
5452
/* absolute md:static

‎src/components/PageSpecific/Home/Sections/Hero.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import AnimatedTitleVariableMorphing from "@/components/AnimatedTitleVariableMor
33

44
export default function Hero() {
55
return (
6-
<section className="flex items-center justify-center h-full w-full px-4">
6+
<section className="flex items-center justify-center min-h-screen w-full px-4">
77
<div className="flex flex-col items-center w-full mx-auto text-center space-y-10">
88
{/* Hero Title */}
99
<AnimatedTitleVariableMorphing/>

0 commit comments

Comments
 (0)