Update src/app/page.tsx

2025-12-22 10:47:53 +00:00 · 2025-12-22 10:45:51 +00:00 · 2025-12-22 10:37:42 +00:00 · 2025-12-22 10:37:41 +00:00 · 2025-12-22 10:37:40 +00:00
3 changed files with 67 additions and 30 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  --background: #0a0a0a;;
-  --card: #1a1a1a;;
-  --foreground: #f0f5fce6;;
-  --primary-cta: #3891f6;;
-  --secondary-cta: #1a1a1a;;
-  --accent: #80bfff;;
-  --background-accent: #016ad3;;
+  --background: #000f06;
+  --card: #0d1d0d;
+  --foreground: #e6ffe6;
+  --primary-cta: #1cde5d;
+  --secondary-cta: #0a1f0f;
+  --accent: #5dd882;
+  --background-accent: #0d6b32;

  /* 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-fraunces), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-fraunces), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,13 @@
 import type { Metadata } from "next";
-import { Fraunces } from "next/font/google";
+import { Poppins } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const fraunces = Fraunces({
-  variable: "--font-fraunces",
+const poppins = Poppins({
+  variable: "--font-poppins",
  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export const metadata: Metadata = {
@@ -49,7 +50,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={fraunces.variable}
+          className={poppins.variable}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,15 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Users, TrendingUp, Target, Star } from "lucide-react";
+import { Users, TrendingUp, Target, Star, Quote } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -26,7 +26,7 @@ export default function LandingPage() {
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarLayoutFloatingOverlay
          brandName="OddsVault"
          navItems={[
            { name: "Home", id: "hero" },
@@ -194,30 +194,66 @@ export default function LandingPage() {
      </div>

      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardTen
+        <TestimonialCardSix
          title="Trusted by Winning Bettors"
          description="Real players, real wins, real stories. See why serious NBA bettors choose OddsVault."
+          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
-          variant="card"
          testimonials={[
            {
              id: "1",
-              title: "Best odds in the business",
-              quote: "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.",
              name: "Marcus Johnson",
-              role: "Professional Bettor",
+              handle: "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"
+              imageAlt: "Marcus Johnson",
+              icon: Quote
            },
            {
              id: "2",
-              title: "Real-time updates that matter",
-              quote: "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.",
              name: "Sarah Chen",
-              role: "Sports Analytics Expert",
+              handle: "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"
+              imageAlt: "Sarah Chen",
+              icon: Quote
+            },
+            {
+              id: "3",
+              name: "James Rodriguez",
+              handle: "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",
+              icon: Quote
+            },
+            {
+              id: "4",
+              name: "Emma Wilson",
+              handle: "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",
+              icon: Quote
+            },
+            {
+              id: "5",
+              name: "David Park",
+              handle: "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",
+              icon: Quote
+            },
+            {
+              id: "6",
+              name: "Lisa Turner",
+              handle: "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",
+              icon: Quote
            }
          ]}
        />
Author	SHA1	Message	Date
development	d95939974d	Update src/app/page.tsx	2025-12-22 10:47:53 +00:00
development	4a814b96e5	Update src/app/page.tsx	2025-12-22 10:45:51 +00:00
development	9e3b6cddf4	Update src/app/page.tsx	2025-12-22 10:37:42 +00:00
development	9e21c34d39	Update src/app/layout.tsx	2025-12-22 10:37:41 +00:00
development	eebafcfafd	Update src/app/globals.css	2025-12-22 10:37:40 +00:00