feat: apply uppercase styling to headings and buttons across multiple components for consistency
This commit is contained in:
@@ -43,7 +43,7 @@ function SwiperButton({
|
|||||||
function Slide({ title, imageSrc }: { title: string; imageSrc: string }) {
|
function Slide({ title, imageSrc }: { title: string; imageSrc: string }) {
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col bg-[#1068B0] py-4 px-3 sm:py-6 sm:px-3.5 relative">
|
<div className="flex flex-col bg-[#1068B0] py-4 px-3 sm:py-6 sm:px-3.5 relative">
|
||||||
<h2 className={`${fluxgore.className} text-2xl sm:text-3xl lg:text-4xl text-white leading-none`}>
|
<h2 className={`${fluxgore.className} text-2xl sm:text-3xl lg:text-4xl text-white leading-none uppercase`}>
|
||||||
{title}
|
{title}
|
||||||
</h2>
|
</h2>
|
||||||
<img
|
<img
|
||||||
@@ -90,7 +90,7 @@ function Activities() {
|
|||||||
<div className="container mx-auto px-4">
|
<div className="container mx-auto px-4">
|
||||||
<div className="flex space-y-6 flex-row sm:justify-between sm:items-center sm:space-y-0">
|
<div className="flex space-y-6 flex-row sm:justify-between sm:items-center sm:space-y-0">
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-3xl sm:text-5xl lg:text-7xl text-[#060606] relative max-w-2xs md:max-w-full`}
|
className={`${fluxgore.className} text-3xl sm:text-5xl lg:text-7xl text-[#060606] relative max-w-2xs md:max-w-full uppercase`}
|
||||||
>
|
>
|
||||||
Активности фестиваля
|
Активности фестиваля
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ export default function Button(props: ButtonProps) {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
style={props.style}
|
style={props.style}
|
||||||
className={`${fluxgore.className} relative inline-block`}
|
className={`${fluxgore.className} relative inline-block uppercase`}
|
||||||
>
|
>
|
||||||
{/* Shadow element */}
|
{/* Shadow element */}
|
||||||
{shadowEnabled && !disabled && (
|
{shadowEnabled && !disabled && (
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-white relative animate-fade-in-up`}
|
className={`${fluxgore.className} text-white relative animate-fade-in-up uppercase`}
|
||||||
style={{
|
style={{
|
||||||
textAlign: textAlign,
|
textAlign: textAlign,
|
||||||
fontSize: "clamp(50px, 10vw, 7vw)", // Slightly smaller on all screen sizes
|
fontSize: "clamp(50px, 10vw, 7vw)", // Slightly smaller on all screen sizes
|
||||||
@@ -70,7 +70,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) {
|
|||||||
function DateBox() {
|
function DateBox() {
|
||||||
return (
|
return (
|
||||||
<div
|
<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={{
|
style={{
|
||||||
transform: "skewX(-15deg)",
|
transform: "skewX(-15deg)",
|
||||||
lineHeight: "1.2",
|
lineHeight: "1.2",
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ function EventCard(props: EventCardProps) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="w-full md:w-1/3 mb-4 md:mb-0 md:px-4">
|
<div className="w-full md:w-1/3 mb-4 md:mb-0 md:px-4">
|
||||||
<h2
|
<h2
|
||||||
className={`${fluxgore.className} text-2xl md:text-4xl text-white leading-tight md:leading-none`}
|
className={`${fluxgore.className} text-2xl md:text-4xl text-white leading-tight md:leading-none uppercase`}
|
||||||
>
|
>
|
||||||
{props.title}
|
{props.title}
|
||||||
</h2>
|
</h2>
|
||||||
@@ -83,7 +83,7 @@ function Events() {
|
|||||||
<div className="container mx-auto px-4">
|
<div className="container mx-auto px-4">
|
||||||
<div className="flex flex-col md:flex-row md:justify-between space-y-6 md:space-y-0">
|
<div className="flex flex-col md:flex-row md:justify-between space-y-6 md:space-y-0">
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative`}
|
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative uppercase`}
|
||||||
>
|
>
|
||||||
что вас ждет
|
что вас ждет
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -80,7 +80,7 @@ function Footer() {
|
|||||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
<div className="flex flex-col space-y-4 md:space-y-7">
|
<div className="flex flex-col space-y-4 md:space-y-7">
|
||||||
<h3
|
<h3
|
||||||
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6]`}
|
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6] uppercase`}
|
||||||
>
|
>
|
||||||
СОБЫТИЯ
|
СОБЫТИЯ
|
||||||
</h3>
|
</h3>
|
||||||
@@ -114,7 +114,7 @@ function Footer() {
|
|||||||
|
|
||||||
<div className="flex flex-col space-y-4 md:space-y-7">
|
<div className="flex flex-col space-y-4 md:space-y-7">
|
||||||
<h3
|
<h3
|
||||||
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6]`}
|
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6] uppercase`}
|
||||||
>
|
>
|
||||||
ИНФОРМАЦИЯ
|
ИНФОРМАЦИЯ
|
||||||
</h3>
|
</h3>
|
||||||
@@ -136,7 +136,7 @@ function Footer() {
|
|||||||
|
|
||||||
<div className="flex flex-col space-y-4 md:space-y-7">
|
<div className="flex flex-col space-y-4 md:space-y-7">
|
||||||
<h3
|
<h3
|
||||||
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6]`}
|
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6] uppercase`}
|
||||||
>
|
>
|
||||||
УЧАСТИЕ
|
УЧАСТИЕ
|
||||||
</h3>
|
</h3>
|
||||||
|
|||||||
@@ -7,13 +7,13 @@ function Map() {
|
|||||||
<div className="container mx-auto flex flex-col lg:flex-row px-4">
|
<div className="container mx-auto flex flex-col lg:flex-row px-4">
|
||||||
<div className="flex flex-col w-full lg:w-1/2 mb-8 lg:mb-0">
|
<div className="flex flex-col w-full lg:w-1/2 mb-8 lg:mb-0">
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-5xl lg:text-7xl text-white relative`}
|
className={`${fluxgore.className} text-4xl md:text-5xl lg:text-7xl text-white relative uppercase`}
|
||||||
>
|
>
|
||||||
как нас найти
|
как нас найти
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<h2
|
<h2
|
||||||
className={`${fluxgore.className} text-2xl md:text-3xl lg:text-4xl text-[#1068B0] mt-10 lg:mt-20`}
|
className={`${fluxgore.className} text-2xl md:text-3xl lg:text-4xl text-[#1068B0] mt-10 lg:mt-20 uppercase`}
|
||||||
>
|
>
|
||||||
5-7 сентября 2025
|
5-7 сентября 2025
|
||||||
</h2>
|
</h2>
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ function Partners() {
|
|||||||
className="opacity-0 translate-y-8 transition-all duration-700"
|
className="opacity-0 translate-y-8 transition-all duration-700"
|
||||||
>
|
>
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-white relative`}
|
className={`${fluxgore.className} text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-white relative uppercase`}
|
||||||
>
|
>
|
||||||
партнеры
|
партнеры
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ function SchemeSelect({
|
|||||||
active = false,
|
active = false,
|
||||||
onClick,
|
onClick,
|
||||||
}: SchemeSelectProps) {
|
}: SchemeSelectProps) {
|
||||||
const baseClasses = `${fluxgore.className} leading-none cursor-pointer transition-all duration-300 ease-in-out hover:opacity-80 transform hover:scale-105`;
|
const baseClasses = `${fluxgore.className} leading-none cursor-pointer transition-all duration-300 ease-in-out hover:opacity-80 transform hover:scale-105 uppercase`;
|
||||||
const activeClasses = "text-[#1E1E1E] text-2xl md:text-4xl";
|
const activeClasses = "text-[#1E1E1E] text-2xl md:text-4xl";
|
||||||
const inactiveClasses = "text-[#0D0D0D] text-base md:text-xl opacity-50 self-end";
|
const inactiveClasses = "text-[#0D0D0D] text-base md:text-xl opacity-50 self-end";
|
||||||
|
|
||||||
@@ -67,7 +67,7 @@ function Scheme() {
|
|||||||
<div className="container mx-auto">
|
<div className="container mx-auto">
|
||||||
<div className="flex flex-col md:flex-row md:justify-between space-y-4 md:space-y-0">
|
<div className="flex flex-col md:flex-row md:justify-between space-y-4 md:space-y-0">
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative`}
|
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative uppercase`}
|
||||||
>
|
>
|
||||||
схема фестиваля
|
схема фестиваля
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ function VideoStats(props: VideoStatsProps) {
|
|||||||
return (
|
return (
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-8xl text-[#1068B0] relative`}
|
className={`${fluxgore.className} text-4xl md:text-8xl text-[#1068B0] relative uppercase`}
|
||||||
>
|
>
|
||||||
{number}
|
{number}
|
||||||
</h1>
|
</h1>
|
||||||
@@ -93,7 +93,7 @@ function Video() {
|
|||||||
className="flex flex-col md:flex-row space-y-6 md:space-y-0 md:space-x-16 opacity-0 translate-y-8 transition-all duration-700"
|
className="flex flex-col md:flex-row space-y-6 md:space-y-0 md:space-x-16 opacity-0 translate-y-8 transition-all duration-700"
|
||||||
>
|
>
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative`}
|
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative uppercase`}
|
||||||
>
|
>
|
||||||
как это Было
|
как это Было
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -193,7 +193,7 @@ function Fileupload({
|
|||||||
type="button"
|
type="button"
|
||||||
onClick={openFileDialog}
|
onClick={openFileDialog}
|
||||||
disabled={isUploadDisabled}
|
disabled={isUploadDisabled}
|
||||||
className={`${fluxgore.className} bg-[#1068B0] hover:bg-[#0d5a96] text-white px-9 py-4 text-base font-medium uppercase tracking-wide disabled:opacity-50`}
|
className={`${fluxgore.className} bg-[#1068B0] hover:bg-[#0d5a96] text-white px-9 py-4 text-base font-medium uppercase tracking-wide disabled:opacity-50 uppercase`}
|
||||||
>
|
>
|
||||||
ПРИКРЕПИТЬ
|
ПРИКРЕПИТЬ
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -104,7 +104,7 @@ function ExhibtionFormPage() {
|
|||||||
<title>Фестиваль технических видов спорта</title>
|
<title>Фестиваль технических видов спорта</title>
|
||||||
</Head>
|
</Head>
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12`}
|
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12 uppercase`}
|
||||||
>
|
>
|
||||||
Регистрация на выставку
|
Регистрация на выставку
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -121,7 +121,7 @@ function FightFormPage() {
|
|||||||
<title>Фестиваль технических видов спорта</title>
|
<title>Фестиваль технических видов спорта</title>
|
||||||
</Head>
|
</Head>
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12`}
|
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12 uppercase`}
|
||||||
>
|
>
|
||||||
Регистрация на Битву за Москву
|
Регистрация на Битву за Москву
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ function ThankYouPage() {
|
|||||||
</Head>
|
</Head>
|
||||||
|
|
||||||
<h1
|
<h1
|
||||||
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12`}
|
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12 uppercase`}
|
||||||
>
|
>
|
||||||
СПАСИБО!
|
СПАСИБО!
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
Reference in New Issue
Block a user