From cf8b62334055196ae7f2e52788bc7fa2defb613a Mon Sep 17 00:00:00 2001
From: Henri <henrikarba@gmail.com>
Date: Wed, 21 Jan 2026 12:36:53 +0200
Subject: [PATCH] main page, navbar mobile not fixed

---
 README.md                            |   2 +-
 public/assets/LAP_logo_v3_transp.png | Bin 0 -> 17449 bytes
 src/app.css                          |  34 ++--
 src/components/Button.svelte         |  11 +-
 src/components/FeatureCard.svelte    | 146 +++++++++++++++++
 src/components/index.js              |   3 +
 src/components/layout/Section.svelte |  84 ++++++++++
 src/layout/Navbar.svelte             |  95 ++++++-----
 src/routes/Home.svelte               | 235 +++++++++++++++++++++++----
 src/routes/index.js                  |   2 -
 tailwind.config.js                   |  42 +++++
 11 files changed, 546 insertions(+), 108 deletions(-)
 create mode 100644 public/assets/LAP_logo_v3_transp.png
 create mode 100644 src/components/FeatureCard.svelte
 create mode 100644 src/components/layout/Section.svelte
 create mode 100644 tailwind.config.js

diff --git a/README.md b/README.md
index cf49c78..87f191d 100644
--- a/README.md
+++ b/README.md
@@ -125,6 +125,6 @@ ffmpeg -i input -vf scale=1920:-1 output.jpg
 ## Deploy
 
 > [!NOTE]  
