feat: made prospectus downloadable (#330)

* made prospectus downloadable * added download icon --------- Co-authored-by: Ace <[email protected]>
asyncapi · Jun 19, 2024 · c5703fc · c5703fc
1 parent 36b0535
commit c5703fc
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/components/About/about.js b/components/About/about.js
@@ -3,7 +3,7 @@ import React from 'react'
 import Heading from '../Typography/heading';
 import Paragraph from '../Typography/paragraph';
 import Button from '../Buttons/button';
-
+import Image from 'next/image';
 function About() {
     return (
 		<div className='p-24 container flex items-center justify-center w-full'>
@@ -36,8 +36,17 @@ function About() {
 						>
 							<Button className='w-[200px]'>Become a sponsor now</Button>
 						</a>
-						<a href='https://drive.google.com/file/d/15rQ7cp-LLmxSCcAb2aBFitgJkGhYXBrd/view' target='_blank' rel="noreferrer">
-						<Button overlay={true} className='w-[200px] border'>Sponsorship prospectus</Button>
+						<a href='/pdf/conf-2024.pdf' download= {`conf ${new Date().getFullYear()}.pdf`} >
+						<Button overlay={true} className='w-[240px] border'>
+						<div className='flex gap-2 justify-center'>
+						<div>
+							<Image src="/img/Download_icon.png" height={20} width={20} alt='Download-icon' objectFit='contain'/>
+						</div>
+						<div>
+							Sponsorship prospectus
+						</div>
+						</div>
+							</Button>
 						</a>
 				</div>
 				</div>

diff --git a/public/img/Download_icon.png b/public/img/Download_icon.png
diff --git a/public/pdf/conf-2024.pdf b/public/pdf/conf-2024.pdf