|
1 | | -importImagefrom"next/image"; |
2 | | - |
3 | | -constAbout=()=>{ |
4 | | -return( |
5 | | -<sectionclassName="py-8 xl:px-24 sm:px-10 px-5"id="about"> |
6 | | -<divclassName="text-center my-10"> |
7 | | -<pclassName="text-[#3977F8] font-game text-xl">01</p> |
8 | | -<h1className="font-bold text-6xl">ABOUT</h1> |
9 | | -</div> |
10 | | -<divclassName="flex justify-center items-center"> |
11 | | -<divclassName="lg:grid grid-cols-6 flex-1 max-w-[90rem]"> |
12 | | -{/* LEFT SIDE */} |
13 | | -<divclassName="col-span-2 md:mx-5"> |
14 | | -<divclassName="flex items-center justify-center"> |
15 | | -<Imagesrc="/assets/csesoc_icon.svg"alt="CSESoc Icon"width={150}height={150}/> |
16 | | -</div> |
17 | | -<h1className="mt-10 text-3xl font-extrabold">CSESoc</h1> |
18 | | -<pclassName="text-[#727B8C] font-medium">unsw-computer-science-soc</p> |
19 | | -<buttonclassName="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button> |
20 | | -<p>We are one of the biggest and most active societies at UNSW, catering to over 3500 CSE students spanning across degrees in Computer Science, Software Engineering, Bioinformatics and Computer Engineering.</p> |
21 | | -<divclassName="my-4 flex gap-5"> |
22 | | -<Imagesrc="/assets/people_icon.svg"alt="People"width={20}height={20}/> |
23 | | -<div> |
24 | | - 432<spanclassName="text-[#727B8C]">members</span> · 342<spanclassName="text-[#727B8C]">subcom</span> |
25 | | -</div> |
26 | | -</div> |
27 | | -<divclassName="my-4 flex gap-5"> |
28 | | -<Imagesrc="/assets/location_icon.svg"alt="Location"width={20}height={20}/> |
29 | | - Sydney, Australia |
30 | | -</div> |
31 | | -<divclassName="flex gap-5"> |
32 | | -<Imagesrc="/assets/mail_icon.svg"alt="Mail"width={20}height={20}/> |
33 | | - info@csesoc.org.au |
34 | | -</div> |
35 | | -</div> |
36 | | -{/* RIGHT SIDE */} |
37 | | -<divclassName="col-span-4 lg:mt-0 mt-10"> |
38 | | -<divclassName="rounded border border-[#595F6D] p-5 2xl:h-80 xl:h-64 lg:h-48 sm:h-36 h-32 h-full"> |
39 | | -<pclassName="text-xs"> |
40 | | - csesoc/README<spanclassName="text-[#7A8192]">.md</span> |
41 | | -</p> |
42 | | -<pclassName="mt-5">Lorem Ipsum</p> |
43 | | -</div> |
44 | | -<divclassName="mt-10"> |
45 | | - Pinned |
46 | | -<divclassName="sm:flex my-5"> |
47 | | -<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5 w-full sm:mb-0 mb-5"> |
48 | | -<divclassName="flex text-[#3A76F8]"> |
49 | | -<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
50 | | - csesoc.unsw.edu.au/<spanclassName="font-semibold">events</span> |
51 | | -</div> |
52 | | -<divclassName="my-5">CSESoc's recent events</div> |
53 | | -<divclassName="rounded-full bg-[#CC5421] w-3 h-3"/> |
54 | | -</div> |
55 | | -<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg w-full"> |
56 | | -<divclassName="flex text-[#3A76F8]"> |
57 | | -<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
58 | | - csesoc.unsw.edu.au/<spanclassName="font-semibold">socials</span> |
59 | | -</div> |
60 | | -<divclassName="my-5">Follow us on all socials</div> |
61 | | -<divclassName="rounded-full bg-[#566ACE] w-3 h-3"/> |
62 | | -</div> |
63 | | -</div> |
64 | | -<divclassName="sm:flex"> |
65 | | -<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5 w-full sm:mb-0 mb-5"> |
66 | | -<divclassName="flex text-[#3A76F8]"> |
67 | | -<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
68 | | - csesoc.unsw.edu.au/<spanclassName="font-semibold">join-us</span> |
69 | | -</div> |
70 | | -<divclassName="my-5">Get involved!</div> |
71 | | -<divclassName="rounded-full bg-[#E7E923] w-3 h-3"/> |
72 | | -</div> |
73 | | -<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg w-full"> |
74 | | -<divclassName="flex text-[#3A76F8]"> |
75 | | -<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
76 | | - csesoc.unsw.edu.au/<spanclassName="font-semibold">contact</span> |
77 | | -</div> |
78 | | -<divclassName="my-5">Contact us via email</div> |
79 | | -<divclassName="rounded-full bg-[#CC5421] w-3 h-3"/> |
80 | | -</div> |
81 | | -</div> |
82 | | -</div> |
83 | | -</div> |
84 | | -</div> |
85 | | -</div> |
86 | | -</section> |
87 | | -); |
88 | | -}; |
89 | | - |
90 | | -exportdefaultAbout; |
| 1 | +importImagefrom'next/image'; |
| 2 | + |
| 3 | +constAbout=()=>{ |
| 4 | +return( |
| 5 | +<sectionclassName="py-8 xl:px-24 sm:px-10 px-5"id="about"> |
| 6 | +<divclassName="text-center my-10"> |
| 7 | +<pclassName="text-[#3977F8] font-game text-xl">01</p> |
| 8 | +<h1className="font-bold text-6xl">ABOUT</h1> |
| 9 | +</div> |
| 10 | +<divclassName="flex justify-center items-center"> |
| 11 | +<divclassName="lg:grid grid-cols-6 flex-1 max-w-[90rem]"> |
| 12 | +{/* LEFT SIDE */} |
| 13 | +<divclassName="col-span-2 md:mx-5"> |
| 14 | +<divclassName="flex items-center justify-center"> |
| 15 | +<Imagesrc="/assets/csesoc_icon.svg"alt="CSESoc Icon"width={150}height={150}/> |
| 16 | +</div> |
| 17 | +<h1className="mt-10 text-3xl font-extrabold">CSESoc</h1> |
| 18 | +<pclassName="text-[#727B8C] font-medium">unsw-computer-science-soc</p> |
| 19 | +<buttonclassName="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button> |
| 20 | +<p> |
| 21 | + We are one of the biggest and most active societies at UNSW, catering to over 3500 CSE |
| 22 | + students spanning across degrees in Computer Science, Software Engineering, |
| 23 | + Bioinformatics and Computer Engineering. |
| 24 | +</p> |
| 25 | +<divclassName="my-4 flex gap-5"> |
| 26 | +<Imagesrc="/assets/people_icon.svg"alt="People"width={20}height={20}/> |
| 27 | +<div> |
| 28 | + 432<spanclassName="text-[#727B8C]">members</span> · 342{' '} |
| 29 | +<spanclassName="text-[#727B8C]">subcom</span> |
| 30 | +</div> |
| 31 | +</div> |
| 32 | +<divclassName="my-4 flex gap-5"> |
| 33 | +<Imagesrc="/assets/location_icon.svg"alt="Location"width={20}height={20}/> |
| 34 | + Sydney, Australia |
| 35 | +</div> |
| 36 | +<divclassName="flex gap-5"> |
| 37 | +<Imagesrc="/assets/mail_icon.svg"alt="Mail"width={20}height={20}/> |
| 38 | + info@csesoc.org.au |
| 39 | +</div> |
| 40 | +</div> |
| 41 | +{/* RIGHT SIDE */} |
| 42 | +<divclassName="col-span-4 lg:mt-0 mt-10"> |
| 43 | +<divclassName="rounded border border-[#595F6D] p-5 2xl:h-80 xl:h-64 lg:h-48 sm:h-36 h-32 h-full"> |
| 44 | +<pclassName="text-xs"> |
| 45 | + csesoc/README<spanclassName="text-[#7A8192]">.md</span> |
| 46 | +</p> |
| 47 | +<pclassName="mt-5">Lorem Ipsum</p> |
| 48 | +</div> |
| 49 | +<divclassName="mt-10"> |
| 50 | + Pinned |
| 51 | +<divclassName="sm:flex my-5"> |
| 52 | +<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5 w-full sm:mb-0 mb-5"> |
| 53 | +<divclassName="flex text-[#3A76F8]"> |
| 54 | +<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
| 55 | + csesoc.unsw.edu.au/<spanclassName="font-semibold">events</span> |
| 56 | +</div> |
| 57 | +<divclassName="my-5">CSESoc's recent events</div> |
| 58 | +<divclassName="rounded-full bg-[#CC5421] w-3 h-3"/> |
| 59 | +</div> |
| 60 | +<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg w-full"> |
| 61 | +<divclassName="flex text-[#3A76F8]"> |
| 62 | +<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
| 63 | + csesoc.unsw.edu.au/<spanclassName="font-semibold">socials</span> |
| 64 | +</div> |
| 65 | +<divclassName="my-5">Follow us on all socials</div> |
| 66 | +<divclassName="rounded-full bg-[#566ACE] w-3 h-3"/> |
| 67 | +</div> |
| 68 | +</div> |
| 69 | +<divclassName="sm:flex"> |
| 70 | +<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5 w-full sm:mb-0 mb-5"> |
| 71 | +<divclassName="flex text-[#3A76F8]"> |
| 72 | +<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
| 73 | + csesoc.unsw.edu.au/<spanclassName="font-semibold">join-us</span> |
| 74 | +</div> |
| 75 | +<divclassName="my-5">Get involved!</div> |
| 76 | +<divclassName="rounded-full bg-[#E7E923] w-3 h-3"/> |
| 77 | +</div> |
| 78 | +<divclassName="p-5 border border-[#595F6D] flex-1 rounded-lg w-full"> |
| 79 | +<divclassName="flex text-[#3A76F8]"> |
| 80 | +<Imagesrc="/assets/book_icon.svg"alt="Book"width={20}height={20}/> |
| 81 | + csesoc.unsw.edu.au/<spanclassName="font-semibold">contact</span> |
| 82 | +</div> |
| 83 | +<divclassName="my-5">Contact us via email</div> |
| 84 | +<divclassName="rounded-full bg-[#CC5421] w-3 h-3"/> |
| 85 | +</div> |
| 86 | +</div> |
| 87 | +</div> |
| 88 | +</div> |
| 89 | +</div> |
| 90 | +</div> |
| 91 | +</section> |
| 92 | +); |
| 93 | +}; |
| 94 | + |
| 95 | +exportdefaultAbout; |