-> Github will build build and deploy the website automatically on every push to the `main` branch. You don't need to do anything manually.
+> Github will build and deploy the website automatically on every push to the `main` branch. You don't need to do anything manually.
 
 Deployment typically takes 2-5 minutes. You can check the progress in the [Actions tab](https://github.com/Lapikud/lapikud.github.io/actions).
diff --git a/public/assets/LAP_logo_v3_transp.png b/public/assets/LAP_logo_v3_transp.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ad7a848368d26a3ab4a486a58865a5f3c2505c3
GIT binary patch
literal 17449
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

literal 0
HcmV?d00001

diff --git a/src/app.css b/src/app.css
index 7c37dc4..05e01c2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -6,10 +6,18 @@
 :root {
   /* color tokens (light defaults) */
   --orange: #f0941d;
+  --orange-light: #ffa940;
+  --orange-dark: #d67d0a;
   --black: #000000;
   --off-black: #0d0d0d;
   --white: #ffffff;
   --off-white: #fffdfa;
+  --gray-50: #fafafa;
+  --gray-100: #f5f5f5;
+  --gray-200: #e5e5e5;
+  --gray-300: #d4d4d4;
+  --gray-800: #262626;
+  --gray-900: #171717;
 
   /* layout tokens */
   --site-padding: clamp(1rem, 2vw, 2rem); /* horizontal page padding */
@@ -30,8 +38,12 @@
   --radius-sm: 6px;
   --radius-md: 10px;
   --radius-lg: 14px;
+  --radius-xl: 20px;
   --shadow-1: 0 1px 2px rgba(240, 148, 29, 0.2),
     0 1px 3px rgba(240, 148, 29, 0.12);
+  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-glow: 0 0 20px rgba(240, 148, 29, 0.3);
 
   /* breakpoints */
   --bp-sm: 480px;
@@ -72,6 +84,7 @@ html {
   -moz-osx-font-smoothing: grayscale;
   font-size: var(--fs-base);
   -webkit-text-size-adjust: 100%;
+  overflow-x: hidden;
 }
 body {
   margin: 0;
@@ -81,7 +94,8 @@ body {
   min-height: 100vh;
   -webkit-tap-highlight-color: transparent;
   transition: background-color 160ms ease, color 160ms ease;
-  padding-top: 20px;
+  overflow-x: hidden;
+  font-size: var(--fs-lg);
 }
 
 /* Container pattern */
@@ -108,24 +122,6 @@ body {
   }
 }
 
-/* Headings & paragraph scale */
-h1 {
-  font-size: clamp(1.5rem, 2.8vw, 2.25rem);
-  margin: 0 0 var(--space-3) 0;
-  line-height: 1.08;
-}
-h2 {
-  font-size: clamp(1.25rem, 2.1vw, 1.75rem);
-  margin: 0 0 var(--space-3) 0;
-}
-h3 {
-  font-size: var(--fs-lg);
-  margin: 0 0 var(--space-2) 0;
-}
-p {
-  margin: 0 0 var(--space-3) 0;
-  color: var(--color-text);
-}
 
 /* Basic link & button defaults that components inherit */
 a {
diff --git a/src/components/Button.svelte b/src/components/Button.svelte
index 21ce338..6b714f3 100644
--- a/src/components/Button.svelte
+++ b/src/components/Button.svelte
@@ -1,10 +1,17 @@
 <script>
-  // Handler and presentation props
   export let onClick = () => {};
   export let border = false;
+  export let textAlign = "left";
+  export let whiteSpace = "nowrap";
 </script>
 
-<button onclick={onClick} class="btn" class:borderless={!border} {...$$restProps}>
+<button 
+  onclick={onClick} 
+  class="btn" 
+  class:borderless={!border} 
+  style={`text-align: ${textAlign}; white-space: ${whiteSpace};`}
+  {...$$restProps}
+>
   <slot />
 </button>
 
diff --git a/src/components/FeatureCard.svelte b/src/components/FeatureCard.svelte
new file mode 100644
index 0000000..502abd9
--- /dev/null
+++ b/src/components/FeatureCard.svelte
@@ -0,0 +1,146 @@
+<script>
+  export let title = "";
+  export let description = "";
+  export let icon = null;
+  export let href = "";
+  export let variant = "default"; // 'default' | 'elevated' | 'bordered' | 'glass'
+  export let iconColor = "var(--orange)";
+  export let className = "";
+
+  const variantClasses = {
+    default: "card-default",
+    elevated: "card-elevated",
+    bordered: "card-bordered",
+    glass: "card-glass",
+  };
+</script>
+
+{#if href}
+  <a {href} class={`feature-card ${variantClasses[variant]} ${className}`}>
+    {#if icon}
+      <div class="feature-icon" style="color: {iconColor}">
+        <svelte:component this={icon} size={32} strokeWidth={1.5} />
+      </div>
+    {/if}
+    {#if title}
+      <h3 class="feature-title">{title}</h3>
+    {/if}
+    {#if description}
+      <p class="feature-description">{description}</p>
+    {/if}
+    <div class="feature-content">
+      <slot />
+    </div>
+  </a>
+{:else}
+  <div class={`feature-card ${variantClasses[variant]} ${className}`}>
+    {#if icon}
+      <div class="feature-icon" style="color: {iconColor}">
+        <svelte:component this={icon} size={32} strokeWidth={1.5} />
+      </div>
+    {/if}
+    {#if title}
+      <h3 class="feature-title">{title}</h3>
+    {/if}
+    {#if description}
+      <p class="feature-description">{description}</p>
+    {/if}
+    <div class="feature-content">
+      <slot />
+    </div>
+  </div>
+{/if}
+
+<style>
+  .feature-card {
+    position: relative;
+    padding: var(--space-5);
+    border-radius: var(--radius-lg);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    display: block;
+    text-decoration: none;
+    color: inherit;
+  }
+
+  .feature-card:hover {
+    transform: translateY(-4px);
+  }
+
+  a.feature-card:hover {
+    text-decoration: none;
+  }
+
+  .card-default {
+    background: var(--white);
+    border: 1px solid var(--gray-200);
+  }
+
+  .card-default:hover {
+    box-shadow: var(--shadow-2);
+    border-color: var(--orange);
+  }
+
+  .card-elevated {
+    background: var(--white);
+    box-shadow: var(--shadow-2);
+    border: 1px solid transparent;
+  }
+
+  .card-elevated:hover {
+    box-shadow: var(--shadow-3);
+    border-color: var(--orange);
+  }
+
+  .card-bordered {
+    background: transparent;
+    border: 2px solid var(--gray-200);
+  }
+
+  .card-bordered:hover {
+    border-color: var(--orange);
+    background: var(--gray-50);
+  }
+
+  .card-glass {
+    background: rgba(255, 255, 255, 0.7);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+  }
+
+  .card-glass:hover {
+    background: rgba(255, 255, 255, 0.9);
+    box-shadow: var(--shadow-glow);
+  }
+
+  .feature-icon {
+    margin-bottom: var(--space-3);
+    display: inline-flex;
+  }
+
+  .feature-title {
+    font-size: var(--fs-xl);
+    font-weight: 700;
+    margin-bottom: var(--space-2);
+    color: var(--black);
+  }
+
+  .feature-description {
+    color: var(--gray-800);
+    line-height: 1.6;
+    margin-bottom: var(--space-3);
+  }
+
+  .feature-content {
+    margin-top: var(--space-3);
+  }
+
+  @media (max-width: 768px) {
+    .feature-card {
+      padding: var(--space-4);
+    }
+
+    .feature-title {
+      font-size: var(--fs-lg);
+    }
+  }
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index af2a60f..8b4d356 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -3,6 +3,9 @@ export { default as Card } from './layout/Card.svelte'
 export { default as Stack } from './layout/Stack.svelte'
 export { default as Grid } from './layout/Grid.svelte'
 export { default as Center } from './layout/Center.svelte'
+export { default as Section } from './layout/Section.svelte'
+export { default as FullWidthBanner } from './layout/FullWidthBanner.svelte'
 
 export { default as Button } from './Button.svelte'
 export { default as Dropdown } from './Dropdown.svelte'
+export { default as FeatureCard } from './FeatureCard.svelte'
diff --git a/src/components/layout/Section.svelte b/src/components/layout/Section.svelte
new file mode 100644
index 0000000..b0f7f4c
--- /dev/null
+++ b/src/components/layout/Section.svelte
@@ -0,0 +1,84 @@
+<script>
+  export let background = "transparent"; // CSS color code or color variable name from app.css
+  export let padding = "normal"; // 'none' | 'small' | 'normal' | 'large'
+  export let fullWidth = false;
+  export let id = "";
+  export let className = "";
+
+  const paddingClasses = {
+    none: "py-0",
+    small: "py-section-sm",
+    normal: "py-section",
+    large: "py-section-lg",
+  };
+
+  // Convert background to appropriate CSS value
+  $: backgroundStyle = (() => {
+    if (!background || background === "transparent") return "";
+    // If it starts with # or rgb/rgba or hsl, it's a direct color
+    if (background.startsWith("#") || background.startsWith("rgb") || background.startsWith("hsl")) {
+      return background;
+    }
+    // Otherwise treat as CSS variable name
+    return `var(--${background})`;
+  })();
+</script>
+
+<section
+  {id}
+  class={`section ${paddingClasses[padding]} ${className}`}
+  style={backgroundStyle ? `background: ${backgroundStyle};` : ""}
+>
+  <div class="section-inner" class:full-width={fullWidth}>
+    <slot />
+  </div>
+</section>
+
+<style>
+  .section {
+    width: 100%;
+    position: relative;
+  }
+
+  .section-inner {
+    max-width: var(--content-max);
+    margin: 0 auto;
+    padding: 0 var(--site-padding);
+  }
+
+  .section-inner.full-width {
+    max-width: none;
+  }
+
+  .py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .py-section-sm {
+    padding-top: var(--space-5);
+    padding-bottom: var(--space-5);
+  }
+
+  .py-section {
+    padding-top: var(--space-6);
+    padding-bottom: var(--space-6);
+  }
+
+  .py-section-lg {
+    padding-top: clamp(3rem, 8vw, 6rem);
+    padding-bottom: clamp(3rem, 8vw, 6rem);
+  }
+
+  @media (max-width: 768px) {
+    .py-section {
+      padding-top: var(--space-5);
+      padding-bottom: var(--space-5);
+    }
+
+    .py-section-lg {
+      padding-top: var(--space-6);
+      padding-bottom: var(--space-6);
+    }
+  }
+</style>
diff --git a/src/layout/Navbar.svelte b/src/layout/Navbar.svelte
index 1724a4a..f28231c 100644
--- a/src/layout/Navbar.svelte
+++ b/src/layout/Navbar.svelte
@@ -3,7 +3,7 @@
     Button,
     Dropdown,
     Grid,
-    Center,
+    Section,
   } from "$components";
   import { navigate, getPath, currentLang, text, switchLang } from "$lib";
 
@@ -18,50 +18,49 @@
   import Trophy from "lucide-svelte/icons/trophy";
 </script>
 
-<Grid>
-  <nav class="w-full h-32">
-    <Center gapClass="gap-4">
-      <Dropdown name={$text.nav.about} variant="borderless">
-        <Button onClick={() => navigate("/mis-teeme")}
-          >{$text.nav.aboutPages.info}</Button
-        >
-        <Button onClick={() => navigate("/liitu-meiega")}
-          ><Bot />{$text.nav.aboutPages.join}</Button
-        >
-        <Button onClick={() => navigate("/mentorid")}
-          ><HandHeart />{$text.nav.aboutPages.mentors}</Button
-        >
-        <Button onClick={() => navigate("/juhatus")}
-          ><Lectern />{$text.nav.aboutPages.board}</Button
-        >
-      </Dropdown>
-      <Dropdown name={$text.nav.events} variant="borderless">
-        <Button onClick={() => navigate("/kalender")}
-          ><CalendarClock />{$text.nav.eventsPages.calendar}</Button
-        >
-        <Button
-          onClick={() => navigate("https://asikarikas.ee/", { external: true })}
-          ><Trophy />ASI Karikas</Button
-        >
-        <Button onClick={() => navigate("/mentorid")}
-          ><Presentation />{$text.nav.eventsPages.workshops}</Button
-        >
-        <Button onClick={() => navigate("/rebased")}
-          ><Swords />{$text.nav.eventsPages.fresh}</Button
-        >
-        <Button
-          onClick={() =>
-            navigate("https://remondikohvik.lapikud.ee/", { external: true })}
-          ><Coffee />{$text.nav.eventsPages.repair}</Button
-        >
-      </Dropdown>
-      <Button onClick={() => navigate("/kontakt")}
-        >{$text.nav.contact}
-      </Button>
-      <Button onClick={() => navigate("/helpdesk")}
-        >{$text.nav.helpdesk}
-      </Button>
-    </Center>
-  </nav>
-</Grid>
-
+<Section padding="small">
+  <Grid>
+    <nav class="z-10 flex gap-4 justify-end text-xl">
+        <Dropdown name={$text.nav.about} variant="borderless">
+          <Button onClick={() => navigate("/mis-teeme")}
+            >{$text.nav.aboutPages.info}</Button
+          >
+          <Button onClick={() => navigate("/liitu-meiega")}
+            ><Bot />{$text.nav.aboutPages.join}</Button
+          >
+          <Button onClick={() => navigate("/mentorid")}
+            ><HandHeart />{$text.nav.aboutPages.mentors}</Button
+          >
+          <Button onClick={() => navigate("/juhatus")}
+            ><Lectern />{$text.nav.aboutPages.board}</Button
+          >
+        </Dropdown>
+        <Dropdown name={$text.nav.events} variant="borderless">
+          <Button onClick={() => navigate("/kalender")}
+            ><CalendarClock />{$text.nav.eventsPages.calendar}</Button
+          >
+          <Button
+            onClick={() => navigate("https://asikarikas.ee/", { external: true })}
+            ><Trophy />ASI Karikas</Button
+          >
+          <Button onClick={() => navigate("/mentorid")}
+            ><Presentation />{$text.nav.eventsPages.workshops}</Button
+          >
+          <Button onClick={() => navigate("/rebased")}
+            ><Swords />{$text.nav.eventsPages.fresh}</Button
+          >
+          <Button
+            onClick={() =>
+              navigate("https://remondikohvik.lapikud.ee/", { external: true })}
+            ><Coffee />{$text.nav.eventsPages.repair}</Button
+          >
+        </Dropdown>
+        <Button onClick={() => navigate("/kontakt")}
+          >{$text.nav.contact}
+        </Button>
+        <Button onClick={() => navigate("/helpdesk")}
+          >{$text.nav.helpdesk}
+        </Button>
+    </nav>
+  </Grid>
+</Section>
diff --git a/src/routes/Home.svelte b/src/routes/Home.svelte
index d634f13..1adcf03 100644
--- a/src/routes/Home.svelte
+++ b/src/routes/Home.svelte
@@ -1,44 +1,207 @@
 <script>
   import {
     Button,
-    Container,
-    Card,
-    Stack,
+    Section,
     Grid,
+    Card,
+    Center,
+    FeatureCard,
   } from "$components";
+  import { navigate } from "$lib";
+  
+  // Import Lucide icons
+  import Wrench from "lucide-svelte/icons/wrench";
+  import Users from "lucide-svelte/icons/users";
+  import HeartHandshake from "lucide-svelte/icons/heart-handshake";
+  import ArrowRight from "lucide-svelte/icons/arrow-right";
+
+  // Partners data
+  const partners = [
+    { name: "Tehnopol", image: "tehnopollogo.png", url: "https://www.tehnopol.ee/" },
+    { name: "Tallinna Tehnikaülikool", image: "taltech_logo.jpg", url: "https://www.ttu.ee/" },
+    { name: "Eesti Üliõpilaskondade Liit", image: "eyl_logo.png", url: "https://eyl.ee/" },
+    { name: "Tallinna Tehnikaülikooli Robotiklubi", image: "robotiklubi_logo.png", url: "https://www.robotiklubi.ee/" },
+    { name: "TalTech IT teaduskond", image: "taltech_IT_teaduskond_logo.png", url: "https://taltech.ee/et/infotehnoloogia-teaduskond" },
+    { name: "HexTech Solutions", image: "hextech_logo.svg", url: "https://hextech.ee/" },
+    { name: "EAS & MKM", image: "eas.svg", url: "https://eis.ee/" },
+  ];
 </script>
 
-<Container>
-  <Stack gap="var(--space-6)">
-    <Card>
-      <h1>Kes me oleme?</h1>
-      <p>
-        Organisatsioon loodi 2002. aastal informaatika tudengite poolt, kelle
-        erialatunnuseks oli “LAP”. Targad mehed otsustasid, et järelikult on nad
-        “Lapikud”.
-      </p>
-      <Button href="/docs/getting-started">Get Started</Button>
-      <Button href="/docs/components">Explore Components</Button>
-    </Card>
+<!-- Header Section -->
+<Section background="orange">
+  <Grid>
+    <Center>
+      <img src="/assets/LAP_logo_v3_transp.png" alt="MTÜ Lapikud" class="max-w-md w-full h-auto" style="padding: var(--space-4);"/>
+    </Center>
+    <p class="text-3xl leading-relaxed" style="padding: var(--space-4);">
+      MTÜ Lapikud on Tallinna Tehnikaülikooli Tarkvaraarendusklubi, mis ühendab endisi 
+      ja praegusi IT huvilisi tudengeid.
+    </p>
+  </Grid>
+</Section>
 
-    <Grid min="250px" gap="var(--space-4)">
-      <Card>
-        <h2>Mis on HELPDESK?</h2>
-        <p>
-          HELPDESK on MTÜ Lapikute poolt pakutav arvutiabiteenus. Teenus on
-          suunatud tudengitele, õppejõududele ning kõikidele huvilistele ka
-          väljaspool Tallinna Tehnikaülikooli. Meie meeskond koosneb kogenud ja
-          nutikatest Tallinna Tehnikaülikooli IT-tudengitest.
-        </p>
-      </Card>
-      <Card>
-        <h2>Mis teenuseid osutame?</h2>
-        <p>
-          Arvuti riistvara diagnostika ja remont Arvuti riistvara hooldus
-          Tarkvara diagnostika ja seadistamine Tarkvara paigaldamine Muu
-          elektroonika parandamine
-        </p>
-      </Card>
-    </Grid>
-  </Stack>
-</Container>
+<Section>
+  <Grid gap="var(--space-5)">
+    <FeatureCard
+      variant="bordered"
+      href="/liitu-meiega"
+      icon={Users}
+      iconColor="var(--orange)"
+      title="Tudengile"
+      description="Tule arenda oma oskuseid ja saa ägedaid sõpru! Omanda praktilist kogemust reaalsetest projektidest."
+    >
+      <div style="color: var(--orange)" class="mt-4 font-semibold flex items-center gap-2">
+        Liitu meiega <ArrowRight size={16} />
+      </div>
+    </FeatureCard>
+
+    <FeatureCard
+      variant="bordered"
+      href="/helpdesk"
+      icon={Wrench}
+      iconColor="var(--orange)"
+      title="Helpdesk"
+      description="HELPDESK on MTÜ Lapikute poolt pakutav arvutiabiteenus. Teenus on suunatud tudengitele, õppejõududele ning kõikidele huvilistele."
+    >
+      <div style="color: var(--orange)" class="mt-4 font-semibold flex items-center gap-2">
+        Vaata teenuseid <ArrowRight size={16} />
+      </div>
+    </FeatureCard>
+
+    <FeatureCard
+      variant="bordered"
+      href="/ourwork"
+      icon={HeartHandshake}
+      iconColor="var(--orange)"
+      title="Ettevõttele"
+      description="Aitame sinu ideed ellu viia! Meie kogenud tudengid on valmis teie projekte realiseerima."
+    >
+      <div style="color: var(--orange)" class="mt-4 font-semibold flex items-center gap-2">
+        Tehtud tööd <ArrowRight size={16} />
+      </div>
+    </FeatureCard>
+  </Grid>
+</Section>
+
+<!-- What We Do Section -->
+<Section>
+  <Grid gap="var(--space-4)">
+    <Card>
+      <h2 class="pb-4 text-4xl font-bold">Mida me loome</h2>
+      <p>Meie põhieesmärgiks on Tallinna Tehnikaülikooli IT tudengitele erialase lisandväärtuse loomine. Kaasame tudengeid praktilistesse lahendustesse, kus saab ideid reaalselt ellu viia ja oma oskusi päriselt kasutada. Meie projektidest kasvavad välja huvitavad ja tarvilikud lõputööd, millel on selge praktiline väärtus.</p>
+    </Card>
+    <Card>
+      <h2 class="pb-4 text-4xl font-bold">Keda ja kuidas kaasame</h2>
+      <p>Pakume nutikatele ja motiveeritud tudengitele võimalust saada meie juures esimene töökogemus ning arendada end meeskonnas töötades. Lapikud ei ole ainult IT-tudengite organisatsioon, kaasame projektidesse ka majandusteaduskonna tudengeid, et tehniliste lahenduste kõrval oleks esindatud ka äriline vaade.</p>
+    </Card>
+  </Grid>
+</Section>
+
+<!-- Partners Section -->
+<Section>
+  <div class="text-center mb-12">
+    <h2 class="text-3xl">
+      Koostööpartnerid
+    </h2>
+  </div>
+  
+  <Grid gap="var(--space-4)">
+    {#each partners as partner}
+      {#if partner.url}
+        <a href={partner.url} target="_blank" rel="noopener noreferrer" class="partner-item" title={partner.name}>
+          {#if partner.image}
+            <img src="/assets/partners/{partner.image}" alt={partner.name} />
+          {:else}
+            <span class="partner-name">{partner.name}</span>
+          {/if}
+        </a>
+      {:else}
+        <div class="partner-item">
+          {#if partner.image}
+            <img src="/assets/partners/{partner.image}" alt={partner.name} />
+          {:else}
+            <span class="partner-name">{partner.name}</span>
+          {/if}
+        </div>
+      {/if}
+    {/each}
+  </Grid>
+</Section>
+
+<style>
+  .partner-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--space-3);
+    border-radius: var(--radius-md);
+    background: var(--white);
+    border: 1px solid var(--gray-200);
+    transition: all 0.3s ease;
+    text-decoration: none;
+    width: 100%;
+    height: 100px;
+  }
+
+  a.partner-item:hover {
+    transform: scale(1.05);
+    box-shadow: var(--shadow-2);
+    border-color: var(--orange);
+  }
+
+  .partner-item img {
+    max-width: 100%;
+    max-height: 60px;
+    object-fit: contain;
+    filter: grayscale(100%);
+    opacity: 0.7;
+    transition: all 0.3s ease;
+  }
+
+  a.partner-item:hover img {
+    filter: grayscale(0%);
+    opacity: 1;
+  }
+
+  .partner-name {
+    font-size: var(--fs-sm);
+    font-weight: 600;
+    color: var(--gray-800);
+    text-align: center;
+  }
+</style>
+
+<!-- EIS Project Highlight -->
+<Section background="dark" padding="large">
+  <div class="text-center text-white">
+    <h2 class="mb-8 text-white">
+      EIS Projekt
+    </h2>
+    <p class="text-lg max-w-4xl mx-auto mb-8 leading-relaxed text-white/90">
+      MTÜ Lapikud projekti "Mobiilne Droonituvastussüsteem" rahastatakse riigieelarvest 
+      teadus- ja arendustegevuse rahastamise vahenditest 100 000 € ulatuses, eesmärgiga 
+      luua füüsilised droonituvastusseadmed, mis tagavad kasutajale droonialase olukorra teadlikkuse.
+    </p>
+    <p class="max-w-3xl mx-auto leading-relaxed text-white/80">
+      Projekti lõpptulemusena valmib kaks teineteisest eraldiseisvat seadet – 
+      spektrianalüüsi ning Direct Remote Identification tööpõhimõttel toimivad seadmed.
+    </p>
+  </div>
+</Section>
+
+<!-- CTA Section -->
+<Section background="gray" padding="large">
+  <div class="text-center">
+    <h2 class="mb-8">
+      Valmis liituma?
+    </h2>
+    <div class="flex gap-4 justify-center flex-wrap">
+      <Button onClick={() => navigate("/kontakt")} border>
+        Võta ühendust
+      </Button>
+      <Button onClick={() => navigate("/mis-teeme")} border>
+        Loe rohkem
+      </Button>
+    </div>
+  </div>
+</Section>
diff --git a/src/routes/index.js b/src/routes/index.js
index cb35b5d..4906f38 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -2,9 +2,7 @@
 // examples: '/page', '/page/:id'
 
 import Home from './Home.svelte'
-import Test from './Test.svelte'
 
 export const routes = {
   '/': Home,
-  '/juhatus': Test,
 }
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..48596ad
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,42 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{svelte,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        orange: {
+          DEFAULT: '#f0941d',
+          light: '#ffa940',
+          dark: '#d67d0a',
+          500: '#f0941d',
+        },
+        gray: {
+          50: '#fafafa',
+          100: '#f5f5f5',
+          200: '#e5e5e5',
+          300: '#d4d4d4',
+          800: '#262626',
+          900: '#171717',
+        },
+      },
+      spacing: {
+        '0': '0px',
+        '1': '4px',
+        '2': '8px',
+        '3': '16px',
+        '4': '24px',
+        '5': '32px',
+        '6': '48px',
+      },
+      maxWidth: {
+        '2xl': '700px',
+        '3xl': '800px',
+        '4xl': '900px',
+      },
+    },
+  },
+  plugins: [],
+}