Commit

skylab-kulubu · Nov 24, 2024 · c3ed645 · c3ed645
1 parent 2c24d42
commit c3ed645
Show file tree

Hide file tree

Showing 30 changed files with 196 additions and 132 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -3,9 +3,6 @@
 @tailwind utilities;
 body {
   font-family: var(--font-open-sans);
-  margin: 0;
-  padding: 0;
-  overflow-x: hidden;
 }
 .bebas {
   font-family: var(--font-bebas-neue);

diff --git a/components/Footer.jsx b/components/Footer.jsx
@@ -17,6 +17,13 @@ export default function Footer() {
         height={50}
         alt='Skylab logo'
       />
+
+      <Image
+        src='/assets/artlab_logo.svg'
+        width={80}
+        height={50}
+        alt='artlab_logo'
+      />
     </div>
   );
 }
diff --git a/components/Header.jsx b/components/Header.jsx
@@ -1,41 +1,14 @@
-"use client";
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import Image from 'next/image';
 import { bebas, koulen } from './font';
 
 const Header = () => {
-  const [scale, setScale] = useState(1);
-
-  useEffect(() => {
-    const updateScale = () => {
-      const screenWidth = window.innerWidth;
-
-      // Scale hesaplama: ekran genişliğine göre ölçek ayarı
-      if (screenWidth < 400) {
-        setScale(0.7); // Küçük telefonlar
-      } else if (screenWidth >= 400 && screenWidth < 768) {
-        setScale(0.81); // Orta boy telefonlar
-      } else {
-        setScale(1); // Tablet ve üzeri
-      }
-    };
-
-    // İlk çalıştırma ve resize olayını dinleme
-    updateScale();
-    window.addEventListener('resize', updateScale);
-
-    return () => {
-      window.removeEventListener('resize', updateScale);
-    };
-  }, []);
-
   return (
-    <div>
-      {/* Desktop Devices */}
+    <div className=''>
       <div className='hidden flex-row justify-center pt-[150px] md:flex'>
-        <div className='flex h-[375px] w-[375px] flex-col items-center justify-center rounded-full bg-primary-light'>
+        <div className='flex h-[375px]  w-[375px] flex-col items-center justify-center rounded-full bg-primary-light'>
           <h1
-            className={`bebas	text-9xl font-black tracking-[40px] text-primary-light mix-blend-exclusion ${bebas.className}`}
+            className={`bebas	text-9xl font-black	tracking-[40px]	text-primary-light mix-blend-exclusion ${bebas.className}`}
           >
             ARTLAB
           </h1>
@@ -47,37 +20,32 @@ const Header = () => {
           <p className='text-primary-dark'>Yapay Zeka Zirvesi</p>
         </div>
       </div>
-
       {/* Mobile Devices */}
-      <div className='flex flex-col items-center pt-[150px] md:hidden'>
-        {/* Dinamik Scale */}
-        <div
-          className='flex h-[250px] w-[250px] flex-col items-center justify-center rounded-full bg-primary-light'
-          style={{ transform: `scale(${scale})` }}
-        >
+      <div className='flex flex-row justify-center pt-[150px] md:hidden'>
+        <div className='flex h-[250px]  w-[250px] flex-col items-center justify-center rounded-full bg-primary-light'>
           <h1
-            className={`text-8xl font-bold tracking-[20px] text-primary-light mix-blend-exclusion ${bebas.className}`}
+            className={`text-8xl	font-bold tracking-[20px]	text-primary-light	mix-blend-exclusion ${bebas.className}`}
           >
             ARTLAB
           </h1>
           <p
-            className={`text-3xl font-bold text-[#B74B4B] ${koulen.className}`}
+            className={`text-4xl font-bold text-[#B74B4B] ${koulen.className}`}
           >
-            ‘24
+            ‘23
           </p>
         </div>
-        <p className='py-14 text-center text-lg font-semibold text-primary-light'>
-          Yapay Zeka Zirvesi
-        </p>
-        <Image
-          src='/assets/header-dots.svg'
-          alt='header-dots'
-          width={0}
-          height={0}
-          sizes='100vw'
-          style={{ width: '100%', height: 'auto' }}
-        />
       </div>
+      <p className='py-10 text-center font-semibold text-primary-light'>
+        Yapay Zeka Zirvesi
+      </p>
+      <Image
+        src='/assets/header-dots.svg'
+        alt='header-dots'
+        width={0}
+        height={0}
+        sizes='100vw'
+        style={{ width: '100%', height: 'auto' }}
+      />
     </div>
   );
 };

diff --git a/components/Navbar.jsx b/components/Navbar.jsx
@@ -2,38 +2,24 @@ import React from 'react';
 
 export default function Navbar() {
   return (
-    <>
-      {/* Desktop Navbar */}
-      <div className='fixed z-10 hidden w-full items-center justify-between border-b-[1px] border-solid border-black bg-primary-dark p-8 text-primary-light md:flex'>
-        <p className='w-1/5 whitespace-normal break-words text-left text-lg'>
-          Yıldız Teknik Üniversitesi
-        </p>
-        <a
-          href='https://skyl.app/artlab-katilimci-formu'
-          className='ease flex flex-shrink-0 justify-center rounded-full border-[1px] border-primary-light px-10 py-2 text-lg transition-all hover:scale-[1.1] hover:bg-primary-light hover:text-primary-dark active:scale-[0.8]'
-          target='_blank'
-        >
-          Kayıt Ol
-        </a>
-        <a
-          href='https://maps.app.goo.gl/rfNDFw7kpkF6syJU8'
-          className='ease w-1/5 whitespace-normal break-words text-right text-lg transition-all hover:scale-[1.1] active:scale-[0.8]'
-          target='_blank'
-        >
-          Davutpaşa Kampüsü <br /> Tarihi Hamam
-        </a>
-      </div>
-
-      {/* Mobile Navbar */}
-      <div className='fixed left-0 top-0 z-10 flex w-full items-center justify-center overflow-hidden border-b-[1px] border-solid border-black bg-primary-dark p-4 text-primary-light md:hidden'>
-        <a
-          href='https://skyl.app/artlab-katilimci-formu'
-          className='ease flex flex-shrink-0 justify-center rounded-full border-[1px] border-primary-light px-8 py-2 text-lg transition-all hover:scale-[1.1] hover:bg-primary-light hover:text-primary-dark active:scale-[0.8]'
-          target='_blank'
-        >
-          Kayıt Ol
-        </a>
-      </div>
-    </>
+    <div className='fixed z-10 flex w-full items-center justify-between border-b-[1px] border-solid border-black bg-primary-dark p-8 text-primary-light'>
+      <p className='hidden w-1/5 text-left text-lg md:block whitespace-normal break-words'>
+        Yıldız Teknik Üniversitesi
+      </p>
+      <a
+        href='https://skyl.app/artlab-katilimci-formu'
+        className='ease flex-shrink-0 flex justify-center rounded-full border-[1px] border-primary-light px-10 py-2 text-lg transition-all hover:scale-[1.1] hover:bg-primary-light hover:text-primary-dark active:scale-[0.8]'
+        target='_blank'
+      >
+        Kayıt Ol
+      </a>
+      <a
+        href='https://maps.app.goo.gl/rfNDFw7kpkF6syJU8'
+        className='ease hidden w-1/5 text-right text-lg transition-all hover:scale-[1.1] active:scale-[0.8] md:block whitespace-normal break-words'
+        target='_blank'
+      >
+        Davutpaşa Kampüsü <br/> Tarihi Hamam
+      </a>
+    </div>
   );
 }
diff --git a/components/Speaker.jsx b/components/Speaker.jsx
@@ -4,12 +4,12 @@ export default function Speaker({ Name, Title, Image }) {
   return (
     <div className='mb-10 flex flex-col  items-center justify-between'>
       <div className=' flex h-[200px] w-[200px] items-center justify-center rounded-full border-8 border-primary-light lg:h-[250px] lg:w-[250px]'>
-        <img src={Image} alt={Name} className='overflow-hidden' />
+        <img src={Image} alt={Name} className='overflow-hidden object-cover h-full w-full rounded-full' />
       </div>
       <h2 className='mb-2 mt-6  text-2xl	font-bold text-primary-light'>
         {Name}
       </h2>
-      <h4 className='text-lg	 text-primary-light'>{Title}</h4>
+      <h4 className='text-lg	 text-primary-ligh text-center'>{Title}</h4>
     </div>
   );
 }
diff --git a/components/Speakers.jsx b/components/Speakers.jsx
@@ -6,12 +6,11 @@ export default function Speakers() {
   return (
     <div className='wrapper mb-40 p-10 text-primary-light '>
       <h2
-        className={`header-text text-primary-light ${bebas.className} text-4xl tracking-normal md:tracking-[0.5rem] md:text-5xl lg:text-6xl`}
+        className={`header-text text-primary-light ${bebas.className} tracking-[0.5rem]`}
       >
         KONUŞMACILARIMIZ
       </h2>
-
-      <div className='grid h-auto grid-cols-1 gap-1 md:grid-cols-2 lg:grid-cols-3'>
+      <div className='grid h-auto grid-cols-1 gap-1 md:grid-cols-2 lg:grid-cols-3 '>
         {speakers.map((speaker) => (
           <Speaker
             key={speaker.id}

diff --git a/components/Sponsors.jsx b/components/Sponsors.jsx
@@ -4,39 +4,22 @@ import { bebas } from './font';
 const Sponsors = () => {
   return (
     <div className=' mt-[100px]  bg-primary-light py-10'>
-      <div className='z-50 mx-auto -mt-[150px] h-[300px] w-[300px] rounded-full bg-primary-light'>
+      <div className='z-50 mx-auto -mt-[180px] h-[300px] w-[300px] rounded-full bg-primary-light'>
         <h2
-          className={`header-text !pt-28 text-primary-dark ${bebas.className} tracking-normal md:tracking-[0.5rem]`}
+          className={`header-text !pt-28 text-primary-dark ${bebas.className} tracking-[0.5rem]`}
         >
           Sponsorlarimiz
         </h2>
       </div>
 
-      <div className='-mt-[100px] flex items-center gap-5 md:gap-10'>
-        <div className='h-[2px] w-full bg-primary-dark'></div>
-        <div className='whitespace-nowrap text-center text-3xl font-bold text-primary-dark'>
-          Altın Sponsorlarımız
-        </div>
-        <div className='h-[2px] w-full bg-primary-dark'></div>
-      </div>
-      <div className='wrapper flex flex-row justify-center '>
-        <div className='item-center mx-auto pt-10'>
-          {/*<Image
-            src={'/assets/sponsors/altin/sisecam.png'}
-            alt='sisecam'
-            width={200}
-            height={200}
-          />*/}
-        </div>
-      </div>
-
       <div className='flex items-center gap-5 pt-20 md:gap-10'>
         <div className='h-[2px] w-full bg-primary-dark'></div>
         <div className='whitespace-nowrap text-center text-3xl font-bold text-primary-dark'>
           Bronz Sponsorlarımız
         </div>
         <div className='h-[2px] w-full bg-primary-dark'></div>
       </div>
+
       <div className='wrapper grid grid-cols-1 justify-center pt-10 md:grid-cols-3'>
         <div className='flex flex-row justify-center'>
           <Image
@@ -74,11 +57,66 @@ const Sponsors = () => {
             className='justify-center'
           />
         </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/bronz/denizbank_logo.png'}
+            alt='denizbank'
+            width={200}
+            height={200}
+            className='justify-center'
+          />
+        </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/bronz/aselsan_logo.png'}
+            alt='aselsan'
+            width={200}
+            height={200}
+            className='justify-center'
+          />
+        </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/bronz/garanti_logo.png'}
+            alt='garanti'
+            width={200}
+            height={200}
+            className='justify-center'
+          />
+        </div>
       </div>
 
       <div className='flex items-center gap-5 pt-20 md:gap-10'>
         <div className='h-[2px] w-full bg-primary-dark'></div>
-        <div className='text-center text-2xl font-bold text-primary-dark sm:text-2xl md:text-3xl'>
+        <div className='whitespace-nowrap text-center text-3xl font-bold text-primary-dark'>
+          Oturum Sponsorlarımız
+        </div>
+        <div className='h-[2px] w-full bg-primary-dark'></div>
+      </div>
+      <div className='wrapper grid grid-cols-1 justify-center pt-10 md:grid-cols-3'>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/oturum/beko_logo.png'}
+            alt='beko'
+            width={200}
+            height={200}
+            className='justify-center'
+          />
+        </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/oturum/turkish_technology_logo.png'}
+            alt='turkish'
+            width={200}
+            height={200}
+            className='justify-center'
+          />
+        </div>
+      </div>
+
+      <div className='flex items-center gap-5 pt-20 md:gap-10'>
+        <div className='h-[2px] w-full bg-primary-dark'></div>
+        <div className='whitespace-nowrap text-center text-3xl font-bold text-primary-dark'>
           Ürün ve Fuaye Sponsorlarımız
         </div>
         <div className='h-[2px] w-full bg-primary-dark'></div>
@@ -156,6 +194,42 @@ const Sponsors = () => {
             className='justify-center object-contain'
           />
         </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/urun_fuaye/elvan_logo.png'}
+            alt='elvan'
+            width={200}
+            height={200}
+            className='justify-center object-contain'
+          />
+        </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/urun_fuaye/taskesti_su_logo.png'}
+            alt='taskesti'
+            width={200}
+            height={200}
+            className='justify-center object-contain'
+          />
+        </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/urun_fuaye/smartpro_logo.png'}
+            alt='smartpro'
+            width={200}
+            height={200}
+            className='justify-center object-contain'
+          />
+        </div>
+        <div className='flex flex-row justify-center'>
+          <Image
+            src={'/assets/sponsors/urun_fuaye/unilab_vision_logo.png'}
+            alt='unilab'
+            width={200}
+            height={200}
+            className='justify-center object-contain'
+          />
+        </div>
       </div>
     </div>
   );