Merge pull request #14 from simonyiszk/phase-zero-fixes-1

Phase zero fixes-1
simonyiszk · Dec 21, 2023 · 63590aa · 63590aa
2 parents 2e27d01 + d9ee637
commit 63590aa
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 14 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -21,3 +21,7 @@ h2 {
   filter: brightness(0) saturate(100%) invert(69%) sepia(40%) saturate(6364%) hue-rotate(307deg) brightness(88%)
     contrast(87%);
 }
+
+.hero-text-shadow {
+  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -16,9 +16,9 @@ export default function Landing() {
           </video>
         </div>
         <div className='absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center flex-col gap-5 p-5'>
-          <Image src={konfLogo} alt='Simonyi Konferencia' className='w-full' />
-          <p className='font-bold text-xl sm:text-2xl text-center'>{metadata.description}</p>
-          <p className='font-semibold text-4xl sm:text-6xl'>24. 03. 19.</p>
+          <Image src={konfLogo} alt='Simonyi Konferencia' className='w-full drop-shadow-hero' />
+          <p className='font-bold text-xl sm:text-2xl text-center hero-text-shadow'>{metadata.description}</p>
+          <p className='font-semibold text-4xl sm:text-6xl hero-text-shadow'>24. 03. 19.</p>
         </div>
       </div>
       <div className='flex md:hidden flex-col items-center gap-10 mt-10'>

diff --git a/src/components/footer/desktop-footer.tsx b/src/components/footer/desktop-footer.tsx
@@ -6,7 +6,7 @@ import { SocialButtons } from './social-buttons';
 
 export function DesktopFooter() {
   return (
-    <footer className='hidden md:flex p-10 justify-between items-center gap-10 flex-row'>
+    <footer className='max-w-screen-2xl w-full mx-auto hidden md:flex p-10 justify-between items-center gap-10 flex-row'>
       <SocialButtons />
       <div className='absolute left-1/2 bottom-24 xl:bottom-auto -translate-x-1/2'>
         <NewsletterModals />

diff --git a/src/components/navbar/desktop-navbar.tsx b/src/components/navbar/desktop-navbar.tsx
@@ -3,7 +3,7 @@ import { UniLogos } from '@/components/uni-logos';
 
 export function DesktopNavbar() {
   return (
-    <nav className='hidden md:flex p-10 md:p-15 pb-0 justify-between items-center flex-wrap gap-10 flex-col md:flex-row'>
+    <nav className='max-w-screen-2xl w-full mx-auto hidden md:flex p-10 md:p-15 pb-0 justify-between items-center flex-wrap gap-10 flex-col md:flex-row'>
       <UniLogos />
       <div className='flex items-center gap-10'>
         <NavbarItems />

diff --git a/src/components/navbar/navbar-items.tsx b/src/components/navbar/navbar-items.tsx
@@ -1,17 +1,28 @@
 import Link from 'next/link';
 
+const links = [
+  {
+    href: '/',
+    label: 'főoldal',
+  },
+  {
+    href: '/conferences',
+    label: 'konferenciák',
+  },
+  {
+    href: '/contact',
+    label: 'kapcsolat',
+  },
+];
+
 export function NavbarItems() {
   return (
     <>
-      <Link href='/' className='hover:text-brand text-xl'>
-        főoldal
-      </Link>
-      <Link href='/conferences' className='hover:text-brand text-xl'>
-        konferenciák
-      </Link>
-      <Link href='/contact' className='hover:text-brand text-xl'>
-        kapcsolat
-      </Link>
+      {links.map(({ href, label }) => (
+        <Link href={href} key={href} className='hover:text-brand text-xl font-bold'>
+          {label}
+        </Link>
+      ))}
     </>
   );
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -21,6 +21,9 @@ const config: Config = {
       transitionProperty: {
         'max-height': 'max-height',
       },
+      dropShadow: {
+        hero: '0px 5.175px 5.175px rgba(0, 0, 0, 0.25)',
+      },
     },
   },
   plugins: [],