added cobtent to home page

src/components/Icons.jsx

@@ -8,7 +8,9 @@ import { TbPlayerTrackNext, TbPlayerTrackPrev } from 'react-icons/tb'
 import { IoMdSettings } from "react-icons/io";
 import { LuMessageSquareText } from "react-icons/lu";
 import { LuPanelRight } from "react-icons/lu";
-
+import { FcGoogle } from "react-icons/fc";
+import { IoLogoApple } from "react-icons/io5";
+import { FcSalesPerformance } from "react-icons/fc";
 
 
 export default function Icons({name, className}) {
@@ -40,6 +42,12 @@ export default function Icons({name, className}) {
     <LuMessageSquareText className={`text-base ${className}`} />
     :name.toLowerCase() == 'right-panel' ?
     <LuPanelRight className={`text-base ${className}`} />
+    :name.toLowerCase() == 'google' ?
+    <FcGoogle className={`text-base ${className}`} />
+    :name.toLowerCase() == 'apple' ?
+    <IoLogoApple className={`text-base ${className}`} />
+    :name.toLowerCase() == 'sales' ?
+    <FcSalesPerformance className={`text-base ${className}`} />
     :
     null
     }

src/components/InputText.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
 
-export default function InputText({id, name, type='text', value, handleChange}) {
+export default function InputText({id, name, type='text', placeholder, value, handleChange}) {
   return (
-    <div className='w-full h-10 round overflow-hidden'>
-        <input id={id} name={name} type={type} value={value} onChange={handleChange} className='p-2 w-full h-full text-black outline-0 ring-0 border border-slate-400 focus:border-purple-600 rounded' />
+    <div className='w-full h-12 overflow-hidden'>
+        <input id={id} name={name} type={type} value={value} placeholder={placeholder} onChange={handleChange} className='p-2 w-full h-full text-black outline-0 ring-0 border border-slate-300 focus:border-purple-600 rounded-md' />
     </div>
   )
 }