fix:添加示例信息
This commit is contained in:
@@ -40,7 +40,7 @@ const ContactForm = () => {
|
|||||||
setLoader(true)
|
setLoader(true)
|
||||||
|
|
||||||
// TODO: 替换为你自己的邮箱地址
|
// TODO: 替换为你自己的邮箱地址
|
||||||
fetch('https://formsubmit.co/ajax/your-email@example.com', {
|
fetch('https://formsubmit.co/ajax/example@example.com', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: { 'Content-type': 'application/json' },
|
headers: { 'Content-type': 'application/json' },
|
||||||
body: JSON.stringify({
|
body: JSON.stringify({
|
||||||
@@ -157,8 +157,7 @@ const ContactForm = () => {
|
|||||||
type='submit'
|
type='submit'
|
||||||
disabled={!isFormValid || loader}
|
disabled={!isFormValid || loader}
|
||||||
className={`border leading-none px-6 text-lg font-medium py-4 rounded-full
|
className={`border leading-none px-6 text-lg font-medium py-4 rounded-full
|
||||||
${
|
${!isFormValid || loader
|
||||||
!isFormValid || loader
|
|
||||||
? 'bg-gray-300 text-gray-500 cursor-not-allowed'
|
? 'bg-gray-300 text-gray-500 cursor-not-allowed'
|
||||||
: 'bg-primary border-primary text-white hover:bg-transparent hover:text-primary cursor-pointer'
|
: 'bg-primary border-primary text-white hover:bg-transparent hover:text-primary cursor-pointer'
|
||||||
}`}>
|
}`}>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ const Newsletter = () => {
|
|||||||
</h4>
|
</h4>
|
||||||
<div className='flex gap-2'>
|
<div className='flex gap-2'>
|
||||||
<input
|
<input
|
||||||
type='Email address'
|
type='email'
|
||||||
name='q'
|
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'
|
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'
|
placeholder='Enter your email'
|
||||||
|
|||||||
@@ -42,7 +42,8 @@ const Footer = () => {
|
|||||||
</p>
|
</p>
|
||||||
<div className='flex gap-4'>
|
<div className='flex gap-4'>
|
||||||
<Link
|
<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'>
|
className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
|
||||||
<Icon
|
<Icon
|
||||||
icon='tabler:brand-instagram'
|
icon='tabler:brand-instagram'
|
||||||
@@ -50,7 +51,8 @@ const Footer = () => {
|
|||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
<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'>
|
className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
|
||||||
<Icon
|
<Icon
|
||||||
icon='tabler:brand-dribbble'
|
icon='tabler:brand-dribbble'
|
||||||
@@ -58,7 +60,8 @@ const Footer = () => {
|
|||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
<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'>
|
className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
|
||||||
<Icon
|
<Icon
|
||||||
icon='tabler:brand-twitter-filled'
|
icon='tabler:brand-twitter-filled'
|
||||||
@@ -66,7 +69,8 @@ const Footer = () => {
|
|||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
<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'>
|
className='bg-white/20 rounded-full p-2 text-white hover:bg-cream hover:text-primary duration-300'>
|
||||||
<Icon
|
<Icon
|
||||||
icon='tabler:brand-youtube-filled'
|
icon='tabler:brand-youtube-filled'
|
||||||
@@ -107,7 +111,7 @@ const Footer = () => {
|
|||||||
</h3>
|
</h3>
|
||||||
<div className='relative text-white focus-within:text-white flex flex-row-reverse w-[50%] lg:w-full'>
|
<div className='relative text-white focus-within:text-white flex flex-row-reverse w-[50%] lg:w-full'>
|
||||||
<input
|
<input
|
||||||
type='Email address'
|
type='email'
|
||||||
name='q'
|
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'
|
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'
|
placeholder='Your email address'
|
||||||
|
|||||||
Reference in New Issue
Block a user