diff --git a/public/bitwars.jpg b/public/bitwars.jpg deleted file mode 100644 index 4550fdf..0000000 Binary files a/public/bitwars.jpg and /dev/null differ diff --git a/public/bitwars.webp b/public/bitwars.webp new file mode 100644 index 0000000..5db3e60 Binary files /dev/null and b/public/bitwars.webp differ diff --git a/public/bitwarsLogo.png b/public/bitwarsLogo.png deleted file mode 100644 index f617f8d..0000000 Binary files a/public/bitwarsLogo.png and /dev/null differ diff --git a/public/bitwarsLogo.webp b/public/bitwarsLogo.webp new file mode 100644 index 0000000..2a61100 Binary files /dev/null and b/public/bitwarsLogo.webp differ diff --git a/public/compsoc.png b/public/compsoc.png deleted file mode 100644 index 8238023..0000000 Binary files a/public/compsoc.png and /dev/null differ diff --git a/public/compsoc.webp b/public/compsoc.webp new file mode 100644 index 0000000..804cb1b Binary files /dev/null and b/public/compsoc.webp differ diff --git a/public/favicon_icon/android-chrome-192x192.png b/public/favicon_icon/android-chrome-192x192.png deleted file mode 100644 index 1b969e7..0000000 Binary files a/public/favicon_icon/android-chrome-192x192.png and /dev/null differ diff --git a/public/favicon_icon/android-chrome-192x192.webp b/public/favicon_icon/android-chrome-192x192.webp new file mode 100644 index 0000000..2378e40 Binary files /dev/null and b/public/favicon_icon/android-chrome-192x192.webp differ diff --git a/public/favicon_icon/android-chrome-512x512.png b/public/favicon_icon/android-chrome-512x512.png deleted file mode 100644 index 80da3eb..0000000 Binary files a/public/favicon_icon/android-chrome-512x512.png and /dev/null differ diff --git a/public/favicon_icon/android-chrome-512x512.webp b/public/favicon_icon/android-chrome-512x512.webp new file mode 100644 index 0000000..446e128 Binary files /dev/null and b/public/favicon_icon/android-chrome-512x512.webp differ diff --git a/public/favicon_icon/apple-touch-icon.png b/public/favicon_icon/apple-touch-icon.png deleted file mode 100644 index e8eb886..0000000 Binary files a/public/favicon_icon/apple-touch-icon.png and /dev/null differ diff --git a/public/favicon_icon/apple-touch-icon.webp b/public/favicon_icon/apple-touch-icon.webp new file mode 100644 index 0000000..0852403 Binary files /dev/null and b/public/favicon_icon/apple-touch-icon.webp differ diff --git a/public/favicon_icon/favicon-16x16.png b/public/favicon_icon/favicon-16x16.png deleted file mode 100644 index b1b3c58..0000000 Binary files a/public/favicon_icon/favicon-16x16.png and /dev/null differ diff --git a/public/favicon_icon/favicon-16x16.webp b/public/favicon_icon/favicon-16x16.webp new file mode 100644 index 0000000..1f51139 Binary files /dev/null and b/public/favicon_icon/favicon-16x16.webp differ diff --git a/public/favicon_icon/favicon-32x32.png b/public/favicon_icon/favicon-32x32.png deleted file mode 100644 index ba6fdc7..0000000 Binary files a/public/favicon_icon/favicon-32x32.png and /dev/null differ diff --git a/public/favicon_icon/favicon-32x32.webp b/public/favicon_icon/favicon-32x32.webp new file mode 100644 index 0000000..472373b Binary files /dev/null and b/public/favicon_icon/favicon-32x32.webp differ diff --git a/public/favicon_icon/site.webmanifest b/public/favicon_icon/site.webmanifest index e087c74..5a3b6af 100644 --- a/public/favicon_icon/site.webmanifest +++ b/public/favicon_icon/site.webmanifest @@ -3,12 +3,12 @@ "short_name": "Bitwars", "icons": [ { - "src": "/android-chrome-192x192.png", + "src": "/android-chrome-192x192.webp", "sizes": "192x192", "type": "image/png" }, { - "src": "/android-chrome-512x512.png", + "src": "/android-chrome-512x512.webp", "sizes": "512x512", "type": "image/png" } diff --git a/public/logo.png b/public/logo.png deleted file mode 100644 index a58f3e1..0000000 Binary files a/public/logo.png and /dev/null differ diff --git a/public/logo.webp b/public/logo.webp new file mode 100644 index 0000000..3aa1fca Binary files /dev/null and b/public/logo.webp differ diff --git a/public/oc.jpg b/public/oc.jpg deleted file mode 100644 index e51720f..0000000 Binary files a/public/oc.jpg and /dev/null differ diff --git a/public/oc.webp b/public/oc.webp new file mode 100644 index 0000000..5a7f80b Binary files /dev/null and b/public/oc.webp differ diff --git a/public/swc.png b/public/swc.png deleted file mode 100644 index 31e383d..0000000 Binary files a/public/swc.png and /dev/null differ diff --git a/public/swc.webp b/public/swc.webp new file mode 100644 index 0000000..0f0aabc Binary files /dev/null and b/public/swc.webp differ diff --git a/src/app/globals.css b/src/app/globals.css index 71e5b12..3235447 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -90,3 +90,7 @@ body { padding: 3px; box-sizing: border-box; } + +.button-gradient { + background: radial-gradient(rgb(56 189 248) 40%, transparent 60%); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index a6c1106..f26ef4e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -3,8 +3,8 @@ import { Montserrat } from "next/font/google"; import Main from "@/pages/main"; import Showcase from "@/pages/showcase"; import Aboutus from "@/pages/aboutus"; -import { sponsorsList } from "@/lib/sponsorsList"; -import Sponsor from "@/components/ui/sponsor"; +import Image from "next/image"; +import { Button } from "@/components/ui/moving-border"; const montserrat = Montserrat({ subsets: ["latin"] }); @@ -26,7 +26,7 @@ export default function Home() {

Our Sponsors

-
+ {/*
{sponsorsList.map((sponsor, index) => ( ))} +
*/} +
+
+
+ Powered by +
+ unstop logo +
-
+
+ + {/* FAQ Section */}

diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index af57145..811a6a5 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -28,7 +28,7 @@ const Footer = () => {

{/* IEEE logo */}
- logo2 + logo2
{/* Menu */} diff --git a/src/components/navbar/FloatingNav.tsx b/src/components/navbar/FloatingNav.tsx index 9932bfd..4b523df 100644 --- a/src/components/navbar/FloatingNav.tsx +++ b/src/components/navbar/FloatingNav.tsx @@ -66,9 +66,15 @@ export const FloatingNav = ({ "relative items-center flex text-slate-200 hover:text-white" )} > - + {navItem.name} +
+ {navItem.name} +
))} diff --git a/src/components/ui/moving-border.tsx b/src/components/ui/moving-border.tsx new file mode 100644 index 0000000..357b78a --- /dev/null +++ b/src/components/ui/moving-border.tsx @@ -0,0 +1,139 @@ +"use client"; +import React from "react"; +import { + motion, + useAnimationFrame, + useMotionTemplate, + useMotionValue, + useTransform, +} from "framer-motion"; +import { useRef } from "react"; +import { cn } from "@/lib/utils"; + +export function Button({ + borderRadius = "1.75rem", + children, + as: Component = "button", + containerClassName, + borderClassName, + duration, + className, + ...otherProps +}: { + borderRadius?: string; + children: React.ReactNode; + as?: any; + containerClassName?: string; + borderClassName?: string; + duration?: number; + className?: string; + [key: string]: any; +}) { + return ( + +
+ +
+ +
+ +
+ {children} +
+ + ); +} + +export const MovingBorder = ({ + children, + duration = 2000, + rx, + ry, + ...otherProps +}: { + children: React.ReactNode; + duration?: number; + rx?: string; + ry?: string; + [key: string]: any; +}) => { + const pathRef = useRef(); + const progress = useMotionValue(0); + + useAnimationFrame((time) => { + const length = pathRef.current?.getTotalLength(); + if (length) { + const pxPerMillisecond = length / duration; + progress.set((time * pxPerMillisecond) % length); + } + }); + + const x = useTransform( + progress, + (val) => pathRef.current?.getPointAtLength(val).x + ); + const y = useTransform( + progress, + (val) => pathRef.current?.getPointAtLength(val).y + ); + + const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`; + + return ( + <> + + + + + {children} + + + ); +}; diff --git a/src/pages/main.tsx b/src/pages/main.tsx index 3a0c26b..301b1f7 100644 --- a/src/pages/main.tsx +++ b/src/pages/main.tsx @@ -2,11 +2,12 @@ import React from "react"; import Image from "next/image"; import Timer from "@/components/timer/Timer"; import Link from "next/link"; +import { Button } from "@/components/ui/moving-border"; const Main: React.FC = () => { return ( -
-
+
+
{ className="object-contain h-[7vh] w-full sm:w-28" /> { className="object-contain h-[5vh] w-full sm:w-28" />
-
+
-
+
logo {
-
-
+
+
6th September, 2024
  -  
VIT Chennai
-
+
+
diff --git a/src/pages/showcase.tsx b/src/pages/showcase.tsx index 9128ef0..fcf3e39 100644 --- a/src/pages/showcase.tsx +++ b/src/pages/showcase.tsx @@ -25,7 +25,7 @@ const Showcase = () => { src="/bitwars.jpg" className="w-full px-8 sm:px-0 rounded-3xl object-contain hidden sm:block pt-8 relative z-10" /> -

+

BITWARS 2.0, VIT Chennai's second edition of the biggest offline Competitive Programming Event, is set to revolutionize Competitive Programming Culture. Hosted by IEEE CS, it features @@ -35,7 +35,9 @@ const Showcase = () => { problems. Join us for a transformative experience.

-
Overview
+
+ Overview +
- Competitive coding event where participants competed for the top title Challenged participants' coding skills and