puncheurs summer cup

NickNiebling · May 11, 2024 · abf52e2 · abf52e2
1 parent 63e1a87
commit abf52e2
Show file tree

Hide file tree

Showing 12 changed files with 170 additions and 6 deletions.
diff --git a/app/gasp.tsx b/app/gasp.tsx
@@ -60,7 +60,7 @@ export const DZR_logo = () => {
       }, []); 
 
     return (
-        <Text ref={textRef} color='black' maxW={'5xl'} fontSize={{ base: '5xl', sm: '5xl', md: '7xl' }} fontWeight={900} >
+        <Text ref={textRef} color='floralwhite' maxW={'5xl'} fontSize={{ base: '5xl', sm: '5xl', md: '7xl' }} fontWeight={900} >
             DANISH ZWIFT RACERS
         </Text>
     );

diff --git a/app/puncheurs-summer-cup/page.tsx b/app/puncheurs-summer-cup/page.tsx
@@ -0,0 +1,162 @@
+import ZwiftyFiftyRules from '../the-zwifty-fifty/ZwiftyFiftyRules';
+import Carousel from '../carousel';
+
+import {
+  Container,
+  SimpleGrid,
+  Image,
+  Flex,
+  Heading,
+  Text,
+  Stack,
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer,
+  Link,
+} from '@chakra-ui/react'
+
+
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: 'Puncheurs Summer Cup',
+  description: 'Welcome to the Puncheurs Summer Cup by DZR, a challenging series of events designed specifically for the Puncheurs, the masters of explosive power and climbing finesse. Test your puncheur skills on four punchy stages taking place every Tuesday 19:20 CET | 1:20 PM EST throughout the month of June.',
+
+  metadataBase: new URL('https://www.dzrracingseries.com/puncheurs-summer-cup/'),
+
+  openGraph: {
+    title: 'Puncheurs Summer Cup',
+    description: 'Welcome to the Puncheurs Summer Cup by DZR, a challenging series of events designed specifically for the Puncheurs, the masters of explosive power and climbing finesse. Test your puncheur skills on four punchy stages taking place every Tuesday 19:20 CET | 1:20 PM EST throughout the month of June.',
+    url: 'https://www.dzrracingseries.com/puncheurs-summer-cup/',
+    siteName: 'DZR',
+    images: [
+      {
+        url: '/puncheurs-summer-cup/Puncheurs-Cup.jpeg',
+      },
+    ],
+    type: 'website',
+    locale: 'en_US',
+  }
+}
+
+export default function puncheurssummercuppage() {
+
+  return (
+    <div style={{backgroundColor:'black'}}>
+      <Container maxW={{base: '90%', md: '5xl'}} py={0} mb={20}>
+        <SimpleGrid columns={{ base: 1, md: 1 }} spacing={10}>
+        <Flex>
+            <Image
+              rounded={'md'}
+              alt={'feature image'}
+              src={
+                '/puncheurs-summer-cup/Puncheurs-Cup.jpeg'
+              }
+              objectFit={'contain'}
+            />
+          </Flex>
+          <Stack spacing={4}>
+
+            <Heading color={'white'}>Puncheurs Summer Cup</Heading>
+            <Text color={'white'} fontSize={'lg'} whiteSpace="pre-line">
+            Welcome to the Puncheurs Summer Cup by DZR, a challenging series of events designed specifically for the Puncheurs, the masters of explosive power and climbing finesse. Test your puncheur skills on four punchy stages taking place every Tuesday 19:20 CET | 1:20 PM EST throughout the month of June.
+            </Text>
+            <Heading color={'white'} fontSize={'2xl'}>Rules</Heading>
+            <ZwiftyFiftyRules />
+            <Heading color={'white'} fontSize={'2xl'}>Stages Overview</Heading>
+            <Heading color={'white'} fontSize={'md'}>Tuesdays in June @ 19:20 CEST | 1:20 PM EDT</Heading>
+            <TableContainer  textAlign="center">
+                <Table size='sm' color={'white'} borderColor={'white'} border={'1px'}>
+                <Thead >
+                    <Tr>
+                    <Th textAlign="center" textColor={'white'}>Race Pass</Th>
+                    <Th textAlign="center" textColor={'white'}>Date</Th>
+                    <Th textAlign="center" textColor={'white'}>World</Th>
+                    <Th textAlign="center" textColor={'white'}>Route</Th>
+                    <Th textAlign="center" textColor={'white'}>Laps</Th>
+                    <Th textAlign="center" textColor={'white'}>Km</Th>
+                    <Th textAlign="center" textColor={'white'}>Hm</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://www.zwift.com/eu/events/view/' target='_Blank' isExternal>Stage 1</Link></Td>
+                    <Td textAlign="center">4th</Td>
+                    <Td textAlign="center">Richmond</Td>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://zwiftinsider.com/route/cobbled-climbs/' target='_Blank' isExternal>Cobbled Climbs</Link></Td>
+                    <Td textAlign="center">3</Td>
+                    <Td textAlign="center">27.8</Td>
+                    <Td textAlign="center">403</Td>
+                    </Tr>    
+
+                    <Tr>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://www.zwift.com/eu/events/view/' target='_Blank' isExternal>Stage 2</Link></Td>
+                    <Td textAlign="center">11th</Td>
+                    <Td textAlign="center">Yorkshire</Td>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://zwiftinsider.com/route/royal-pump-room-8/' target='_Blank' isExternal>Royal Pump Room 8</Link></Td>
+                    <Td textAlign="center">1</Td>
+                    <Td textAlign="center">27.7</Td>
+                    <Td textAlign="center">490</Td>
+                    </Tr>    
+
+                    <Tr>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://www.zwift.com/eu/events/view/' target='_Blank' isExternal>Stage 3</Link></Td>
+                    <Td textAlign="center">18th</Td>
+                    <Td textAlign="center">New York</Td>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://zwiftinsider.com/route/everything-bagel/' target='_Blank' isExternal>Everything Bagel</Link></Td>
+                    <Td textAlign="center">1</Td>
+                    <Td textAlign="center">34.3</Td>
+                    <Td textAlign="center">545</Td>
+                    </Tr>   
+
+                                        <Tr>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://www.zwift.com/eu/events/view/' target='_Blank' isExternal>Stage 4</Link></Td>
+                    <Td textAlign="center">25th</Td>
+                    <Td textAlign="center">Makuri Islands</Td>
+                    <Td textAlign="center"><Link  color={'orange'} href = 'https://zwiftinsider.com/route/railways-and-rooftops/' target='_Blank' isExternal>Railways And Rooftops</Link></Td>
+                    <Td textAlign="center">6</Td>
+                    <Td textAlign="center">39.4</Td>
+                    <Td textAlign="center">443</Td>
+                    </Tr>    
+                </Tbody>
+                </Table>
+            </TableContainer>
+            <Heading color={'white'} fontSize={'2xl'}>Route Profiles</Heading>
+            <Carousel
+              cards={[
+                '/puncheurs-summer-cup/Stage1.png',
+                '/puncheurs-summer-cup/Stage2.png',
+                '/puncheurs-summer-cup/Stage3.png',
+                '/puncheurs-summer-cup/Stage4.png',
+                  ]}
+              />
+
+            <Heading color={'white'} fontSize={'2xl'}>Point Structure</Heading>
+            <Heading color={'white'} fontSize={'md'}>Most accumulated points in the four stages takes the overall win</Heading>
+            <Heading color={'white'} fontSize={'md'}>Points in the stages are divided according to</Heading>
+
+            <TableContainer  textAlign="center">
+                <Table size='sm' color={'white'} borderColor={'white'} border={'1px'}>
+
+                <Tbody>
+                <Tr>
+                    <Td textAlign="center">Points per race</Td>
+                    <Td textAlign="center">60, 57, 55, 54, 53, 52, 51, 50, 49, 48, 47, 46, 45, 44, 43, 42, 41, 40, 39, 38, 37, 36, 35, 34, 33, 32, 31, 30, 29, 28, 27, 26, 25, 24, 23, 22, 21, 20, 19, 18, 17, 16, 15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2 and 1 for everyone else</Td>
+                    </Tr>    
+                </Tbody>
+                </Table>
+            </TableContainer>
+            <Heading color={'white'} fontSize={'2xl'}>Results</Heading>
+            <Heading color={'white'} fontSize={'md'}>Keep track of your performance and progress throughout the series on : <Link  color={'orange'} href = 'https://zwiftpower.com/league.php?id=1762' target='_Blank' isExternal>ZwiftPower</Link></Heading>
+
+          </Stack>
+
+        </SimpleGrid>
+      </Container>
+    </div>
+  )
+}
diff --git a/components/Features.tsx b/components/Features.tsx
@@ -30,6 +30,7 @@ import { motion } from 'framer-motion';
 import { LiaMountainSolid } from "react-icons/lia";
 import { Im500Px } from "react-icons/im";
 import { AiOutlineAim } from "react-icons/ai";
