update services

frontend/src/components/ServicePageTemplate.jsx

@@ -105,9 +105,16 @@ const ServicePageTemplate = ({
 
       {/* Section Interest */}
       <Box sx={{ padding: "40px 20px", textAlign: "center" }}>
-        <Typography variant="h2" sx={{ fontWeight: "bold", mb: 2 }}>
+        <Typography variant="h2" 
+          sx={{ 
+            fontWeight: "bold", 
+            mb: 2,
+            fontSize: { xs: '2rem', md: '3rem', lg: '3rem' }, // Responsive
+          }}
+        >
           Pourquoi choisir ce service ?
         </Typography>
+
         <Typography
           variant="body1"
           sx={{ maxWidth: "800px", margin: "0 auto", mb: 4 }}
@@ -120,10 +127,17 @@ const ServicePageTemplate = ({
       <Box sx={{ backgroundColor: "#ffffff", padding: "40px 20px" }}>
         <Typography
           variant="h2"
-          sx={{ fontWeight: "bold", textAlign: "center", mb: 4 }}
+            sx={{ 
+              fontWeight: "bold", 
+              textAlign: "center", 
+              mb: 4,
+              fontSize: { xs: '2rem', md: '3rem', lg: '3rem' }, // Responsive
+ 
+            }}
         >
           Ce que nous offrons
         </Typography>
+
         <Grid container spacing={4} justifyContent="center">
           {features.map((feature, index) => (
             <Grid item xs={12} md={4} key={index}>
@@ -247,9 +261,16 @@ const ServicePageTemplate = ({
             backgroundColor: "#f9f9f9",
           }}
         >
-          <Typography variant="h2" sx={{ marginBottom: 4 }}>
+          <Typography variant="h2" 
+            sx={{ 
+              marginBottom: 4,
+              fontSize: { xs: '2rem', md: '3rem', lg: '3rem' }, // Responsive
+ 
+            }}
+          >
             Découvrez nos réalisations
           </Typography>
+
           <Swiper
             modules={[Navigation, Pagination, Autoplay]}
             spaceBetween={20}
@@ -302,9 +323,17 @@ const ServicePageTemplate = ({
           padding: "40px 20px",
         }}
       >
-        <Typography variant="h2" sx={{ fontWeight: "bold", mb: 2 }}>
+        <Typography variant="h2" 
+          sx={{ 
+            fontWeight: "bold", 
+            mb: 2,
+            fontSize: { xs: '2rem', md: '3rem', lg: '3rem' }, // Responsive
+ 
+          }}
+        >
           Prêt à démarrer ?
         </Typography>
+        
         <Typography variant="body1" sx={{ mb: 4 }}>
           Rejoignez-nous dès aujourd’hui et profitez de nos services pour
           booster votre activité.