feat: apply uppercase styling to headings and buttons across multiple components for consistency

2025-08-05 14:50:38 +05:00
parent 99b2824421
commit 0d8a47bee7
13 changed files with 21 additions and 21 deletions
@@ -12,7 +12,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) {

  return (
    <h1
-      className={`${fluxgore.className} text-white relative animate-fade-in-up`}
+      className={`${fluxgore.className} text-white relative animate-fade-in-up uppercase`}
      style={{
        textAlign: textAlign,
        fontSize: "clamp(50px, 10vw, 7vw)", // Slightly smaller on all screen sizes
@@ -70,7 +70,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) {
 function DateBox() {
  return (
    <div
-      className={`${fluxgore.className} bg-white text-black px-6 py-2 inline-block text-3xl md:text-[40px] animate-bounce-in`}
+      className={`${fluxgore.className} bg-white text-black px-6 py-2 inline-block text-3xl md:text-[40px] animate-bounce-in uppercase`}
      style={{
        transform: "skewX(-15deg)",
        lineHeight: "1.2",