-
-
Notifications
You must be signed in to change notification settings - Fork 118
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: refactor code and add coming soon page (#529)
* add coming soon component and comment out the unneccessary code * enhanced coming soon page * enhace page --------- Co-authored-by: acethecreator <[email protected]>
- Loading branch information
1 parent
0cb527b
commit 7701a51
Showing
19 changed files
with
228 additions
and
372 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| import React from 'react'; | ||
| import Heading from '../Typography/heading'; | ||
| import Paragraph from '../Typography/paragraph'; | ||
| import { Nav } from './tempNav'; | ||
| import NotificationForm from '../Form/notification'; | ||
| import Image from 'next/image'; | ||
|
|
||
| function ComingSoon() { | ||
| return ( | ||
| <div className='container'> | ||
| <Nav /> | ||
| <div className='text-center flex flex-col items-center justify-center h-full mt-24'> | ||
| {/* <Heading typeStyle='heading-lg' className='text-gradient'> | ||
| AsyncAPI Conf 2025 | ||
| </Heading> */} | ||
| <div className='lg:w-full w-[50%]'> | ||
| <Heading typeStyle='heading-lg' className='text-gradient text-8xl'> | ||
| Coming Soon! | ||
| </Heading> | ||
| <Paragraph typeStyle='body-lg' className='mt-10 text-center' textColor='text-gray-200'> | ||
| Join us for the AsyncAPI Conference, which brings the latest AsyncAPI technology to locations worldwide! | ||
| </Paragraph> | ||
| <NotificationForm /> | ||
| </div> | ||
| </div> | ||
| <div className='w-full h-[450px] mt-16 relative flex justify-center items-center overflow-hidden'> | ||
| <Image src='/img/arrow-bounce.png' alt='test' width={100} height={100} className='mt-[10px] absolute top-10 animate-bounce' /> | ||
| <Image src='/img/conference-ill.webp' alt='test' width={1200} height={100} className='mt-[200px]' /> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default ComingSoon; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| import Image from "next/image"; | ||
| import Button from "../Buttons/button"; | ||
| import Link from "next/link"; | ||
| import Arrow from "../illustration/arrow"; | ||
|
|
||
| export function Nav(){ | ||
| return <div className="mt-4 flex justify-between items-center"> | ||
| <div> | ||
| <Image src='/img/logo-plain.png' alt='conference logo' width={40} height={40} /> | ||
| </div> | ||
| <div> | ||
| <Link href='/editions'> | ||
| <button | ||
| type="submit" | ||
| className="px-3 py-3 bg-white text-black text-sm hover:bg-gray-100 transition-colors rounded-md flex items-center" | ||
| > | ||
| <span>Past Editions</span> <Arrow className={'w-[15px] h-[15px] ml-2'} fill={'black'} /> | ||
| </button></Link> | ||
| </div> | ||
| </div> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import Link from 'next/link'; | ||
| import Button from '../Buttons/button'; | ||
| import Arrow from '../illustration/arrow'; | ||
|
|
||
| const NotificationForm = () => { | ||
| return ( | ||
| <div className="flex items-center justify-center p-4 mt-10"> | ||
| <div className='w-full'> | ||
| <div className="flex p-2 items-center bg-gray-800 rounded-lg flex justify-between px-4"> | ||
| <div className='flex items-center text-gray-400'><span>Kindly subscribe to our newsletter to get notified</span> <span><Arrow className={'w-[15px] ml-4'} /></span></div> | ||
| <Link href='https://www.asyncapi.com/en/newsletter' target='_blank' rel='noopener noreferrer'><Button className={'px-6 py-3 font-semibold hover:bg-gray-100 transition-colors rounded-md'}>Notify Me</Button></Link> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default NotificationForm; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| import React from 'react'; | ||
| import Heading from '../Typography/heading'; | ||
| import Paragraph from '../Typography/paragraph'; | ||
|
|
||
| function PastEditions({ editions }) { | ||
| return ( | ||
| <div className='container'> | ||
| {/* <div className='flex flex-col items-center'> | ||
| <Heading typeStyle='heading-md' className='text-gradient'> | ||
| Past Editions | ||
| </Heading> | ||
| <div className='mt-6 grid grid-cols-3 gap-6'> | ||
| {editions.map((edition) => ( | ||
| <div key={edition.year} className='flex flex-col items-center'> | ||
| <Heading typeStyle='heading-sm' className='mt-4'> | ||
| {edition.year} | ||
| </Heading> | ||
| <Paragraph typeStyle='body-sm' className='mt-2' textColor='text-gray-200'> | ||
| {edition.description} | ||
| </Paragraph> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </div> */} | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default PastEditions; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| import React from 'react'; | ||
| import Heading from '../Typography/heading'; | ||
| import Paragraph from '../Typography/paragraph'; | ||
| import Image from 'next/image'; | ||
|
|
||
| function Speakers({ speakers }) { | ||
| return ( | ||
| <div className='container'> | ||
| {/* <div className='flex flex-col items-center'> | ||
| <Heading typeStyle='heading-md' className='text-gradient'> | ||
| Speakers | ||
| </Heading> | ||
| <div className='mt-6 grid grid-cols-3 gap-6'> | ||
| {speakers.map((speaker) => ( | ||
| <div key={speaker.name} className='flex flex-col items-center'> | ||
| <Image src={speaker.image} alt={speaker.name} width={150} height={150} className='rounded-full' /> | ||
| <Heading typeStyle='heading-sm' className='mt-4'> | ||
| {speaker.name} | ||
| </Heading> | ||
| <Paragraph typeStyle='body-sm' className='mt-2' textColor='text-gray-200'> | ||
| {speaker.title} | ||
| </Paragraph> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </div> */} | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default Speakers; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import React from 'react'; | ||
| import Heading from '../Typography/heading'; | ||
| import Paragraph from '../Typography/paragraph'; | ||
| import Button from '../Buttons/button'; | ||
|
|
||
| function Tickets() { | ||
| return ( | ||
| <div className='container'> | ||
| {/* <div className='flex flex-col items-center'> | ||
| <Heading typeStyle='heading-md' className='text-gradient'> | ||
| Tickets | ||
| </Heading> | ||
| <Paragraph typeStyle='body-lg' className='mt-4' textColor='text-gray-200'> | ||
| Get your tickets now! | ||
| </Paragraph> | ||
| <Button className='mt-6'>Buy Tickets</Button> | ||
| </div> */} | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default Tickets; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.