+import { RiBoxingFill } from "react-icons/ri";
 
 
 interface Props {
@@ -74,9 +75,10 @@ export default function Features() {
       </Stack>
       <Stack  spacing={4} as={Container} maxW={'5xl'} mt={12} mb={20} align={'center'}>
         <SimpleGrid spacing={8} minChildWidth='290px' maxWidth='90%'>
-          <CustomCard href='dzr-after-party' icon = {LiaMountainSolid} heading = 'DZR After Party Series' text1 = 'Uphill finishes' text2= 'Thursdays 17:15 CET | 11:15 AM EST' />
-          <CustomCard href='in-the-zone-2' icon = {AiOutlineAim} heading = 'In The Zone 2' text1 = 'Structured zone 2 group workouts' text2= 'Saturdays 9:30 CET & 14:30 CET' />
-          <CustomCard href='the-zwifty-fifty' icon = {Im500Px} heading = 'The Zwifty Fifty' text1 = '50km (ish) races with sprints for bonus seconds' text2= 'Sundays 14:14 CET | 8:45 AM EST' />
+        <CustomCard href='puncheurs-summer-cup' icon = {RiBoxingFill} heading = 'Puncheurs Summer Cup' text1 = 'Puncheurs Summer Battle' text2= 'Tuesdays in June 19:20 CEST | 1:20 PM EDT' />
+        <CustomCard href='dzr-after-party' icon = {LiaMountainSolid} heading = 'DZR After Party Series' text1 = 'Uphill finishes' text2= 'Thursdays 17:15 CET | 11:15 AM EST' />
+        <CustomCard href='in-the-zone-2' icon = {AiOutlineAim} heading = 'In The Zone 2' text1 = 'Structured zone 2 group workouts' text2= 'Saturdays 9:30 CET & 14:30 CET' />
+        <CustomCard href='the-zwifty-fifty' icon = {Im500Px} heading = 'The Zwifty Fifty' text1 = '50km (ish) races with sprints for bonus seconds' text2= 'Sundays 14:14 CET | 8:45 AM EST' />
         </SimpleGrid>
       </Stack>
     </Box>

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
@@ -44,6 +44,7 @@ import { MdDirectionsBike } from "react-icons/md";
 import { IconType } from 'react-icons'
 import { FaPeopleGroup } from "react-icons/fa6";
 import { AiOutlineAim } from "react-icons/ai";
+import { RiBoxingFill } from "react-icons/ri";
 
 interface LinkItemProps {
   name: string
@@ -67,6 +68,7 @@ interface SidebarProps extends BoxProps {
 
 const LinkItems: Array<LinkItemProps> = [
   { name: 'Home', href: '/', icon: MdDirectionsBike },
+  { name: 'Puncheurs Summer Cup', href: 'puncheurs-summer-cup', icon: RiBoxingFill },
   { name: 'DZR After Party Series', href: 'dzr-after-party', icon: LiaMountainSolid },
   { name: 'In The Zone 2', href: 'in-the-zone-2', icon: AiOutlineAim },
   { name: 'The Zwifty Fifty', href: 'the-zwifty-fifty', icon: Im500Px },

diff --git a/public/next.svg b/public/next.svg
diff --git a/public/puncheurs-summer-cup/Puncheurs-Cup.jpeg b/public/puncheurs-summer-cup/Puncheurs-Cup.jpeg
diff --git a/public/puncheurs-summer-cup/Puncheurs-Cup.png b/public/puncheurs-summer-cup/Puncheurs-Cup.png
diff --git a/public/puncheurs-summer-cup/Stage1.png b/public/puncheurs-summer-cup/Stage1.png
diff --git a/public/puncheurs-summer-cup/Stage2.png b/public/puncheurs-summer-cup/Stage2.png
diff --git a/public/puncheurs-summer-cup/Stage3.png b/public/puncheurs-summer-cup/Stage3.png
diff --git a/public/puncheurs-summer-cup/Stage4.png b/public/puncheurs-summer-cup/Stage4.png
diff --git a/public/vercel.svg b/public/vercel.svg