diff --git a/public/Images/HO3.svg b/public/Images/HO3.svg deleted file mode 100644 index faa8ca9..0000000 --- a/public/Images/HO3.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/Images/HO3.webp b/public/Images/HO3.webp new file mode 100644 index 0000000..67eb659 Binary files /dev/null and b/public/Images/HO3.webp differ diff --git a/public/Images/lower.svg b/public/Images/lower.svg deleted file mode 100644 index 0470e25..0000000 --- a/public/Images/lower.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/Images/lower.webp b/public/Images/lower.webp new file mode 100644 index 0000000..41e28db Binary files /dev/null and b/public/Images/lower.webp differ diff --git a/public/Images/thunder.gif b/public/Images/thunder.gif deleted file mode 100644 index 1f917a5..0000000 Binary files a/public/Images/thunder.gif and /dev/null differ diff --git a/public/Images/upper.svg b/public/Images/upper.svg deleted file mode 100644 index 3ca7a2e..0000000 --- a/public/Images/upper.svg +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/Images/upper.webp b/public/Images/upper.webp new file mode 100644 index 0000000..b45975d Binary files /dev/null and b/public/Images/upper.webp differ diff --git a/public/gif/rain.gif b/public/gif/rain.gif deleted file mode 100644 index 4bdb80f..0000000 Binary files a/public/gif/rain.gif and /dev/null differ diff --git a/public/gif/thunder.gif b/public/gif/thunder.gif deleted file mode 100644 index 2a66245..0000000 Binary files a/public/gif/thunder.gif and /dev/null differ diff --git a/public/gif/thunder.webm b/public/gif/thunder.webm new file mode 100644 index 0000000..b02a0a3 Binary files /dev/null and b/public/gif/thunder.webm differ diff --git a/public/gif/thunder2.gif b/public/gif/thunder2.gif deleted file mode 100644 index c59bfd1..0000000 Binary files a/public/gif/thunder2.gif and /dev/null differ diff --git a/public/gif/thunder3.gif b/public/gif/thunder3.gif deleted file mode 100644 index bd2d0a6..0000000 Binary files a/public/gif/thunder3.gif and /dev/null differ diff --git a/src/components/AboutUs.js b/src/components/AboutUs.js index 07b378f..0316fbc 100644 --- a/src/components/AboutUs.js +++ b/src/components/AboutUs.js @@ -9,16 +9,31 @@ export const AboutUs = () => { return (
- + cityBg
- hackodisha-logo - hackodisha-logo-animation - + hackodisha-logo + hackodisha-logo-animation

diff --git a/src/components/CommonComponent/Title/Title.js b/src/components/CommonComponent/Title/Title.js index ffc5d8b..59d72b0 100644 --- a/src/components/CommonComponent/Title/Title.js +++ b/src/components/CommonComponent/Title/Title.js @@ -4,9 +4,9 @@ function Title({ title, className }) { return (

-
+

{title} -

+
diff --git a/src/components/FAQs/Accordion.js b/src/components/FAQs/Accordion.js index 9d3a9ed..0f0c318 100644 --- a/src/components/FAQs/Accordion.js +++ b/src/components/FAQs/Accordion.js @@ -1,4 +1,4 @@ -"use client" +"use client"; import React, { useState } from "react"; import "./Accordion.css"; import union1 from "./union1.svg"; @@ -17,34 +17,55 @@ function Accordion() { return ( <> -
+
- + <Title title={"FAQ"} className={"px-10 py-5"} /> <div className="line"> - <Image src={union1} alt="Image" className="img2"></Image> - </div> - + <Image src={union1} alt="Image" className="img2"></Image> + </div> {data.map((item, i) => ( - <div key={i} className="item item-center ml-[2.8rem] mr-[2.8rem] mt-8 mb-4 bg-white/[0.1] shadow-[-3px_-2px_3px_0px_rgba(248,248,248,0.39)] rounded-[12px] " onClick={() => toggle(i)}> - - <div className="title pl-[0.75rem] gap-5 isolate max-[326px]:h-14 bg-transparent shadow-[-3px_-2px_3px_0px_rgba(248,248,248,0)] rounded-[12px] max-[512px]:pt-[8px] max-[512px]:pl-[10px] flex justify-between flex-row cursor-pointer max-[420px]:gap-0 max-[420px]:pr-[0] max-[400px]:h-[0]" > + <div + key={i} + className="item item-center ml-[2.8rem] mr-[2.8rem] mt-8 mb-4 bg-white/[0.1] shadow-[-3px_-2px_3px_0px_rgba(248,248,248,0.39)] rounded-[12px] " + onClick={() => toggle(i)} + > + <div className="title pl-[0.75rem] gap-5 isolate max-[326px]:h-14 bg-transparent shadow-[-3px_-2px_3px_0px_rgba(248,248,248,0)] rounded-[12px] max-[512px]:pt-[8px] max-[512px]:pl-[10px] flex justify-between flex-row cursor-pointer max-[420px]:gap-0 max-[420px]:pr-[0] max-[400px]:h-[0]"> <span className="flex items-center py-4"> - <p className="faq text-sm sm:text-xl leading-[2.5rem] max-[512px]:leading-2 max-[720px]:leading-[2.5rem] max-[635px]:leading-[0rem] max-[512px]:text-[13px] max-[424px]:text-[10px] max-[342px]:leading-6 max-[342px]:text-[6.2px] font-bold"> - {"0" + item.id} - </p> - <p className=" text-sm sm:text-xl max-[512px]:text-[13px] max-[424px]:text-[10px] max-[342px]:text-[6.2px] font-bold ml-2"> - {item.faq} - </p> + <p className="faq text-sm sm:text-xl leading-[2.5rem] max-[512px]:leading-2 max-[720px]:leading-[2.5rem] max-[635px]:leading-[0rem] max-[512px]:text-[13px] max-[424px]:text-[10px] max-[342px]:leading-6 max-[342px]:text-[6.2px] font-bold"> + {"0" + item.id} + </p> + <p className=" text-sm sm:text-xl max-[512px]:text-[13px] max-[424px]:text-[10px] max-[342px]:text-[6.2px] font-bold ml-2"> + {item.faq} + </p> </span> <span className={`cursor-pointer box-border flex flex-col justify-center text-4xl font-bold fill-white`} - > - {show !== i ? (<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M480-360 280-559h400L480-360Z"/></svg>) :(<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="m280-400 200-201 200 201H280Z"/></svg>)} + {show !== i ? ( + <svg + xmlns="http://www.w3.org/2000/svg" + height="48" + viewBox="0 -960 960 960" + width="48" + > + <path d="M480-360 280-559h400L480-360Z" /> + </svg> + ) : ( + <svg + xmlns="http://www.w3.org/2000/svg" + height="48" + viewBox="0 -960 960 960" + width="48" + > + <path d="m280-400 200-201 200 201H280Z" /> + </svg> + )} </span> - </div> - <div className={show == i ? "answer show" : "answer" } > + <div className={show == i ? "answer show" : "answer"}> {item.answer} </div> </div> @@ -77,14 +98,12 @@ const data = [ { id: 4, faq: "Can I apply for multiple tracks?", - answer: - "Yes. You can.", + answer: "Yes. You can.", }, { id: 5, faq: "Do I need to pay anything to participate?", - answer: - "No, the hackathon is completely free for everyone. ", + answer: "No, the hackathon is completely free for everyone. ", }, { id: 6, diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index 9dd3e6c..5e6b1c6 100644 --- a/src/components/Footer/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -11,17 +11,18 @@ const Footer = () => { return ( <> <div className="w-full relative z-40 2xl:-mt-20 pt-20"> - <Image - src={footerBuilding} - fill - className="-z-10 relative object-cover sm:hidden block 2xl:block " - /> + <Image + src={footerBuilding} + alt="footerBuilding" + fill + className="-z-10 relative object-cover sm:hidden block 2xl:block " + /> <div className="sm:block hidden mt-36 relative"> <div className="topHead"> <div className="grid grid-cols-4"> <div className=" ml-24 col-span-2"> <Image - src="/Images/HO3.svg" + src="/Images/HO3.webp" width={310} height={113} alt="HackOdisha Logo" @@ -45,63 +46,103 @@ const Footer = () => { <p> Want to Become a Sponsor <br /> of HackOdisha 3.0? </p> - <a target="_blank" rel = "noreferrer" href="mailto:sponsorships@hackodisha.tech" > - <button className=" bg-[#CA40CD] rounded-[3.5rem] md:rounded-[3.5625rem] px-4 py-2 md:px-6 md:py-3 lg:px-12 lg:py-6 text-[#FFEAEA] text-sm 2xl:text-lg font-bold leading-[147%] hover:bg-fuchsia-400 ease-in duration-100 text-center w-fit"> - Become a sponsor - </button> + <a + target="_blank" + rel="noreferrer" + href="mailto:sponsorships@hackodisha.tech" + > + <button className=" bg-[#CA40CD] rounded-[3.5rem] md:rounded-[3.5625rem] px-4 py-2 md:px-6 md:py-3 lg:px-12 lg:py-6 text-[#FFEAEA] text-sm 2xl:text-lg font-bold leading-[147%] hover:bg-fuchsia-400 ease-in duration-100 text-center w-fit"> + Become a sponsor + </button> </a> </div> <ul className="inline-flex flex-col text-start w-fit mx-auto lg:-mt-8 xl:-mt-12 mt-6 gap-4 text-base md:text-xl"> - <a href="/#home"><li className="hover:text-slate-500 cursor-pointer ">Home</li></a> - <a href="/#about-us"><li className="hover:text-slate-500 cursor-pointer "> - About us - </li> + <a href="/#home"> + <li className="hover:text-slate-500 cursor-pointer ">Home</li> </a> - <a href="/#prizes"><li className="hover:text-slate-500 cursor-pointer ">Prizes</li></a> - <a href="mailto:mail@hackodisha.tech"><li className="hover:text-slate-500 cursor-pointer "> - Contact us - </li></a> - <a href="/#sponsors"><li className="hover:text-slate-500 cursor-pointer "> - Sponsors - </li> + <a href="/#about-us"> + <li className="hover:text-slate-500 cursor-pointer "> + About us + </li> + </a> + <a href="/#prizes"> + <li className="hover:text-slate-500 cursor-pointer "> + Prizes + </li> + </a> + <a href="mailto:mail@hackodisha.tech"> + <li className="hover:text-slate-500 cursor-pointer "> + Contact us + </li> + </a> + <a href="/#sponsors"> + <li className="hover:text-slate-500 cursor-pointer "> + Sponsors + </li> + </a> + <a href="/#faq"> + <li className="hover:text-slate-500 cursor-pointer ">FAQs</li> </a> - <a href="/#faq"><li className="hover:text-slate-500 cursor-pointer ">FAQs</li></a> </ul> <ul className="inline-flex flex-col text-start w-fit mx-auto lg:-mt-8 xl:-mt-12 mt-6 gap-4 text-lg md:text-2xl"> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://discord.gg/ewun7cxkJh"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://discord.gg/ewun7cxkJh" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 brightness-200 hover:brightness-75 transition-all ease-in" src={discord} + alt="discord" ></Image> </a> </li> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://www.instagram.com/webwiz.nitr/"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://www.instagram.com/webwiz.nitr/" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 fill-[#8e8e8e] hover:brightness-75 transition-all ease-in" src={insta} + alt="insta" ></Image> </a> </li> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://www.linkedin.com/company/hackodisha3/"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://www.linkedin.com/company/hackodisha3/" + > <Image fill={false} className="w-[2rem] h-[2rem] m-auto mb-5 hover:brightness-75 transition-all ease-in" src={linkedin} + alt="linkedin" ></Image> </a> </li> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://www.linkedin.com/company/hackodisha3/"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://www.linkedin.com/company/hackodisha3/" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 hover:brightness-75 transition-all ease-in" src={twitter} + alt="twitter" ></Image> </a> </li> @@ -129,38 +170,62 @@ const Footer = () => { /> <ul className="inline-flex justify-between w-full lg:-mt-8 xl:-mt-12 mt-6 gap-4 text-lg md:text-2xl"> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://discord.gg/ewun7cxkJh"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://discord.gg/ewun7cxkJh" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 brightness-200 hover:brightness-75 transition-all ease-in" src={discord} + alt="discord" ></Image> </a> </li> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://www.instagram.com/webwiz.nitr/"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://www.instagram.com/webwiz.nitr/" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 hover:brightness-75 transition-all ease-in" src={insta} + alt="insta" ></Image> </a> </li> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://www.linkedin.com/company/hackodisha3/"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://www.linkedin.com/company/hackodisha3/" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 hover:brightness-75 transition-all ease-in" src={linkedin} + alt="linkedin" ></Image> </a> </li> <li> - <a target="_blank" rel = "noreferrer" className="text-center mb-5" href="https://www.linkedin.com/company/hackodisha3/"> + <a + target="_blank" + rel="noreferrer" + className="text-center mb-5" + href="https://www.linkedin.com/company/hackodisha3/" + > <Image fill={false} className="sm:w-[3rem] w-8 sm:h-[3rem] h-8 m-auto mb-5 hover:brightness-75 transition-all ease-in" src={twitter} + alt="twitter" ></Image> </a> </li> @@ -175,15 +240,17 @@ const Footer = () => { <p> Want to Become a Sponsor <br /> of HackOdisha 3.0? </p> - <a target="_blank" rel = "noreferrer" href="mailto:sponsorships@hackodisha.tech" > - <button className=" bg-[#CA40CD] mb-4 rounded-[3.5rem] md:rounded-[3.5625rem] px-4 py-2 text-[#FFEAEA] text-[0.75rem] font-bold leading-[147%] hover:bg-fuchsia-400 ease-in duration-100 text-center w-fit"> - Become a sponsor - </button> + <a + target="_blank" + rel="noreferrer" + href="mailto:sponsorships@hackodisha.tech" + > + <button className=" bg-[#CA40CD] mb-4 rounded-[3.5rem] md:rounded-[3.5625rem] px-4 py-2 text-[#FFEAEA] text-[0.75rem] font-bold leading-[147%] hover:bg-fuchsia-400 ease-in duration-100 text-center w-fit"> + Become a sponsor + </button> </a> </div> - - <hr className="px-4" /> <h3 className="text-xs mx-auto w-fit py-10 text-white max-w-[90vw] text-center"> Hackodisha 3.0 2023. Powered by Webwiz, NIT Rourkela. @@ -194,6 +261,7 @@ const Footer = () => { <Image src={footerBuilding} + alt="footerBuilding" fill className="-z-10 relative object-contain sm:block hidden object-bottom 2xl:hidden " /> diff --git a/src/components/Hero/Hero.js b/src/components/Hero/Hero.js index 3d678da..f826282 100644 --- a/src/components/Hero/Hero.js +++ b/src/components/Hero/Hero.js @@ -26,27 +26,33 @@ function Hero() { </div> <div className="flex h-full w-full absolute top-0"> <div className="w-full h-full basis-[52%] hidden sm:block md:basis-[51%] mix-blend-lighten bg-black "> - <Image - src={`/gif/thunder3.gif`} - alt="Thundergif" - height={"670"} - width={"490"} + <video + src="/gif/thunder.webm" + alt="thundergif" + height={670} + width={490} className="w-full h-full opacity-[0.36]" + autoPlay + loop + muted /> </div> <div className="w-full h-full basis-[48%] hidden sm:block md:basis-[49%] mix-blend-lighten bg-black"> - <Image - src={`/gif/thunder3.gif`} + <video + src="/gif/thunder.webm" alt="thundergif" - height={"670"} - width={"490"} + height={670} + width={490} className="w-full h-full opacity-[0.36]" + autoPlay + loop + muted /> </div> </div> <div className="flex flex-col md:-top-6 items-center w-full h-full relative xl:mb-32 pt-[50%] sm:pt-32"> <Image - src={"/Images/upper.svg"} + src={"/Images/upper.webp"} alt="upperLogo" height={"240"} width={"380"} @@ -62,7 +68,7 @@ function Hero() { priority /> <Image - src={"/Images/lower.svg"} + src={"/Images/lower.webp"} alt="LowerLogo" height={"240"} width={"380"} @@ -74,7 +80,7 @@ function Hero() { </h1> <div className=" items-center gap-6 flex flex-col mt-4 relative z-[100]"> <DevfolioButton /> - <div className="md:hidden"> + <div className="md:hidden mb-6"> <a href="https://discord.gg/ewun7cxkJh" rel="noreferrer" diff --git a/src/components/NameOfComponent/Component.jsx b/src/components/NameOfComponent/Component.jsx index f210480..49971ae 100644 --- a/src/components/NameOfComponent/Component.jsx +++ b/src/components/NameOfComponent/Component.jsx @@ -1 +1 @@ -// some Component code \ No newline at end of file +// some Component code diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js index 8d14dde..5aead9a 100644 --- a/src/components/Navbar/Navbar.js +++ b/src/components/Navbar/Navbar.js @@ -11,16 +11,16 @@ function Navbar() { <nav className={`${ navbar ? "animate-trans-navbarbg" : "animate-none" - } bg-navbg w-full h-auto md:flex justify-between items-center fixed top-0 text-white backdrop-blur-sm py-1 z-[100]`} + } bg-navbg w-full h-auto md:flex justify-between items-center fixed top-0 text-white backdrop-blur-sm py-1 z-[200]`} > <div className="flex justify-between items-center"> <Link href="/#home"> <Image - src={"/Images/HO3.svg"} + src={"/Images/HO3.webp"} alt="logo" width="150" height="150" - className="flex justify-center items-center p-3 md:pl-16 pl-8 w-[120px] h-[65px] md:w-40" + className="flex justify-center items-center p-3 md:pl-16 pl-8 w-[120px] h-[57px] md:w-40" /> </Link> <span className="pr-8 md:hidden flex items-center justify-center"> @@ -56,14 +56,13 @@ function Navbar() { Events </li> </a> - <a href="https://discord.gg/ewun7cxkJh" - rel="noreferrer" - target="_blank" - className="w-screen inline-flex md:w-fit justify-center" - > - <button - className=" self-start hover:bg-[#096D6A] p-3 md:pl-3 pl-8 transition-colors ease-in rounded-2xl text-sm sm:text-lg px-4 py-2 border-white text-white border-2" - > + <a + href="https://discord.gg/ewun7cxkJh" + rel="noreferrer" + target="_blank" + className="w-screen inline-flex md:w-fit justify-center" + > + <button className=" self-start hover:bg-[#096D6A] p-3 md:pl-3 pl-8 transition-colors ease-in rounded-2xl text-sm sm:text-lg px-4 py-2 border-white text-white border-2"> Join Discord </button> </a> diff --git a/src/components/Sponsor/Sponsors.jsx b/src/components/Sponsor/Sponsors.jsx index c4b02ee..400300f 100644 --- a/src/components/Sponsor/Sponsors.jsx +++ b/src/components/Sponsor/Sponsors.jsx @@ -7,12 +7,10 @@ import floatingBuilding from "./floatingBuilding.webp"; export const Sponsor = () => { return ( <section className="" id="sponsors"> - <div - className="sponsorbg bg-opacity-10 relative" - id="about-us" - > + <div className="sponsorbg bg-opacity-10 relative" id="about-us"> <Image src={floatingBuilding} + alt="footerBuilding" fill className="object-contain object-center relative z-10 opacity-70 mix-blend-color-dodge" /> @@ -33,7 +31,11 @@ export const Sponsor = () => { {" "} <span className="uppercase">{item.category}</span> sponsors </h2> - <ul className={`inline-flex flex-wrap gap-4 sm:gap-20 justify-center py-16 border-r-4 border-[#CA40CD] border-opacity-25 w-full ${index==3?"border-b-4":""} `}> + <ul + className={`inline-flex flex-wrap gap-4 sm:gap-20 justify-center py-16 border-r-4 border-[#CA40CD] border-opacity-25 w-full ${ + index == 3 ? "border-b-4" : "" + } `} + > {item.sponsors.map((sponsor, i) => ( <li key={i} @@ -61,10 +63,7 @@ export const Sponsor = () => { const SponsorData = [ { category: "Platinum", - sponsors: [ - - - ], + sponsors: [], }, { category: "Gold", @@ -74,16 +73,15 @@ const SponsorData = [ logo: "/Images/SponsorLogos/devfolio.png", width: 300, height: 150, - alt:"DEVFOLIO LOGO" + alt: "DEVFOLIO LOGO", }, { name: "Polygon", logo: "/Images/SponsorLogos/polygon.png", width: 300, height: 150, - alt:"POLYGON LOGO" + alt: "POLYGON LOGO", }, - ], }, { @@ -94,35 +92,33 @@ const SponsorData = [ logo: "/Images/SponsorLogos/filecoin.svg", width: 300, height: 150, - alt:"FILECOIN LOGO" + alt: "FILECOIN LOGO", }, { name: "Verbwire", logo: "/Images/SponsorLogos/verbwire.svg", width: 300, height: 150, - alt:"VERBWIRE LOGO" + alt: "VERBWIRE LOGO", }, { name: "Solana", logo: "/Images/SponsorLogos/solana.png", width: 300, height: 150, - alt:"SOLANA LOGO" + alt: "SOLANA LOGO", }, { name: "Replit", logo: "/Images/SponsorLogos/replit.png", width: 300, height: 150, - alt:"REPLIT LOGO" + alt: "REPLIT LOGO", }, ], }, { category: "Bronze", - sponsors: [ - - ], + sponsors: [], }, ]; diff --git a/src/components/Timeline/timeline.jsx b/src/components/Timeline/timeline.jsx index 553d165..47071fe 100644 --- a/src/components/Timeline/timeline.jsx +++ b/src/components/Timeline/timeline.jsx @@ -12,26 +12,27 @@ const Timeline = () => { <div className="w-full relative" id="timeline"> <Image src={silhouetteInv} + alt="silhouetteInv" fill className="object-contain object-top mt-20 h-[25%] opacity-50" /> <div className="topHead"> - <Title title={"Timeline"} className={"px-5 sm:px-10 pt-5"}> - +
Image
- + building
-
+
{ "Fun Event 2", ].map((item, index) => (
  • {item} @@ -515,7 +518,9 @@ const Timeline = () => { "Event Ends", ].map((item, index) => (
  • {item} @@ -529,7 +534,7 @@ const Timeline = () => { {/* For Animation-3 */}
    -
    +
    { /> - +

    DAY 3

         @@ -749,7 +754,9 @@ const Timeline = () => {
      {["6:00 PM", "Winner Announcement"].map((item, index) => (
    • {item} diff --git a/src/components/suraj/Statistics.js b/src/components/suraj/Statistics.js index a45d972..91b8bda 100644 --- a/src/components/suraj/Statistics.js +++ b/src/components/suraj/Statistics.js @@ -11,6 +11,7 @@ const Statistics = () => {
      cityscapeInv @@ -87,6 +88,7 @@ const Statistics = () => {
      silhouette