Merge pull request #72 from sksmagr23/newch

favicon fixes
ecelliitbhu · Jan 24, 2025 · 0bb683d · 0bb683d
2 parents 4405021 + f876c6b
commit 0bb683d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -9,6 +9,7 @@ import Navbar from "@/components/Navbar";
 import "./globals.css";
 import React from "react";
 import { ParallaxProvider } from "react-scroll-parallax";
+import Head from "next/head";
 // const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
@@ -39,6 +40,10 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
+      <head>
+        <link rel="icon" href="/favicon-dark.ico" media="(prefers-color-scheme: dark)" />
+        <link rel="icon" href="/favicon-light.ico" media="(prefers-color-scheme: light)" />
+      </head>
       <body
         className={cn(
           "min-h-screen bg-black  font-sans antialiased",

diff --git a/components/Stats.tsx b/components/Stats.tsx
@@ -59,25 +59,25 @@ const StatItem: FunctionComponent<Stat & { isFirstItem: boolean }> = ({ value, l
 
         ref={ref}
         className={`
-          text-center m-4  flex-col justify-center items-center p-4 stat
+          mt-4 text-center flex flex-col justify-center items-center p-4
           ${isFirstItem ? '' : 'md:border-l-2 border-white border-t-2 md:border-t-0 '} 
         
         `}
       >
-        <div className="flex justify-center items-center">
+        <div className="flex justify-center items-center gap-1">
           <motion.h2 className=" text-3xl sm:text-5xl font-bold text-primary-foreground">
             {rounded}
           </motion.h2>
-          <span className="text-4xl font-semibold">+</span>
+          <span className="text-3xl sm:text-4xl font-semibold">+</span>
         </div>
-        <p className="text-primary capitalize">{label.toUpperCase()}</p>
+        <p className="text-primary mt-2 capitalize">{label.toUpperCase()}</p>
       </div>
     </Tilt>
   );
 };
 const Stats: FunctionComponent = () => {
   return (
-    <section className="px-0 md:px-20 py-10 overflow-hidden relative pb-16 mt-28">
+    <section className="px-0 md:px-20 py-10 overflow-hidden relative pb-16 mt-28 ">
     <h1 className="text-3xl md:text-4xl text-primary-foreground font-bold text-center mb-6">
       Key Event Statistics
     </h1>

diff --git a/app/favicon-dark.ico → public/favicon-dark.ico b/app/favicon-dark.ico → public/favicon-dark.ico
diff --git a/app/favicon-light.ico → public/favicon-light.ico b/app/favicon-light.ico → public/favicon-light.ico