diff --git a/config/content/Faq.js b/config/content/Faq.js index 2b907a9..56ebe39 100644 --- a/config/content/Faq.js +++ b/config/content/Faq.js @@ -8,64 +8,54 @@ export default { id: 1, question: 'How do I register for the hackathon?', answer: - 'Click on any "Register Now" button on the website. Alternatively, you can head over to Devfolio', + 'You can click the register now button on our website or head over to Devfolio under HackNITR5.0 for registrations. Heading in, you will get the portal of details to register.', }, { id: 2, question: 'What is the participation fee?', - answer: "Just some enthusiasm and an open mind are enough. We don't charge any money!!", + answer: + 'Only a creative mind, enthusiasm, and interest are required to participate in the hackathon. In short, the hackathon is entirely free and without monetary charges.', }, - { id: 3, - question: "What if I don't have a team or idea?", - answer: - "We'll have team formation and ideation events geared towards helping you find a team. Make sure you join the discord server.", + question: 'Who can participate?', + answer: 'Any student with a zeal to innovate and have some fun with creativity can apply.', }, { id: 4, - question: 'Who can participate?', + question: 'What could be the size of the team?', answer: - 'Everyone is welcome to apply, any student or working professionals. If you can innovate or just want to have a fun weekend, you are most welcome.', + 'A team size of a maximum of four members is allowed. Even if you are an individual warrior, you are highly welcome.', }, { id: 5, - question: 'What could be the size of the team?', - answer: 'You can make teams of up to 4 members. Lone wolfs are also welcome.', + question: 'Will my travel expenses be reimbursed?', + answer: + 'Since HackNITR 5.0 is a student-run hackathon, we will not be able to cover your travel expenses.', }, { id: 6, - question: 'Why should I participate in HackNITR?', + question: 'Can I participate online?', answer: - 'You will get cash prizes if you win; otherwise, you will always get an excellent opportunity to network with like-minded people, learn many things and get cool schwag.😉', + 'No, since HackNITR 5.0 is a completely offline hackathon, online participation is not encouraged.', }, { id: 7, - question: 'How will the teams be judged?', + question: 'Will food be provided at the hackathon?', answer: - 'The teams will be judged based on Viability, Technical Complexity, Presentation Skills and most importantly, Creativity.', + 'Of course!! Meals, water, snacks and most importantly- Coffee, will be provided FREE OF COST.', }, { id: 8, - question: 'What is the Code of Conduct?', + question: 'Why should I participate in HackNITR?', answer: - 'To ensure a positive experience among all the participants, we follow the MLH Code of Conduct. It is advised that you go through it once.', + 'You will always get an excellent opportunity to network with like-minded people, learn many things, get cool vibes and also, free goodies!! Also, if you emerge as a winner, then you can have a chance to win a cash prize along with goodies and merchandise.', }, { id: 9, - question: 'What all expenses will be covered by us for Round 2?', + question: 'How will the teams be judged?', answer: - "Food, snacks, unlimited coffee and accommodation. As we are a student-run hackathon, travelling expenses won't be covered.", - }, - { - id: 10, - question: 'What are the guidelines for the submissions?', - answer: 'Kindly refer to the Submission guidelines.', - }, - { - id: 11, - question: 'What are the rules and regulations for HackNITR?', - answer: 'Kindly refer to the Rulebook: HackNITR 4.0.', + 'The teams will be judged based on skills of viability and technical complexity, presentation skills, and, most importantly, creativity.', }, ], }; diff --git a/config/content/Hero.js b/config/content/Hero.js index 8f29e14..3ff8128 100644 --- a/config/content/Hero.js +++ b/config/content/Hero.js @@ -5,17 +5,17 @@ export default { 'Hop on the bandwagon, and join one of India’s largest Student-run hackathons. HackNITR is back with version 5.0, which is now fully offline!', imgs: { - hack:{ - src: 'https://res.cloudinary.com/dra96qhox/image/upload/v1698403802/ezgif.com-gif-maker_xtnlan.gif', - alt: 'Hack', + hack: { + src: 'https://res.cloudinary.com/dzxgf75bh/image/upload/v1702201459/HackNitr/Hero%20Section/kgjxmevu0bvj4yn7ojfy.gif', + alt: 'Hack', }, - nitr:{ - src: 'https://res.cloudinary.com/dra96qhox/image/upload/v1698055003/NITREdited_gaxxwc.png', + nitr: { + src: 'https://res.cloudinary.com/dzxgf75bh/image/upload/v1702201272/HackNitr/Hero%20Section/anjnbvyn94vxvpf8acbc.png', alt: 'NITR', }, - five:{ - src: 'https://res.cloudinary.com/dra96qhox/image/upload/v1698054060/FIVE_kux2hx.png', + five: { + src: 'https://res.cloudinary.com/dzxgf75bh/image/upload/v1702201281/HackNitr/Hero%20Section/b1iuqxt1meh81y8bxwbd.png', alt: 'FIVE', }, -}, -} + }, +}; diff --git a/config/content/Prizes.js b/config/content/Prizes.js index 85741ff..361c6a3 100644 --- a/config/content/Prizes.js +++ b/config/content/Prizes.js @@ -6,7 +6,9 @@ export default { cash: '50k', swags: '40k worth of swags', merchandise: 'official merchandise', - src: 'https://res.cloudinary.com/dkpdi1wek/image/upload/v1698839425/gold_zvb6fu.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202197/HackNitr/Prizes%20section/t1pyt5chofrp19hvk9ek.png', alt: 'Gold Prize Image', prizeValue: '100k', prizeShadowColor: 'var(--color-primary-green)', @@ -16,7 +18,9 @@ export default { cash: '50k', swags: '40k worth of swags', merchandise: 'official merchandise', - src: 'https://res.cloudinary.com/dkpdi1wek/image/upload/v1698839425/silver_ramqno.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202198/HackNitr/Prizes%20section/l2xaqr8dtx69whaidmna.png', alt: 'Silver Prize Image', prizeValue: '30k', prizeShadowColor: 'var(--color-primary-blue)', @@ -26,7 +30,9 @@ export default { cash: '50k', swags: '40k worth of swags', merchandise: 'official merchandise', - src: 'https://res.cloudinary.com/dkpdi1wek/image/upload/v1698839425/bronze_vlzvme.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202203/HackNitr/Prizes%20section/vmlqilkrfh9e7aa2gjd0.png', alt: 'Bronze Prize Image', prizeValue: '20k', prizeShadowColor: 'var(--color-primary-purple)', diff --git a/config/content/Sponsor.js b/config/content/Sponsor.js index 784d79c..65bc438 100644 --- a/config/content/Sponsor.js +++ b/config/content/Sponsor.js @@ -1,19 +1,25 @@ export default { alpha: [ { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698845838/ey8cgmpazpevz909blic.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202803/HackNitr/Sponsor%20Section/nqtaio4fr8earl9us0z9.png', name: 'Devfolio', link: 'https://devfolio.co/', alt: 'Devfolio', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861840/MLH_kl7xle.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image/upload/v1702202811/HackNitr/Sponsor%20Section' + + '/jdorwxnipj0twbko2qod.png', name: 'Major League Hacking', link: 'https://mlh.io/', alt: 'Major League Hacking', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861840/Polygon_klk8a1.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202812/HackNitr/Sponsor%20Section/zar2p2pouk5fvr8qsojj.png', name: 'Polygon', link: 'https://polygon.technology/', alt: 'Polygon', @@ -21,37 +27,49 @@ export default { ], beta: [ { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861840/Quine_efnzpr.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202813/HackNitr/Sponsor%20Section/jsvurmvvk3nrr4lmncy9.png', name: 'Quine', link: 'https://quine.sh/', alt: 'Quine', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861844/Solana_nl1837.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202818/HackNitr/Sponsor%20Section/r2arfrrqfbwwtre4cnzm.png', name: 'Solana', link: 'https://solana.com', alt: 'Solana', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861839/Filecoin_cf3ncu.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202820/HackNitr/Sponsor%20Section/en4bf0uiglauk6grmywe.png', name: 'Filecoin', link: 'https://filecoin.io', alt: 'Filecoin', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861843/Replit_ihsdqh.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202827/HackNitr/Sponsor%20Section/d1zbuvdlc4j4ui5feb8p.png', name: 'Replit', link: 'https://replit.com', alt: 'Replit', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861843/Shardeum_caarst.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202879/HackNitr/Sponsor%20Section/w9kndnmoqjxt5i2tq71t.png', name: 'Shardeum', link: 'https://shardeum.org/', alt: 'Shardeum', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861839/DigitalOcean_dno5fq.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202885/HackNitr/Sponsor%20Section/va0bxpx2de0le1zfjwex.png', name: 'Digitalocean', link: 'https://digitalocean.com/', alt: 'Digitalocean', @@ -59,31 +77,41 @@ export default { ], gamma: [ { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861839/Apyhub_tnqfbm.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202888/HackNitr/Sponsor%20Section/fpjare0ropp6bmaubepc.png', name: 'Apyhub', link: 'https://apyhub.com/', alt: 'Apyhub', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861902/z4wcjva6lqs63qbleyis.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202891/HackNitr/Sponsor%20Section/sy59iug0pfekucyzwwyx.png', name: 'LIFI', link: 'https://li.fi/', alt: 'LIFI', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861902/wqovjcdfooqxabbfatrx.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202893/HackNitr/Sponsor%20Section/blsmotthpbnkwyb6poi1.png', name: 'Earthhacks', link: 'https://earthhacks.io/', alt: 'Earthhacks', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861844/Tezos_wiih64.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202897/HackNitr/Sponsor%20Section/zbejvj4kgsinnekmgke6.png', name: 'Tezos', link: 'https://tezos.com/', alt: 'Tezos', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861901/hcixunszfysezhmz9xwc.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202898/HackNitr/Sponsor%20Section/drhxdflucidjbillrpuh.png', name: 'Buidlerstribe', link: 'https://buidlerstribe.com/', alt: 'Buidlerstribe', @@ -91,28 +119,36 @@ export default { ], deltaFirst: [ { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861840/MLH_kl7xle.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202900/HackNitr/Sponsor%20Section/tatgslbybvbpqdydhjsn.png', name: 'Major League Hacking', link: 'https://mlh.io/', alt: 'Major League Hacking', width: '42%', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861840/Polygon_klk8a1.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202903/HackNitr/Sponsor%20Section/xpipftsfivsn4l1rhxot.png', name: 'Polygon', link: 'https://polygon.technology/', alt: 'Polygon', width: '42%', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1699283820/Wolfram_Logo_tzkyao.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202904/HackNitr/Sponsor%20Section/pa0b377dp24u2a9nlwvl.png', name: 'Wolfram', link: 'https://www.wolfram.com/', alt: 'Wolfram', width: '42%', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861844/Twilio_cq7m3h.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702202908/HackNitr/Sponsor%20Section/d1d4i1o9sftwo3xbbl6s.png', name: 'Twilio', link: 'https://www.twilio.com/', alt: 'Twilio', @@ -121,21 +157,27 @@ export default { ], deltaSecond: [ { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861902/a25k67wos9exof9hxxfm.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702203005/HackNitr/Sponsor%20Section/efcten7krtjiwnxfeuzh.png', name: 'Echo3d', link: 'https://www.echo3d.com/', alt: 'Echo3d', width: '542%', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861847/Velo_v20ync.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702203023/HackNitr/Sponsor%20Section/us81cjyrf00wdkmut0lo.png', name: 'Velo', link: 'https://www.wix.com/velo', alt: 'Velo', width: '542%', }, { - src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1698861847/Xyz_tyhkq9.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702203155/HackNitr/Sponsor%20Section/k6bvmabnz4jw7f9x2srf.png', name: 'xyz', link: 'https://gen.xyz/', alt: 'xyz', diff --git a/config/content/navbar.js b/config/content/navbar.js index fce3cca..72e2990 100644 --- a/config/content/navbar.js +++ b/config/content/navbar.js @@ -1,14 +1,16 @@ /* eslint-disable max-len */ export default { logo: { - src: 'https://res.cloudinary.com/dnih7lhqk/image/upload/e_improve,w_300,h_600,c_thumb,g_auto/v1699452673/HackNITR_logo-removebg-preview_1-01_wvudod.png', + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702201666/HackNitr/Navbar%20Section/cyxvfrbonlxivjas44gb.png', alt: 'logo', }, Links: [ { id: 'Home', name: 'Home', link: '/#Home' }, { id: 'About', name: 'About', link: '/#About' }, { id: 'Stats', name: 'Stats', link: '/#Stats' }, - { id: 'Timeline', name: 'Timeline', link: '/#Timeline' }, + // { id: 'Timeline', name: 'Timeline', link: '/#Timeline' }, { id: 'Sponsors', name: 'Sponsors', link: '/#Sponsors' }, { id: 'FAQs', name: 'FAQs', link: '/#FAQs' }, ], diff --git a/config/content/prevstat.js b/config/content/prevstat.js new file mode 100644 index 0000000..fbe2265 --- /dev/null +++ b/config/content/prevstat.js @@ -0,0 +1,51 @@ +export default { + imgs: { + xori: { + src: + 'https://res.cloudinary.com/dzxgf75bh/image' + + '/upload/v1702209115/HackNitr/PreviousStats%20Section/icgsk4elkurtcmgmptyq.png', + alt: 'Xori', + }, + }, + + data: [ + { + id: 1, + version: '4.0', + registration: '5200+', + projects: '400', + partners: '100', + reach: '200+', + name: 'registration', + }, + { + id: 2, + version: '3.0', + registration: '4800+', + projects: '400', + partners: '100', + reach: '200+', + name: 'projects', + }, + { + id: 3, + version: '2.0', + registration: '4200+', + projects: '400', + partners: '100', + reach: '200+', + name: 'partners', + }, + { + id: 4, + version: '1.0', + registration: '3500+', + projects: '400', + partners: '100', + reach: '200+', + name: 'reach', + }, + ], + + headerColors: ['#02daff', ' #FF65CD', '#43F4AA', '#FED954'], +}; diff --git a/config/website.js b/config/website.js index 7cdc868..13f8f37 100644 --- a/config/website.js +++ b/config/website.js @@ -2,9 +2,9 @@ module.exports = { pathPrefix: '/', // Prefix for all links. If you deploy your site to example.com/blog your pathPrefix should be "blog" - siteTitle: 'HackNITR 4.0', // Navigation and Site Title + siteTitle: 'HackNITR 5.0', // Navigation and Site Title siteTitleAlt: 'Official Website of HackNITR', // Alternative Site title for SEO - siteTitleShort: 'HackNITR 4.0', // short_name for manifest + siteTitleShort: 'HackNITR 5.0', // short_name for manifest siteUrl: 'https://hacknitr.com', // Domain of your site. No trailing slash! siteLanguage: 'en', // Language Tag on element siteLogo: '/logo.png', // Used for SEO and manifest, path to your image you placed in the 'static' folder @@ -37,7 +37,7 @@ module.exports = { // MLH Links codeOfConduct: 'https://static.mlh.io/docs/mlh-code-of-conduct.pdf', - privacyPolicy: 'https://mlh.io/privacy', + privacyPolicy: 'https://drive.google.com/file/d/18w9fE4ZhUrugPAlXH7tqxbKQ16Cr6lqn/view?pli=1', termsConditions: 'https://github.com/MLH/mlh-policies/blob/main/contest-terms.md', // Community Partners Link diff --git a/package.json b/package.json index 2145e60..42be0a0 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { - "name": "hacknitr-4.0", + "name": "hacknitr-5.0", "private": true, - "description": "Official repository for HackNITR 4.0", + "description": "Official repository for HackNITR 5.0", "version": "0.1.0", "license": "MIT", "main": "src/pages/index.js", diff --git a/src/components/HeroSection/HeroBtn.jsx b/src/components/HeroSection/HeroBtn.jsx index e5dfca2..be3129f 100644 --- a/src/components/HeroSection/HeroBtn.jsx +++ b/src/components/HeroSection/HeroBtn.jsx @@ -13,7 +13,7 @@ const HeroBtn = () => { diff --git a/src/components/PrevStats/PreviousStats.jsx b/src/components/PrevStats/PreviousStats.jsx new file mode 100644 index 0000000..329c690 --- /dev/null +++ b/src/components/PrevStats/PreviousStats.jsx @@ -0,0 +1,177 @@ +import React, { useState, useEffect } from 'react'; +import { + Heading, + SectionBox, + BoxHeader, + BoxDetail, + BoxContent, + BoxText, + BoxSubContent, + BoxSubHeader, + BoxSubDetail, + SectionContainer, + SectionContent, + SectionImage, + ProgressNumber, + StatNumber, + SectionCards, + MobileBox1, + MobileBoxHeader, + MobileBoxContent, + MobileContainer, + MobileDetail, + MobileHead, + MobileSubContent, + MobileSubBar, +} from './styles'; + +import prevstat from '../../../config/content/prevstat'; + +const PreviousStats = () => { + const [windowWidth, setWindowWidth] = useState(() => + typeof window !== 'undefined' ? window.innerWidth : 0, + ); + + const [isHovered, setIsHovered] = useState(Array(prevstat.data.length).fill(false)); + const isMobile = windowWidth < 1023; + + const imageUrl = + 'https://res.cloudinary.com/dzxgf75bh/image/upload/v1701689072/' + + 'xori1-removebg-preview_1_tbbsw8.png'; + + useEffect(() => { + const handleResize = () => { + setWindowWidth(typeof window !== 'undefined' ? window.innerWidth : 0); + }; + + if (typeof window !== 'undefined') { + window.addEventListener('resize', handleResize); + + return () => { + window.removeEventListener('resize', handleResize); + }; + } + + return undefined; + }, []); + + const handleHover = (index) => { + setIsHovered((prev) => prev.map((_, i) => i === index)); + }; + + const handleLeave = () => { + setIsHovered(Array(prevstat.data.length).fill(false)); + }; + + return ( + + Previous Stats + + {isMobile ? ( + + {prevstat.data.map((item, id) => ( +
+ + + {`HACKNITR ${item.version}`} + Detail + + + Registration + + {item.registration} + + Projects + + {item.projects} + + Community Partners + + {item.partners} + + Reach in Colleges + + {item.reach} + + + +
+ ))} + + ) : ( + + + + {prevstat.data.map((item, id) => ( + handleHover(id)} + onMouseLeave={handleLeave} + expanded={isHovered[id]} + > + + + {`HACKNITR ${item.version}`} + + Details + + + handleHover(id)} + onMouseLeave={handleLeave} + expanded={isHovered[id]} + > + Registration + + {item.registration} + + + handleHover(id)}> + Projects + + {item.projects} + + + + + Community Partners + + {item.partners} + + + + + Reach in Colleges + + {item.reach} + + + + + ))} + + + )} + + ); +}; + +export default PreviousStats; diff --git a/src/components/PrevStats/styles.js b/src/components/PrevStats/styles.js new file mode 100644 index 0000000..a0f1c15 --- /dev/null +++ b/src/components/PrevStats/styles.js @@ -0,0 +1,215 @@ +import styled from 'styled-components'; + +import { Caption, Heading4, Body1, Heading1, Heading3 } from '../shared'; + +export const Heading = styled(Heading1)` + font-weight: 700; + display: flex; + justify-content: center; + padding-bottom: 30px; + margin: 0 auto; + + @media (max-width: 1023px) { + font-size: 32px; + font-style: normal; + line-height: 96px; + } +`; + +export const SectionContent = styled.div` + display: grid; + grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); + align-items: center; + + @media (max-width: 1023px) { + opacity: 0; + } +`; + +export const SectionImage = styled.img` + width: 100%; + max-width: 700px; + max-height: 500px; + position: relative; + left: 75px; +`; + +export const SectionCards = styled.div` + display: flex; + flex-direction: column; + align-items: flex-card; + justify-content: flex-start; + gap: 33px; + position: relative; + right: 103px; +`; + +export const SectionBox = styled.div` + display: flex; + width: 440px; + height: 205px; + padding: 12px 24px 12px 6px; + gap: 16px; + border-radius: 12px; + background: var(--Bg, linear-gradient(180deg, #464646 0%, rgba(58, 58, 58, 0.15) 100%)); + transition: width 1s ease; + + ${(props) => + props.expanded + ? ` + width:600px; + ${ProgressNumber} { + opacity: 1; + } + ` + : ''} +`; + +export const BoxSubDetail = styled(Body1)` + width: 23px; + height: 19px; + flex-shrink: 0; + border-radius: 20px; + margin-bottom: 2px; + transition: width 1s ease; + background: ${(props) => props.background || '#02daff'}; + width: ${(props) => (props.expanded ? props.width : '23px')}; +`; + +export const ProgressNumber = styled.div` + opacity: 0; + color: #ffffff; + display: flex; + justify-content: flex-end; + font-size: 12px; + font-weight: bold; + transition: opacity 0.3s ease-in-out; + margin-right: 10px; + position: relative; + bottom: 20%; +`; + +export const BoxContent = styled.div` + flex-shrink: 0; + gap: 19px; + padding: 10px; +`; + +export const BoxSubContent = styled(Caption)` + line-height: 16px; +`; + +export const BoxHeader = styled(Heading3)` + font-weight: bold; + color: ${(props) => props.color || '#02daff'}; +`; + +export const BoxDetail = styled(Heading4)``; + +export const BoxSubHeader = styled(Caption)` + display: flex; + flex-direction: column; + justify-content: center; + flex-shrink: 0; + color: #c7c7c7; + margin-bottom: 3px; +`; + +export const BoxText = styled.div` + display: flex; + padding: 32px 16px; + flex-direction: column; + align-items: center; + gap: 24px; + flex-shrink: 0; + border-radius: 8px; +`; + +export const SectionContainer = styled.div` + margin: 10px auto; + max-width: 1540px; + width: 100%; + height: auto; +`; + +export const MobileBox1 = styled.div` + height: 390px; + width: auto; + flex-direction: column; + gap: 20px; + border-radius: 12px; + background: linear-gradient(179deg, #464646 0.74%, rgba(58, 58, 58, 0.15) 185.9%); + padding-left: 5px; + padding-right: 5px; + padding-top: 20px; + overflow: visible; +`; + +export const MobileBoxHeader = styled(Heading3)` + font-weight: bold; + color: var(--primary-blue-3, #02daff); + color: ${(props) => props.color || '#02daff'}; +`; + +export const MobileContainer = styled.div` + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 20px; + margin: 0 auto; + font-family: Prompt; +`; + +export const MobileBoxContent = styled.div` + display: flex; + height: 193px; + padding: 0px 8px 10px; + flex-direction: column; + align-items: flex-start; + gap: 13px; + flex-shrink: 0; +`; + +export const MobileDetail = styled(Heading4)` + color: #fff; + line-height: normal; +`; + +export const MobileHead = styled.div` + display: flex; + padding: 12px 16px; + flex-direction: column; + align-items: center; + gap: 24px; + align-self: stretch; + border-radius: 8px; +`; + +export const MobileSubContent = styled.div` + color: #c7c7c7; + font-size: 14px; +`; + +export const MobileSubBar = styled.div` + width: 228px; + font-size: 14px; + height: 15.95px; + flex-shrink: 0; + border-radius: 14.4px; + width: ${(props) => props.width || '228px'}; + background: ${(props) => props.background || '#02daff'}; + + @media (max-width: 319px) { + width: ${(props) => props.width1 || '228px'}; + } +`; + +export const StatNumber = styled.div` + display: flex; + justify-content: flex-end; + padding-right: 8px; + color: #fff; + font-size: 14px; + padding-top: 2px; +`; diff --git a/src/components/marginals/Footer/TermsNCredits.jsx b/src/components/marginals/Footer/TermsNCredits.jsx index 4a8058b..1b3d353 100644 --- a/src/components/marginals/Footer/TermsNCredits.jsx +++ b/src/components/marginals/Footer/TermsNCredits.jsx @@ -4,7 +4,7 @@ import { LastLine, Terms, ConditionItems, Credits } from './styles'; const TermsNCredits = ({ copyw }) => ( - Privacy & Cookies + Privacy & Policy Terms and Conditions {copyw.content} diff --git a/src/pages/index.js b/src/pages/index.js index b9ff934..44d706f 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -7,11 +7,12 @@ import SEO from '../components/shared/SEO/SEO'; import ParticleBackground from '../components/shared/Particle'; import Layout from '../components/shared/Layout'; import HeroSection from '../components/HeroSection/HeroSection'; +import PreviousStats from '../components/PrevStats/PreviousStats'; import AboutSection from '../components/AboutUs/About'; -import TimelineSection from '../components/TimelineSection/Timeline'; +// import TimelineSection from '../components/TimelineSection/Timeline'; import SponsorSection from '../components/Sponsor/Sponsor'; import FAQ from '../components/Faq/Faq'; -import Prizes from '../components/Prizes/Prizes'; +// import Prizes from '../components/Prizes/Prizes'; import { Footer } from '../components/marginals'; import { ContainerWrapper } from '../components/shared/Container'; @@ -58,8 +59,9 @@ const HomePage = ({ location }) => { - - + + {/* + */} diff --git a/src/pages/playground.js b/src/pages/playground.js index 9463c1c..994dd68 100644 --- a/src/pages/playground.js +++ b/src/pages/playground.js @@ -1,8 +1,5 @@ import React, { useState, useEffect } from 'react'; - -// Libraries import Helmet from 'react-helmet'; - import HeroSection from '../components/HeroSection/HeroSection'; import { Container } from '../components/shared/SectionContainer'; import Layout from '../components/shared/Layout'; @@ -12,6 +9,7 @@ import FAQ from '../components/Faq/Faq'; import TimelineSection from '../components/TimelineSection/Timeline'; import { Footer } from '../components/marginals'; import Prizes from '../components/Prizes/Prizes'; +import PreviousStats from '../components/PrevStats/PreviousStats'; import ParticleBackground from '../components/shared/Particle'; const Homepage = ({ location }) => { @@ -53,6 +51,7 @@ const Homepage = ({ location }) => { + diff --git a/src/styles/carouselstyles.css b/src/styles/carouselstyles.css index 2441b58..4942ebe 100644 --- a/src/styles/carouselstyles.css +++ b/src/styles/carouselstyles.css @@ -11,6 +11,7 @@ width: 580px; border-radius: 20px; aspect-ratio: 4/3; + object-fit: contain; } .slide { margin: 50px 0px;