prettier front

NickNiebling · Mar 27, 2024 · a56bf7b · a56bf7b
1 parent 6503682
commit a56bf7b
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/app/gasp.tsx b/app/gasp.tsx
@@ -21,7 +21,7 @@ const DZR_slogan = () => {
         gsap.to(textRef.current, {
             duration: 4,
             delay: 0.5,
-            color: 'white',
+            color: 'grey',
             text: {
               value: "the pain in the peleton",
               rtl: false,

diff --git a/components/HeroSection.tsx b/components/HeroSection.tsx
@@ -19,6 +19,7 @@ import {
   PopoverArrow,
   keyframes,
   Link,
+  Image,
 } from '@chakra-ui/react'
 
 import { FaFacebook, FaTwitter, FaYoutube, FaDiscord } from 'react-icons/fa'
@@ -27,19 +28,24 @@ import { ReactNode } from 'react'
 export default function HeroSection() {
   return (
     <Container maxW={'5xl'}
-    bg={('black')}>
+    bg={('black')}
+    >
       <Stack
         textAlign={'center'}
         align={'center'}
         spacing={{ base: 6, sm: 7, md: 8 }}
         py={{ base: 10, md: 10 }}
         >
+        <div className="image-container">
+  <Image width='75vw' src="/general/FRONT_logo.png" />
+</div>
+
         <Heading
           fontSize={{ base: '2xl', sm: '4xl', md: '6xl' }}
           lineHeight={'110%'}
           textColor='white'>
 
-          <Text>DANISH ZWIFT RACERS</Text>
+
 
         </Heading>
         <DZR_slogan />

diff --git a/components/css/Hero.css b/components/css/Hero.css
@@ -40,4 +40,21 @@
       transform: scale(1.35) rotate(0deg);      
     }
   }
+
+  .image-container {
+    position: relative;
+    display: inline-block;
+  }
+
+  .image-container::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0));
+    z-index: 1;
+  }
+
 
diff --git a/public/general/FRONT_logo.png b/public/general/FRONT_logo.png