Merge version_5 into main

Merge version_5 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #000f06;
+  --background: #ffff00;
-  --card: #0d1d0d;
+  --card: #ffff00;
-  --foreground: #e6ffe6;
+  --foreground: #000000;
-  --primary-cta: #1cde5d;
+  --primary-cta: #000000;
-  --secondary-cta: #0a1f0f;
+  --secondary-cta: #ffff00;
-  --accent: #5dd882;
+  --accent: #cccc00;
-  --background-accent: #0d6b32;
+  --background-accent: #ffff00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -39,19 +38,16 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" style={{ backgroundColor: "#ffff00" }} className="py-16">
-        <HeroBillboard
+        <div className="flex flex-col items-center justify-center text-center gap-8">
-          title="Real-time NBA Team & Player Odds"
+          <h1 className="text-4xl md:text-5xl font-bold text-black">Real-time NBA Team & Player Odds</h1>
-          description="Bet smarter with live updates and exclusive betting lines. Your edge in the game starts here."
+          <p className="text-lg md:text-xl text-black max-w-2xl">Bet smarter with live updates and exclusive betting lines. Your edge in the game starts here.</p>
-          tag="Live Now"
+          <img
-          buttons={[
+            src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399481083-1b76akuc.jpg"
-            { text: "Explore Odds", href: "product" },
+            alt="NBA basketball court"
-            { text: "Learn More", href: "feature" }
+            className="w-64 h-64 object-cover rounded-lg"
-          ]}
+          />
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399481083-1b76akuc.jpg"
+        </div>
-          imageAlt="NBA basketball court"
-          frameStyle="card"
-        />
       </div>
 
       <div id="product" data-section="product">
@@ -69,7 +65,6 @@ export default function LandingPage() {
               id: "1",
               name: "Lakers vs Celtics Spread",
               price: "-110 / +110",
-              variant: "Game Time: Tonight 7:30 PM",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399486812-olv4o32v.jpg",
               imageAlt: "Lakers vs Celtics matchup"
             },
@@ -77,7 +72,6 @@ export default function LandingPage() {
               id: "2",
               name: "LeBron Over 25.5 Points",
               price: "-115 / -105",
-              variant: "Player Prop - Live Odds",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399482580-ts2malqq.png",
               imageAlt: "LeBron James points prop"
             },
@@ -85,7 +79,6 @@ export default function LandingPage() {
               id: "3",
               name: "Warriors Moneyline",
               price: "-250 / +210",
-              variant: "Full Game - Best Odds",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399481083-1b76akuc.jpg",
               imageAlt: "Warriors game odds"
             },
@@ -93,7 +86,6 @@ export default function LandingPage() {
               id: "4",
               name: "Luka Doncic Triple Double",
               price: "+180 / -200",
-              variant: "Special Props - Updated",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399487883-n3fvenqc.jpg",
               imageAlt: "Doncic triple double prop"
             }
@@ -186,7 +178,7 @@ export default function LandingPage() {
             {
               id: "1",
               name: "Marcus Johnson",
-              handle: "Professional Bettor",
+              role: "Professional Bettor",
               testimonial: "I've tried every major sportsbook out there. OddsVault consistently offers the tightest spreads and most competitive lines. My ROI has improved significantly since switching.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399489339-4b0slwhc.jpg",
               imageAlt: "Marcus Johnson",
@@ -195,7 +187,7 @@ export default function LandingPage() {
             {
               id: "2",
               name: "Sarah Chen",
-              handle: "Sports Analytics Expert",
+              role: "Sports Analytics Expert",
               testimonial: "The live odds updates are lightning fast. I caught a line movement before anyone else and made a killing on the Warriors game. This is the platform for serious players.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399490259-ptyv09vk.jpg",
               imageAlt: "Sarah Chen",
@@ -204,7 +196,7 @@ export default function LandingPage() {
             {
               id: "3",
               name: "James Rodriguez",
-              handle: "Trading Strategist",
+              role: "Trading Strategist",
               testimonial: "The player props selection here is unmatched. Every bet I've analyzed has been accurate and profitable. OddsVault is my go-to platform for serious betting.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399481083-1b76akuc.jpg",
               imageAlt: "James Rodriguez",
@@ -213,7 +205,7 @@ export default function LandingPage() {
             {
               id: "4",
               name: "Emma Wilson",
-              handle: "Data Analyst",
+              role: "Data Analyst",
               testimonial: "The real-time analytics dashboard is incredible. I can track line movements across multiple books simultaneously. This is the future of sports betting.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399482580-ts2malqq.png",
               imageAlt: "Emma Wilson",
@@ -222,7 +214,7 @@ export default function LandingPage() {
             {
               id: "5",
               name: "David Park",
-              handle: "Betting Coach",
+              role: "Betting Coach",
               testimonial: "I recommend OddsVault to all my clients. The platform is user-friendly, odds are sharp, and the customer service is exceptional.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399484647-2hnh078u.jpg",
               imageAlt: "David Park",
@@ -231,7 +223,7 @@ export default function LandingPage() {
             {
               id: "6",
               name: "Lisa Turner",
-              handle: "Sharp Bettor",
+              role: "Sharp Bettor",
               testimonial: "Best platform for finding value in NBA odds. The interface is clean, execution is fast, and limits are generous. Exactly what a pro bettor needs.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399485808-dgvco7wg.jpg",
               imageAlt: "Lisa Turner",