delete Guide, complete mail system

src/App.jsx

@@ -1,6 +1,6 @@
 import { BrowserRouter } from "react-router-dom";
 import { Routes, Route } from 'react-router-dom';
-import { Menu, Guide, Navbar, Contacts, StarsCanvas, Problems, Faq } from "./components";
+import { Menu, Navbar, Contacts, StarsCanvas, Problems, Faq } from "./components";
 import "./index.css"
 import "./components/Problems.css"
 
@@ -13,13 +13,11 @@ const App = () => {
       <Routes>
         <Route path="/" element={<Menu />} />
         <Route path="/problems" element={<Problems />} />
-        <Route path="/guide" element={<Guide />} />
         <Route path="/contacts" element={<Contacts />} />
         <Route path="/contact" element={<Contacts />} />
         <Route path="/faq" element={<Faq />} />
       </Routes>
         </div>
-        {/*<StarsCanvas />*/}
       </div>
     </BrowserRouter>
   );

src/components/Contacter.jsx

@@ -36,9 +36,9 @@ const Contact = () => {
         import.meta.env.VITE_APP_EMAILJS_TEMPLATE_ID,
         {
           from_name: form.name,
-          to_name: "JavaScript Mastery",
+          to_name: "JJ",
           from_email: form.email,
-          to_email: "sujata@jsmastery.pro",
+          to_email: "Jwizzed@outlook.com",
           message: form.message,
         },
         import.meta.env.VITE_APP_EMAILJS_PUBLIC_KEY

src/components/Contacts.jsx

@@ -5,7 +5,6 @@ import SocialMedia from "./SocialMedia.jsx";
 import {styles} from "../styles.js";
 import { StarsCanvas } from "./canvas";
 
-
 const Contacts = () => {
     return (
         <div>

src/components/Guide.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import { SectionWrapper } from "../hoc";
-
-
-const Guide = () => {
-  return (
-    <div></div>
-  );
-};
-
-export default SectionWrapper(Guide, "work");

src/components/Menu.jsx

@@ -1,7 +1,6 @@
 import React from "react";
 import Tilt from "react-tilt";
 import { motion } from "framer-motion";
-
 import { styles } from "../styles";
 import { menu } from "../constants";
 import { SectionWrapper } from "../hoc";
@@ -9,7 +8,7 @@ import { fadeIn, textVariant } from "../utils/motion";
 import { StarsCanvas } from "./canvas";
 
 const ServiceCard = ({ index, title, icon, url }) => (
-  <Tilt className='xs:w-[250px] w-full'>
+  <Tilt className='xs:w-[350px] w-full'>
     <motion.div
       variants={fadeIn("right", "spring", index * 0.5, 0.75)}
       className='w-full green-pink-gradient p-[1px] rounded-[20px] shadow-card'
@@ -26,10 +25,10 @@ const ServiceCard = ({ index, title, icon, url }) => (
           <img
             src={icon}
             alt='web-development'
-            className='w-16 h-16 object-contain'
+            className='w-20 h-20 object-contain'
           />
 
-          <h3 className='text-white text-[20px] font-bold text-center'>
+          <h3 className='text-white text-[30px] font-bold text-center'>
             {title}
           </h3>
         </div>

src/components/index.js

@@ -1,7 +1,6 @@
 import { StarsCanvas, EarthCanvas } from './canvas';
 import Navbar from "./Navbar";
 import Menu from "./Menu";
-import Guide from "./Guide";
 import Contacts from "./Contacts";
 import CanvasLoader from "./Loader";
 import Faq from './Faq';
@@ -12,7 +11,6 @@ import SocialMedia from './Socialmedia';
 export {
   Navbar,
   Menu,
-  Guide,
   Contacts,
   CanvasLoader,
   StarsCanvas,

src/constants/index.js

@@ -1,5 +1,4 @@
 import {
-  guide,
   contacts_pic,
   faq_pic,
   problems,
@@ -13,10 +12,6 @@ export const navLinks = [
     id: "problems",
     title: "Problems",
   },
-  {
-    id: "guide",
-    title: "Guide",
-  },
   {
     id: "faq",
     title: "FAQ",
@@ -32,10 +27,6 @@ const menu = [
     title: "Problems",
     icon: problems,
   },
-  {
-    title: "Guide",
-    icon: guide,
-  },
   {
     title: "FAQ",
     icon: faq_pic,