-
- }
- onClick={() => navigate("/admin/dashboard")}
- sx={{ mr: 2 }}
- >
- Retour au dashboard
-
-
- Mes applications
-
-
+ const composeButtonSx = (variant = "primary") => ({
+ borderRadius: 999,
+ textTransform: "none",
+ fontWeight: 600,
+ letterSpacing: 0.3,
+ display: "inline-flex",
+ alignItems: "center",
+ justifyContent: "center",
+ gap: 0.75,
+ transition:
+ "transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease",
+ px: 3,
+ py: 0.85,
+ minHeight: 42,
+ ...(variant === "primary"
+ ? {
+ background: "linear-gradient(135deg, #315397, #7bc0ff)",
+ color: "#ffffff",
+ border: "1px solid rgba(255,255,255,0.28)",
+ boxShadow: "0 18px 28px -18px rgba(11,26,61,0.55)",
+ "&:hover": {
+ background: "linear-gradient(135deg, #26467d, #6fb6ff)",
+ boxShadow: "0 22px 32px -18px rgba(11,26,61,0.62)",
+ },
+ }
+ : {
+ background: "rgba(255,255,255,0.84)",
+ color: "#315397",
+ border: "1px solid rgba(49,83,151,0.26)",
+ "&:hover": {
+ background: "rgba(255,255,255,0.95)",
+ borderColor: "rgba(49,83,151,0.46)",
+ boxShadow: "0 14px 22px -18px rgba(11,26,61,0.4)",
+ },
+ }),
+ });
-
- {toolsApps.map((app) => (
-
-
-
- {app.name}
-
- {app.description}
-
-
-
-
-
-
-
- ))}
-
+ return (
+
+
+
+
+
+
+
+ }
+ onClick={() => navigate("/admin/dashboard")}
+ sx={composeButtonSx("outline")}
+ >
+ Retour au dashboard
+
+
+
+ Hub applicatif Octopus
+
+
+ Mes outils métiers
+
+
+ Centralisez vos applications internes : réseau, bilans, générateur
+ de photos et futurs modules d’automatisation Octopus.
+
+
+
+
+
+
+
+
+
+
+ {toolsApps.map((app) => (
+
+
+
+
+ {app.external ? "Application externe" : "Module interne"}
+
+
+ {app.name}
+
+
+ {app.description}
+
+
+
+
+
+ ))}
+
+
);
}
diff --git a/server/cloudinary-backend/.DS_Store b/server/cloudinary-backend/.DS_Store
new file mode 100644
index 0000000..f2ea631
Binary files /dev/null and b/server/cloudinary-backend/.DS_Store differ
diff --git a/server/cloudinary-backend/.env.example b/server/cloudinary-backend/.env.example
new file mode 100644
index 0000000..5679128
--- /dev/null
+++ b/server/cloudinary-backend/.env.example
@@ -0,0 +1,28 @@
+#
+# Backend configuration for contact form emails.
+# Copy this file to `.env` and fill in your SMTP details.
+#
+
+# SMTP server host (e.g. smtp.gmail.com, smtp.mailgun.org, etc.)
+SMTP_HOST=mail.sebvtl.com
+
+# SMTP port (465 for SSL, 587 for TLS)
+SMTP_PORT=465
+
+# Use "true" if your provider requires SSL (port 465)
+# Otherwise leave to "false" for TLS (port 587)
+SMTP_SECURE=true
+
+# SMTP credentials
+SMTP_USER=contact@sebvtl.com
+SMTP_PASS=Lightwave9.0**
+
+# Optional: override the recipient (defaults to sebastien@octopusdesign.fr)
+CONTACT_RECIPIENT=sebastien@octopusdesign.fr
+
+# Optional: override the "from" address visible in the email client
+CONTACT_FROM=no-reply@octopusdesign.fr
+
+# Optional: add extra allowed origins for CORS (comma separated)
+# Example: CORS_ALLOWED_ORIGINS=https://preprod.octopusdesign.fr,https://admin.octopusdesign.fr
+CORS_ALLOWED_ORIGINS=
diff --git a/server/cloudinary-backend/contactRoute.js b/server/cloudinary-backend/contactRoute.js
new file mode 100644
index 0000000..df5515d
--- /dev/null
+++ b/server/cloudinary-backend/contactRoute.js
@@ -0,0 +1,123 @@
+import express from "express";
+import nodemailer from "nodemailer";
+
+const router = express.Router();
+
+const buildTransporterConfig = () => {
+ const host = process.env.SMTP_HOST;
+ const port = Number(process.env.SMTP_PORT || 587);
+ const secure =
+ typeof process.env.SMTP_SECURE === "string"
+ ? process.env.SMTP_SECURE === "true"
+ : port === 465;
+
+ const user = process.env.SMTP_USER;
+ const pass = process.env.SMTP_PASS;
+
+ const baseConfig = {
+ host,
+ port,
+ secure,
+ };
+
+ if (user && pass) {
+ baseConfig.auth = { user, pass };
+ }
+
+ return baseConfig;
+};
+
+router.post("/contact", async (req, res) => {
+ const { name, email, subject, message, consent } = req.body || {};
+
+ console.info("📨 Requête contact reçue", {
+ name,
+ email,
+ subject,
+ consent,
+ });
+
+ if (!name || !email || !subject || !message) {
+ return res.status(400).json({
+ message:
+ "Merci de compléter tous les champs requis avant d'envoyer votre message.",
+ });
+ }
+
+ const recipient =
+ process.env.CONTACT_RECIPIENT || "sebastien@octopusdesign.fr";
+ const fromAddress =
+ process.env.CONTACT_FROM ||
+ process.env.SMTP_FROM ||
+ process.env.SMTP_USER ||
+ "no-reply@octopusdesign.fr";
+
+ try {
+ const transporter = nodemailer.createTransport(buildTransporterConfig());
+
+ const mailSubject = subject.trim()
+ ? `[Site Octopus Design] ${subject.trim()}`
+ : "Nouveau message depuis le site Octopus Design";
+
+ const consentLabel = consent ? "✅ Consentement donné" : "❌ Consentement non fourni";
+
+ const textBody = `
+Nom : ${name}
+E-mail : ${email}
+Consentement : ${consentLabel}
+
+Message :
+${message}
+`;
+
+ const htmlBody = `
+ Nom : ${name}
+ E-mail : ${email}
+ Consentement : ${consentLabel}
+ Message :
+ ${message.replace(/\n/g, "
")}
+ `;
+
+ // Vérifie la connexion SMTP avant d'essayer d'envoyer
+ await transporter.verify();
+
+ const mailOptions = {
+ from: `"Octopus Design" <${fromAddress}>`,
+ to: recipient,
+ replyTo: email,
+ subject: mailSubject,
+ text: textBody,
+ html: htmlBody,
+ };
+
+ await transporter.sendMail(mailOptions);
+
+ console.info(
+ "✅ Email de contact envoyé avec succès",
+ JSON.stringify(
+ {
+ to: recipient,
+ replyTo: email,
+ subject: mailSubject,
+ },
+ null,
+ 2
+ )
+ );
+
+ return res.status(200).json({
+ message: "Votre message a bien été envoyé. Merci pour votre confiance !",
+ });
+ } catch (error) {
+ console.error(
+ "❌ Erreur lors de l'envoi du mail de contact :",
+ error?.stack || error?.message || error
+ );
+ return res.status(500).json({
+ message:
+ "Impossible d'envoyer votre message pour le moment. Merci de réessayer plus tard.",
+ });
+ }
+});
+
+export default router;
diff --git a/server/cloudinary-backend/main.js b/server/cloudinary-backend/main.js
index 4c5bf54..651ad36 100644
--- a/server/cloudinary-backend/main.js
+++ b/server/cloudinary-backend/main.js
@@ -1,17 +1,37 @@
import express from "express";
import dotenv from "dotenv";
-import cloudinaryRoute from "./cloudinaryRoute.js";
import cors from "cors";
+import cloudinaryRoute from "./cloudinaryRoute.js";
+import contactRoute from "./contactRoute.js";
dotenv.config();
const app = express();
-app.use(cors({
- // origin: "https://octopusdesign.fr"
- origin: ["https://octopusdesign.fr", "http://localhost:3000"]
-}));
+const allowedOrigins = (process.env.CORS_ALLOWED_ORIGINS || "")
+ .split(",")
+ .map((origin) => origin.trim())
+ .filter(Boolean);
+
+const defaultOrigins = [
+ "https://octopusdesign.fr",
+ "https://www.octopusdesign.fr",
+ "https://preprod.octopusdesign.fr",
+ "http://localhost:3000",
+ "http://localhost:5173",
+];
+
+const origins = [...new Set([...defaultOrigins, ...allowedOrigins])];
+
+app.use(
+ cors({
+ origin: origins,
+ })
+);
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
app.use("/api", cloudinaryRoute);
+app.use("/api", contactRoute);
const PORT = process.env.PORT || 3001;
app.listen(PORT, () => {
diff --git a/server/cloudinary-backend/package.json b/server/cloudinary-backend/package.json
index c1ac5c1..be07cfb 100644
--- a/server/cloudinary-backend/package.json
+++ b/server/cloudinary-backend/package.json
@@ -10,6 +10,7 @@
"axios": "^1.6.7",
"cors": "^2.8.5",
"dotenv": "^16.3.1",
- "express": "^4.18.2"
+ "express": "^4.18.2",
+ "nodemailer": "^6.9.11"
}
}