Update hero section and color scheme across the application

- Changed the hero headline and sub-headline for better clarity and engagement.
- Added a secondary button for demo booking in the hero section.
- Updated primary color scheme in CSS files to unify the visual identity.
- Adjusted background and text colors to enhance readability and aesthetics.
- Removed unused CSS classes to streamline styles.
- Updated Tailwind configuration to reflect new color values for primary and secondary themes.

tailwind.config.js

@@ -11,28 +11,28 @@ module.exports = {
       extend: {
       colors: {
         primary: {
-          50: '#f2f6f8',
-          100: '#e6edf1',
-          200: '#bfd3de',
-          300: '#99b9cb',
-          400: '#4d8596',
-          500: '#334d5c', // couleur principale
-          600: '#2e4553',
-          700: '#273a45',
-          800: '#1f2e37',
-          900: '#19262c',
+          50: '#f46839',
+          100: '#f46839',
+          200: '#f46839',
+          300: '#f46839',
+          400: '#f46839',
+          500: '#f46839',
+          600: '#f46839',
+          700: '#f46839',
+          800: '#f46839',
+          900: '#f46839',
         },
         secondary: {
-          50: '#fff5f5',
-          100: '#ffeaea',
-          200: '#ffc9c9',
-          300: '#ffa8a8',
-          400: '#ff6666',
-          500: '#e57469', // couleur principale
-          600: '#ce6860',
-          700: '#ad5650',
-          800: '#8b4440',
-          900: '#723836',
+          50: 'rgba(67, 178, 157, 0.61)',
+          100: 'rgba(67, 178, 157, 0.61)',
+          200: 'rgba(67, 178, 157, 0.61)',
+          300: 'rgba(67, 178, 157, 0.61)',
+          400: 'rgba(67, 178, 157, 0.61)',
+          500: 'rgba(67, 178, 157, 0.61)',
+          600: 'rgba(67, 178, 157, 0.61)',
+          700: 'rgba(67, 178, 157, 0.61)',
+          800: 'rgba(67, 178, 157, 0.61)',
+          900: 'rgba(67, 178, 157, 0.61)',
         },
       },
       fontFamily: {