Update theme fonts

src/app/for/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+
+export default function ForPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold">
+      <main>
+        <div id="productcatalog" data-section="productcatalog">
+        <ProductCatalog
+          layout="section"
+          products={[
+            {
+              id: "1",
+              name: "Pro Tennis Racket",
+              price: 299.99,
+              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
+              imageAlt: "Pro Tennis Racket",
+              rating: 4.8,
+              reviewCount: 124,
+              category: "Rackets",
+              onProductClick: () => {}
+            },
+            {
+              id: "2",
+              name: "Custom Tennis Shoes",
+              price: 189.99,
+              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg",
+              imageAlt: "Custom Tennis Shoes",
+              rating: 4.9,
+              reviewCount: 89,
+              category: "Footwear",
+              onProductClick: () => {}
+            },
+            {
+              id: "3",
+              name: "Performance Tennis Apparel",
+              price: 129.99,
+              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg",
+              imageAlt: "Performance Tennis Apparel",
+              rating: 4.7,
+              reviewCount: 156,
+              category: "Apparel",
+              onProductClick: () => {}
+            },
+            {
+              id: "4",
+              name: "Professional Tennis Bag",
+              price: 159.99,
+              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg",
+              imageAlt: "Professional Tennis Bag",
+              rating: 4.6,
+              reviewCount: 72,
+              category: "Accessories",
+              onProductClick: () => {}
+            }
+          ]}
+          searchPlaceholder="Search custom tennis gear..."
+          emptyMessage="No tennis products available"
+          className="w-full"
+          gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
+          cardClassName="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow"
+          imageClassName="w-full h-64 object-cover rounded-t-lg"
+          searchClassName="mb-8"
+          toolbarClassName="flex flex-col gap-4 mb-8"
+        />
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -3,17 +3,22 @@ import { Plus_Jakarta_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-import { Poppins } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
+import { Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
   title: "Champion's Journey | Professional Tennis Player",  description: "Witness the inspiring career of a professional tennis player. Explore training excellence, career highlights, and upcoming tournaments with exclusive insights into grand slam glory.",  keywords: ["professional tennis", "tennis player", "grand slam", "training regimen", "sports career"]
 };
 
-const poppins = Poppins({
-  variable: "--font-poppins",
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
   subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
 export default function RootLayout({
@@ -24,7 +29,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${poppins.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
           <Tag />
           {children}
         

src/app/page.tsx

@@ -10,7 +10,6 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 
 export default function LandingPage() {
   return (
@@ -46,7 +45,7 @@ export default function LandingPage() {
       <div id="hero-section" data-section="hero-section">
         <HeroSplitKpi
           title="Champion's Journey: From Court to Glory"
-          description="Witness the extraordinary rise of a professional tennis star, showcasing unparalleled dedication, strategic brilliance, and unmatched performance on the world's most prestigious courts."
+          description=""
           background={{ variant: "radial-gradient" }}
           kpis={[
             { value: "12", label: "Grand Slam Titles" },
@@ -107,7 +106,7 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Precision Serve Technique",              description: "Master the art of the perfect serve with biomechanical analysis and real-time feedback.",              imageSrc: "https://img.b2bpic.net/free-photo/full-length-portrait-fit-sportsman-stretching-hands_171337-9454.jpg",              imageAlt: "Tennis player executing a precise serve"
+              title: "Precision Serve Technique",              description: "",              imageSrc: "https://img.b2bpic.net/free-photo/full-length-portrait-fit-sportsman-stretching-hands_171337-9454.jpg",              imageAlt: "Tennis player executing a precise serve"
             },
             {
               id: 2,
@@ -163,65 +162,6 @@ export default function LandingPage() {
       </div>
 
 
-      <div id="productcatalog" data-section="productcatalog">
-        <ProductCatalog
-          layout="section"
-          products={[
-            {
-              id: "1",
-              name: "Pro Tennis Racket",
-              price: 299.99,
-              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
-              imageAlt: "Pro Tennis Racket",
-              rating: 4.8,
-              reviewCount: 124,
-              category: "Rackets",
-              onProductClick: () => {}
-            },
-            {
-              id: "2",
-              name: "Custom Tennis Shoes",
-              price: 189.99,
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg",
-              imageAlt: "Custom Tennis Shoes",
-              rating: 4.9,
-              reviewCount: 89,
-              category: "Footwear",
-              onProductClick: () => {}
-            },
-            {
-              id: "3",
-              name: "Performance Tennis Apparel",
-              price: 129.99,
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg",
-              imageAlt: "Performance Tennis Apparel",
-              rating: 4.7,
-              reviewCount: 156,
-              category: "Apparel",
-              onProductClick: () => {}
-            },
-            {
-              id: "4",
-              name: "Professional Tennis Bag",
-              price: 159.99,
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg",
-              imageAlt: "Professional Tennis Bag",
-              rating: 4.6,
-              reviewCount: 72,
-              category: "Accessories",
-              onProductClick: () => {}
-            }
-          ]}
-          searchPlaceholder="Search custom tennis gear..."
-          emptyMessage="No tennis products available"
-          className="w-full"
-          gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
-          cardClassName="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow"
-          imageClassName="w-full h-64 object-cover rounded-t-lg"
-          searchClassName="mb-8"
-          toolbarClassName="flex flex-col gap-4 mb-8"
-        />
-      </div>
       <div id="contact-section" data-section="contact-section">
         <ContactSplit
           tag="Get In Touch"

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-poppins), sans-serif;), sans-serif;
+  font-family: var(--font-inter), sans-serif;), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #e3deea;;
-  --card: #ffffff;;
-  --foreground: #27231f;;
-  --primary-cta: #27231f;;
-  --secondary-cta: #ffffff;;
-  --accent: #c68a62;;
-  --background-accent: #c68a62;; */
+  /* --background: #f5faff;;;
+  --card: #f1f8ff;;;
+  --foreground: #001122;;;
+  --primary-cta: #15479c;;;
+  --secondary-cta: #ffffff;;;
+  --accent: #a8cce8;;;
+  --background-accent: #7ba3cf;;; */
 
-  --background: #e3deea;;
-  --card: #ffffff;;
-  --foreground: #27231f;;
-  --primary-cta: #27231f;;
+  --background: #f5faff;;;
+  --card: #f1f8ff;;;
+  --foreground: #001122;;;
+  --primary-cta: #15479c;;;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffffff;;;
   --secondary-cta-text: #1b0c25;
-  --accent: #c68a62;;
-  --background-accent: #c68a62;;
+  --accent: #a8cce8;;;
+  --background-accent: #7ba3cf;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);