diff --git a/public/assets/companies/Prospekt 2025 MBD.pdf b/public/assets/companies/Prospekt 2025 MBD.pdf new file mode 100644 index 0000000..10a15a9 Binary files /dev/null and b/public/assets/companies/Prospekt 2025 MBD.pdf differ diff --git a/public/assets/team/adam.jpg b/public/assets/team/adam.jpg new file mode 100644 index 0000000..8d6e210 Binary files /dev/null and b/public/assets/team/adam.jpg differ diff --git a/public/assets/team/aleksander.jpg b/public/assets/team/aleksander.jpg new file mode 100644 index 0000000..5571436 Binary files /dev/null and b/public/assets/team/aleksander.jpg differ diff --git a/public/assets/team/david.jpg b/public/assets/team/david.jpg new file mode 100644 index 0000000..1e70609 Binary files /dev/null and b/public/assets/team/david.jpg differ diff --git a/public/assets/team/ebba.jpg b/public/assets/team/ebba_old.jpg similarity index 100% rename from public/assets/team/ebba.jpg rename to public/assets/team/ebba_old.jpg diff --git a/public/assets/team/favour.jpg b/public/assets/team/favour.jpg new file mode 100644 index 0000000..3736b14 Binary files /dev/null and b/public/assets/team/favour.jpg differ diff --git a/public/assets/team/isabella.jpg b/public/assets/team/isabella.jpg new file mode 100644 index 0000000..13be086 Binary files /dev/null and b/public/assets/team/isabella.jpg differ diff --git a/public/assets/team/joakim.jpg b/public/assets/team/joakim.jpg new file mode 100644 index 0000000..382f672 Binary files /dev/null and b/public/assets/team/joakim.jpg differ diff --git a/public/assets/team/joel.jpg b/public/assets/team/joel.jpg new file mode 100644 index 0000000..0b0a885 Binary files /dev/null and b/public/assets/team/joel.jpg differ diff --git a/public/assets/team/project_leaders.jpg b/public/assets/team/project_leaders.jpg index 665d2e9..a486b9c 100644 Binary files a/public/assets/team/project_leaders.jpg and b/public/assets/team/project_leaders.jpg differ diff --git a/public/assets/team/project_leaders22.jpg b/public/assets/team/project_leaders22.jpg new file mode 100644 index 0000000..665d2e9 Binary files /dev/null and b/public/assets/team/project_leaders22.jpg differ diff --git a/public/assets/team/safin.jpg b/public/assets/team/safin.jpg new file mode 100644 index 0000000..798fc3e Binary files /dev/null and b/public/assets/team/safin.jpg differ diff --git a/public/assets/team/zeynep.jpg b/public/assets/team/zeynep.jpg new file mode 100644 index 0000000..46c3599 Binary files /dev/null and b/public/assets/team/zeynep.jpg differ diff --git a/src/components/animated-mbd-logo/animated-mbd-logo.tsx b/src/components/animated-mbd-logo/animated-mbd-logo.tsx index dec8e3e..a9a5977 100644 --- a/src/components/animated-mbd-logo/animated-mbd-logo.tsx +++ b/src/components/animated-mbd-logo/animated-mbd-logo.tsx @@ -98,11 +98,11 @@ const AnimatedMBDLogo: FC = () => { {(mbdDate) => (
- {16}{' '} + {20}{' '} {TranslationModel.translate( - phrases.months.february + phrases.months.march )}{' '} - {2023} + {2025}
)}
diff --git a/src/components/card/card.css b/src/components/card/card.css index de4bd1d..0bd91ca 100644 --- a/src/components/card/card.css +++ b/src/components/card/card.css @@ -7,7 +7,7 @@ } .card--light { box-shadow: 0 0px 8px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -}z +} .card--unselected { box-shadow: none; } @@ -24,4 +24,14 @@ } .card--clickable.card--light:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.2); +} +.card--gold { + background: linear-gradient(338deg, rgba(255,215,0,1) 0%, rgb(241, 210, 29) 63%, rgba(255,255,255,1) 120%); +} + +.card--silver { + background: linear-gradient(338deg, #bdbded 0%, #ededed 63%, rgba(255,255,255,1) 120%); +} +.card--bronze { + background: linear-gradient(338deg, #ee7411 0%, #ffa069 63%, rgb(255, 245, 234) 120%); } \ No newline at end of file diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx index 42e5685..39efcaf 100644 --- a/src/components/card/card.tsx +++ b/src/components/card/card.tsx @@ -6,6 +6,9 @@ interface CardProps { className?: string, light?: boolean, unselected?: boolean, + gold?: boolean, + silver?: boolean, + bronze?: boolean } const Card: FC = (props) => { @@ -16,6 +19,15 @@ const Card: FC = (props) => { if (props.light) { className += 'card--light '; } + if (props.gold) { + className += 'card--gold '; + } + if (props.silver) { + className += 'card--silver '; + } + if (props.bronze) { + className += 'card--bronze '; + } if (props.unselected) { className += 'card--unselected '; } diff --git a/src/components/content-padding-thin.tsx b/src/components/content-padding-thin.tsx new file mode 100644 index 0000000..c4c8055 --- /dev/null +++ b/src/components/content-padding-thin.tsx @@ -0,0 +1,12 @@ +import React, { FC } from 'react'; + +export const ContentPaddingThin: FC = (props) => { + return ( +
+ {props.children} +
+ ); +} + diff --git a/src/pages/company-page/company-page.css b/src/pages/company-page/company-page.css index 0b26285..9f21bb2 100644 --- a/src/pages/company-page/company-page.css +++ b/src/pages/company-page/company-page.css @@ -9,6 +9,11 @@ color: var(--theme-text-dark); } +ul { + margin-top: 0.1em; + border-top: 1px #eee solid; + padding: 0px 30px; +} .companypage-offer p, .companypage-offer h3, .companypage-offer h4, .companypage-offer h5 { text-align: center; diff --git a/src/pages/company-page/company-page.tsx b/src/pages/company-page/company-page.tsx index 90614d6..1e19ab4 100644 --- a/src/pages/company-page/company-page.tsx +++ b/src/pages/company-page/company-page.tsx @@ -18,6 +18,7 @@ import SectionTitle, { import Card from '../../components/card/card' import { ContentPadding } from '../../components/content-padding' +import { ContentPaddingThin } from '../../components/content-padding-thin' import TextWithContent from '../../components/text-with-content/text-with-content' import ContactForm from '../contact-page/contact-form/contact-form' @@ -50,14 +51,14 @@ const Companypage = () => { Mässan kommer äga rum{' '} - våren 2024 + {/*våren 2025*/} - {/*{16}{' '} + {20}{' '} {TranslationModel.translate( phrases.months - .february + .march )}{' '} - {2023}{' '}*/} + {2025}{' '} {' '} och innehåller en heldag spännande företag. Vi kommer @@ -96,13 +97,13 @@ const Companypage = () => { The job fair starts in{' '} - spring 2024 - {/*{16}{' '} + {/*spring 2025*/} + {20}{'th '} {TranslationModel.translate( phrases.months - .february + .march )}{' '} - {2023}{' '}*/} + {2025}{' '} {' '} and consists of a whole day of exciting companies happy @@ -173,51 +174,58 @@ const Companypage = () => { ) })} - {/*
- - - + {
+ + + {TranslationModel.translate({ se: ( <> -

Huvudsponsorpaket

-

60 000kr

+
+

Guldpaketet

+

58 000kr


+ På Branchdagen:

  • - 8m2 för monter, två - ståbord och fyra - stolar samt två - personliga - företagsvärdar + 8m² för monter centralt på mässan +
  • +
  • + Två ståbord och fyra stolar +
  • +
  • + Två personliga företagsvärdar
  • Fyra - sittningsbiljetter, - tillgång till - företagslounge samt + sittningsbiljetter samt lunch och fika för fyra
  • Exponering på - hemsida, sociala - medier, ryggen på + hemsida, våra sociala + medier samt på kläder under - branschdagen och i - sektionslokalen + branschdagen
  • +
+ Event:{' '} +
  • - Event:{' '} Exempelvis en lunchföreläsning - eller pub + eller pub - mat till 50 personer ingår

    + Kostnad för drinkbiljetter tillkommer á 30kr
  • +
+ Annons: +
  • - Annons: På + På hemsida, Instagram - och Facebook + och Facebook.

@@ -225,80 +233,83 @@ const Companypage = () => { ), en: ( <> -

Main Sponsorship

-

60 000 SEK

+
+

Gold Package

+

SEK 58 000


+ On the day of the fair:

  • - 8m2 for stand, two - standing tables and - four chairs and two - personal company - hosts{' '} + 8m² for a stand +
  • +
  • + Two standing tables and four chairs +
  • +
  • + Two personal company hosts
  • - Four dinner tickets, - access to the - corporate lounge as - well as lunch and - coffee for four + Four dinner tickets, and lunch and coffee for four
  • - Exposure on the - website, social - media, the back of - clothes during the - fair + Exposure on the website, our social media and on clothes during the fair
  • +
+ Event:{' '} +
  • - Event: For - example a lunch - lecture or a pub + For example a lunch lecture or a pub - food for 50 people is included

    + The cost of drink tickets is SEK 30 per ticket
  • +
+ Advert: +
  • - Advert: On - website, Instagram - and Facebook + On website, Instagram and Facebook

), })} - - +
+
- - - + + + {TranslationModel.translate({ se: ( <> -

Standardpaket

-

30 000kr

+
+

Silverpaketet

+

36 000kr


+ På Branchdagen:

  • - 6m2 för monter, ett - ståbord och två - stolar samt en + 6m² för monter +
  • +
  • + Ett ståbord och två stolar +
  • +
  • + En personlig företagsvärd
  • Två - sittningsbiljetter, - tillgång till - företagslounge samt + sittningsbiljetter samt lunch och fika för två
  • Exponering på - hemsida och i - sociala medier + hemsida och våra sociala + medier

@@ -306,68 +317,68 @@ const Companypage = () => { ), en: ( <> -

Standard

-

30 000 SEK

+
+

Silverpaketet

+

SEK 36 000


+ On the day of the fair:

  • - 6m2 for stand, a - standing table and - two chairs and a - personal company - host + 6m² for a stand
  • - Two dinner tickets, - access to the - corporate lounge and - lunch and coffee for - two + One standing table and two chairs
  • - Exposure on the - website and in - social media + One personal company host +
  • +
  • + Two dinner tickets, and lunch and coffee for two +
  • +
  • + Exposure on the website and our social media

), })} -
-
+
+ - - - + + + {TranslationModel.translate({ se: ( <> -

- Monter i vår sektionslokal -

-

5000 kr, 11:00-14:00

+
+

Bronspaketet

+

27 000kr


+ På Branchdagen:

  • - 1000 kr/timme efter - 14:00 + 4m² för monter +
  • +
  • + Ett + ståbord
  • - I vår sektionslokal - META samlas många - studenter för att - plugga, luncha eller - bara för att hänga. - Detta är en perfekt - plats att stå under - en förmiddag och - knyta kontakter med - framtidens - medietekniska - ingenjörer + En + företagsvärd +
  • +
  • + Fika för + två +
  • +
  • + Exponering på + hemsida och våra sociala + medier

@@ -375,37 +386,35 @@ const Companypage = () => { ), en: ( <> -

- Booth at the chapter hall -

-

5000 kr, 11:00-14:00

+
+

Bronspaketet

+

SEK 27 000


+ On the day of the fair:

  • - 1000 kr/hour after - 14:00 + 4m² for a stand +
  • +
  • + One standing table
  • - In our chapter hall, - META, many students - gathers to study, - have lunch or just - hanging out. This is - a perfect place to - stand during the day - and make contacts - with the future - media technology - engineers + One company host +
  • +
  • + Coffee for two +
  • +
  • + Exposure on the website and our social media

), })} -
-
+
+
@@ -415,8 +424,8 @@ const Companypage = () => { {TranslationModel.translate({ se: ( <> -

Event

-

7000kr

+

Event

+

15 000kr


    @@ -448,8 +457,8 @@ const Companypage = () => { ), en: ( <> -

    Event

    -

    7 000 SEK

    +

    Event

    +

    SEK 15 000


      @@ -466,6 +475,7 @@ const Companypage = () => { during the fair day +

    @@ -481,7 +491,7 @@ const Companypage = () => { {TranslationModel.translate({ se: ( <> -

    Annons

    +

    Annons

    1 000 kr


    @@ -503,8 +513,8 @@ const Companypage = () => { ), en: ( <> -

    Advert

    -

    1 000 SEK

    +

    Advert

    +

    SEK 1 000


      @@ -528,7 +538,7 @@ const Companypage = () => {
-
*/} +
}
{/* Email us section */} diff --git a/src/pages/contact-page/contact-page.css b/src/pages/contact-page/contact-page.css index f183789..369a6d6 100644 --- a/src/pages/contact-page/contact-page.css +++ b/src/pages/contact-page/contact-page.css @@ -45,6 +45,21 @@ } } +.intro-screen-title { + padding: 35px 35px 0px 35px; + padding-bottom: 50px; + box-sizing: border-box; + width: 100%; + + text-transform: uppercase; + font-weight: 900; + font-size: 40px; + text-align: center; + color: #ffd521; + + background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0)); +} + /* Animation */ @keyframes paning-background-animation { 0% { diff --git a/src/pages/contact-page/contact-page.tsx b/src/pages/contact-page/contact-page.tsx index 7da8e90..45bdf79 100644 --- a/src/pages/contact-page/contact-page.tsx +++ b/src/pages/contact-page/contact-page.tsx @@ -27,14 +27,18 @@ const Contactpage: FC = () => { return (
+
{TranslationModel.translate(phrases.the_project_group)}
+ + {/* +
-
+ >
+ */} {/* List of every memeber in PG */} @@ -54,7 +58,8 @@ const Contactpage: FC = () => { ) })} - + + {/*
{TranslationModel.translate(phrases.photo_thanks_start)}{' '} { {' '} {TranslationModel.translate(phrases.photo_thanks_end)}!
+ */} +
{/* Contact form*/} diff --git a/src/pages/home-page/home-page.tsx b/src/pages/home-page/home-page.tsx index 2e73589..72b31d3 100644 --- a/src/pages/home-page/home-page.tsx +++ b/src/pages/home-page/home-page.tsx @@ -78,11 +78,11 @@ const Homepage: FC = () => { Vad kul att just du hittat hit! Medias Branschdag kommer att äga - rum {16}{' '} + rum {20}{' '} {TranslationModel.translate( - phrases.months.february + phrases.months.march )}{' '} - {2023} i kårhuset Nymble på KTH + {2025} i kårhuset Nymble på KTH campus Valhallavägen.

@@ -111,11 +111,11 @@ const Homepage: FC = () => { en: ( Fancy seeing you here! The fair - will take place on the 16th of{' '} + will take place on the 20th of{' '} {TranslationModel.translate( - phrases.months.february + phrases.months.march )}{' '} - {2023} in the student union + {2025} in the student union house Nymble at KTH campus Valhallavägen.
@@ -162,11 +162,11 @@ const Homepage: FC = () => { @@ -200,7 +200,7 @@ const Homepage: FC = () => { Läs mer om hur ni kan delta i Medias Branschdag{' '} { - /*mbdDate.getStartYear()*/ 2023 // Need to hardcode as server connection is not working + /*mbdDate.getStartYear()*/ 2025 // Need to hardcode as server connection is not working } .
diff --git a/src/pages/student-page/student-page.tsx b/src/pages/student-page/student-page.tsx index 1051253..83ef700 100644 --- a/src/pages/student-page/student-page.tsx +++ b/src/pages/student-page/student-page.tsx @@ -314,7 +314,7 @@ const Studentpage = () => { <>

More information coming soon...

) - })/* + })}/*
@@ -339,8 +339,8 @@ const Studentpage = () => {
- */} + */ + ) }