fix:添加示例信息

src/app/components/Contact/Form/index.tsx

@@ -40,7 +40,7 @@ const ContactForm = () => {
     setLoader(true)
 
     // TODO: 替换为你自己的邮箱地址
-    fetch('https://formsubmit.co/ajax/your-email@example.com', {
+    fetch('https://formsubmit.co/ajax/example@example.com', {
       method: 'POST',
       headers: { 'Content-type': 'application/json' },
       body: JSON.stringify({
@@ -157,11 +157,10 @@ const ContactForm = () => {
                 type='submit'
                 disabled={!isFormValid || loader}
                 className={`border leading-none px-6 text-lg font-medium py-4 rounded-full 
-                    ${
-                      !isFormValid || loader
-                        ? 'bg-gray-300 text-gray-500 cursor-not-allowed'
-                        : 'bg-primary border-primary text-white hover:bg-transparent hover:text-primary cursor-pointer'
-                    }`}>
+                    ${!isFormValid || loader
+                    ? 'bg-gray-300 text-gray-500 cursor-not-allowed'
+                    : 'bg-primary border-primary text-white hover:bg-transparent hover:text-primary cursor-pointer'
+                  }`}>
                 Submit
               </button>
             </div>

src/app/components/Home/Newsletter/index.tsx

@@ -13,7 +13,7 @@ const Newsletter = () => {
               </h4>
               <div className='flex gap-2'>
                 <input
-                  type='Email address'
+                  type='email'
                   name='q'
                   className='py-4 w-full text-base px-4 bg-white transition-all duration-500 focus:border-primary focus:outline-1 rounded-lg pl-4'
                   placeholder='Enter your email'

src/app/components/Layout/Footer/index.tsx

@@ -42,7 +42,8 @@ const Footer = () => {
             </p>
             <div className='flex gap-4'>
               <Link
-                href='/'
+                href='https://instagram.com/example'
+                target='_blank'
                 className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
                 <Icon
                   icon='tabler:brand-instagram'
@@ -50,7 +51,8 @@ const Footer = () => {
                 />
               </Link>
               <Link
-                href='/'
+                href='https://dribbble.com/example'
+                target='_blank'
                 className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
                 <Icon
                   icon='tabler:brand-dribbble'
@@ -58,7 +60,8 @@ const Footer = () => {
                 />
               </Link>
               <Link
-                href='/'
+                href='https://twitter.com/example'
+                target='_blank'
                 className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
                 <Icon
                   icon='tabler:brand-twitter-filled'
@@ -66,7 +69,8 @@ const Footer = () => {
                 />
               </Link>
               <Link
-                href='/'
+                href='https://youtube.com/example'
+                target='_blank'
                 className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
                 <Icon
                   icon='tabler:brand-youtube-filled'
@@ -107,7 +111,7 @@ const Footer = () => {
             </h3>
             <div className='relative text-white focus-within:text-white flex flex-row-reverse w-[50%] lg:w-full'>
               <input
-                type='Email address'
+                type='email'
                 name='q'
                 className='py-4 text-sm w-full text-white bg-white/15 rounded-md pl-4 focus:outline-hidden bg-emailbg focus:text-white'
                 placeholder='Your email address'