Merge pull request #60 from emil-webkom/naeringsliv-page

Added more info to the næringsliv page
emil-webkom · Sep 3, 2024 · e0d473f · e0d473f
2 parents 6776779 + 26785c0
commit e0d473f
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 13 deletions.
diff --git a/frontend/src/app/naeringsliv/page.tsx b/frontend/src/app/naeringsliv/page.tsx
@@ -51,14 +51,15 @@ const NaeringslivPage = () => {
             />
           </div>
 
-          <div className="">
-            <EmilLink />
+          <div className="lg:pt-12">
+
           </div>
         </div>
       </div>
       <TransissionOut />
-      <div className="w-[90%]">
-        <LogoSection />
+      <div className="w-[90%] pt-12">
+      <EmilLink />
+        <LogoSection/>
       </div>
       <TransissionIn />
     </div>

diff --git a/frontend/src/components/EmilLink/EmilLink.tsx b/frontend/src/components/EmilLink/EmilLink.tsx
@@ -1,12 +1,38 @@
-// pages/index.jsx (or any other page/component file)
+
 import React from "react";
 import Link from "next/link";
 
 const EmilLink = () => {
   return (
-    <div className="bg-[#001D21] flex flex-col items-center justify-center text-left py-18">
-      <p className="font-extrabold text-2xl text-white py-6 ">EMIL-Link</p>
-      <p className="text-white font-extralight text-sm lg:text-base leading-relaxed max-w-4xl">
+    <div className="bg-[#] rounded-md flex flex-col items-center justify-center text-center py-18 text-[#001D21]">
+      <h1 className="font-extrabold text-3xl py-6 ">For bedriften</h1>
+      <h2 className="font-semibold  text-xl">Bedriftspresentasjon på Gløshaugen</h2>
+      <p className="font-thin ">Her foregår en presentasjon på ettermiddagen/kvelden etterfulgt av middag enten på Gløshaugen eller i byen.</p>
+
+
+        <div className="w-[75%] lg:w-[45%] flex flex-col justify-center items-center px-4 lg: py-7">
+          <div className="flex flex-col lg:flex-row lg:justify-between gap-11 lg:gap-16 w-full text-left">
+
+          <div className="bg-[#225654] text-white rounded-md p-4  lg:w-1/2 ">
+          <h2 className="font-semibold pb-3"> Bedriftspresentasjon på dagtid</h2>
+          <p className="font-thin text-sm ">Dette kaller vi for lunsjbedriftspresentasjon, og foregår på dagen. Da serveres det lunsj i stedet for middag. Dette foregår oftest på Gløshaugen da studentene har andre forelesninger utover dagen.</p>
+          </div>
+
+          <div className= "bg-[#225654] text-white rounded-md p-4 lg:w-1/2 ">
+          <h2 className="font-semibold pb-3"> Intim bedriftspresentasjon</h2>
+          <p className="font-thin text-sm "> Vi kan også tilby en mindre og mer intim bedriftspresentasjon hvor det kun er få studenter invitert. Idéen er da å invitere til en bedre middag etterpå, hvor bedriften kan komme i nærmere kontakt med aktuelle arbeidstagere for fremtiden</p>
+          </div>
+
+          </div>
+        </div>
+
+        <h2 className="font-extrabold text-xl  ">EMIL-link</h2>
+
+
+
+
+      <p className="font-extralight text-sm lg:text-base leading-relaxed max-w-4xl">
+        EMIL-Link fungerer som bindeleddet mellom emil-studentene og bedrifter.
         Ønsker din bedrift å promotere stillingsannonser, internships eller gi
         et generelt innblikk i hva din bedrift driver med? Emil-Link tilbyr
         flere ulike tjenester hvor bedrifter har mulighet til å komme i kontakt
@@ -15,10 +41,22 @@ const EmilLink = () => {
         Våre medlemmer jobber hardt for å gi det beste tilbudet til studentene,
         og være deres link til arbeidslivet!
       </p>
+
+      <br></br>
+
+      <p className="font-extralight text-sm lg:text-base leading-relaxed max-w-4xl">
+       <i>Dersom din bedrift ønsker å komme i kontakt med energi og miljøstudentene, så ta kontakt med <span className="text-[#3A766C] font-semibold">[email protected]</span> .</i>
+      </p>
+
+
       <div className="py-6">
+
+
+
+
         <Link href="https://www.emil-link.no/">
-          <button className="bg-white text-[#001D21] py-2 px-4 rounded hover hover:text-gray-400 active:text-grey-500  text-base">
-            Kontakt oss her
+          <button className="bg-[#001D21] text-white py-2 px-5 rounded hover hover:bg-slate-400">
+            Mer om EMIL-Link
           </button>
         </Link>
       </div>

diff --git a/frontend/src/components/cards/naeringsliv_cards.tsx b/frontend/src/components/cards/naeringsliv_cards.tsx
@@ -57,7 +57,7 @@ const NaeringslivCard: React.FC<NaeringslivCardProps> = ({
 
         <div className="flex justify-center mt-4">
           <a href={buttonLinkHref} target="_blank" rel="noopener noreferrer">
-            <Button className="bg-[#001D21] text-white py-2 px-4 rounded hover hover:text-gray-400 active:text-grey-500 ">
+            <Button className="p-2 lg:p-5 hover:bg-slate-400 ">
               {buttonText}{" "}
             </Button>
           </a>

diff --git a/frontend/src/components/logosection/logosection.tsx b/frontend/src/components/logosection/logosection.tsx
@@ -34,8 +34,8 @@ const logos = [
 const LogoSection: React.FC = () => {
   return (
     <div>
-      <div className="text-center pt-2 bg-white ">
-        <h2 className="text-2xl font-bold ">
+      <div className="text-center pt-24 bg-white ">
+        <h2 className="text-2xl font-bold pb-10 ">
           En stor takk til alle våre samarbeidspartnere!
         </h2>
         <div className="grid grid-cols-2 gap-20 lg:grid-cols-4 lg:gap-36 p-6 ">