13 Commits

Author SHA1 Message Date
c7b186505e Update theme colors 2026-03-12 16:57:20 +00:00
2f6b90bf54 Update src/app/page.tsx 2026-03-12 16:53:42 +00:00
bab162e610 Update src/app/page.tsx 2026-03-12 16:52:57 +00:00
f4cecdebd3 Merge version_5 into main
Merge version_5 into main
2026-03-12 16:43:03 +00:00
a1f6f51874 Update src/app/page.tsx 2026-03-12 16:42:59 +00:00
01781905e2 Merge version_5 into main
Merge version_5 into main
2026-03-12 16:42:15 +00:00
4a4adc1d72 Update src/app/page.tsx 2026-03-12 16:42:11 +00:00
68721c6062 Merge version_4 into main
Merge version_4 into main
2026-03-12 14:42:32 +00:00
b73de1691b Update src/app/page.tsx 2026-03-12 14:42:28 +00:00
0370515429 Merge version_4 into main
Merge version_4 into main
2026-03-12 14:41:45 +00:00
0bf2c7ffa8 Update src/app/page.tsx 2026-03-12 14:41:41 +00:00
ceb589ef1a Merge version_3 into main
Merge version_3 into main
2026-03-12 14:36:27 +00:00
5a56cf1df1 Merge version_3 into main
Merge version_3 into main
2026-03-12 14:35:40 +00:00
2 changed files with 16 additions and 34 deletions

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
@@ -41,39 +41,21 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
<HeroOverlay
title="Betting with Swiss Precision"
description=""
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqUv745R5ffFFSoDGdDxIoUvwL/uploaded-1773325950677-yjwrabp4.png?_wi=1", imageAlt: "Mountain landscape background"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqUv745R5ffFFSoDGdDxIoUvwL/uploaded-1773325950677-yjwrabp4.png?_wi=2", imageAlt: "Mountain landscape background"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqUv745R5ffFFSoDGdDxIoUvwL/uploaded-1773325950677-yjwrabp4.png?_wi=3", imageAlt: "Mountain landscape background"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqUv745R5ffFFSoDGdDxIoUvwL/uploaded-1773325950677-yjwrabp4.png?_wi=4", imageAlt: "Mountain landscape background"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqUv745R5ffFFSoDGdDxIoUvwL/uploaded-1773325950677-yjwrabp4.png?_wi=5", imageAlt: "Mountain landscape background"
}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqUv745R5ffFFSoDGdDxIoUvwL/uploaded-1773325950677-yjwrabp4.png"
imageAlt="Mountain landscape background"
buttons={[
{ text: "View Memberships →", href: "memberships" }
]}
containerClassName="relative w-full h-screen min-h-screen"
mediaWrapperClassName="absolute inset-0 w-full h-full"
/>
</div>
<div id="win-rate" data-section="win-rate" className="mx-auto px-4 md:px-6 py-16 md:py-24 text-center">
<div id="win-rate" data-section="win-rate" className="mx-auto px-4 md:px-6 py-8 md:py-12 text-center">
<div className="flex flex-col items-center justify-center">
<span className="text-6xl md:text-8xl font-bold text-[--primary-cta]">73%</span>
<p className="text-lg md:text-xl text-[--foreground] mt-4">Win Rate · Season 24/25</p>
<p className="text-lg md:text-xl text-[--foreground] mt-2">Win Rate · Season 24/25</p>
</div>
</div>
@@ -204,4 +186,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #050c18;
--card: #0b1a2e;
--foreground: #f0f4ff;
--primary-cta: #4a7fd4;
--primary-cta-text: #f0f4ff;
--secondary-cta: #091528;
--secondary-cta-text: #7a90b8;
--accent: #1a3560;
--background-accent: #4a7fd4;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);