Update src/app/styles/variables.css

Update src/app/page.tsx
Update src/app/layout.tsx
2026-03-01 16:32:25 +00:00 · 2026-03-01 16:32:24 +00:00 · 2026-03-01 16:32:23 +00:00 · 2026-03-01 16:19:28 +00:00 · 2026-03-01 16:19:24 +00:00 · 2026-03-01 16:19:23 +00:00
4 changed files with 28 additions and 38 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,12 @@
 import type { Metadata } from "next";
-import { Inter_Tight } from "next/font/google";
+import { IBM_Plex_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-const interTight = Inter_Tight({
+const ibmPlexSans = IBM_Plex_Sans({
-  variable: "--font-inter-tight",  subsets: ["latin"],
+  variable: "--font-ibm-plex-sans",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+  weight: ["100", "200", "300", "400", "500", "600", "700"],
 });
 export const metadata: Metadata = {
@@ -28,7 +28,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${interTight.variable} antialiased`}
+          className={`${ibmPlexSans.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -40,29 +40,19 @@ export default function LandingPage() {
      </div>
      <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
+        <HeroLogoBillboard
-          title="Connect. Code. Create. Together."
+          logoText="Connect. Code. Create."
          description="Join our thriving computer club where students collaborate on innovative projects, sharpen their coding skills, and build lasting connections with fellow tech enthusiasts."
          tag="Welcome to CompClub"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Join Our Club", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
-          mediaItems={[
+          background={{ variant: "sparkles-gradient" }}
-            {
+          imageSrc="http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg"
-              imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg",              imageAlt: "Computer workstation with development setup"
+          imageAlt="Computer workstation with development setup"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",              imageAlt: "Collaborative coding session"
            }
          ]}
          mediaAnimation="slide-up"
-          rating={5}
+          frameStyle="card"
          ratingText="Trusted by 200+ members"
        />
      </div>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-ibm-plex-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-ibm-plex-sans), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */
-  /* --background: #ffee00;;;;
+  /* --background: #0f1419;;;;
-  --card: #ff0900;;;;
+  --card: #1a202c;;;;
-  --foreground: #00fff4;;;;
+  --foreground: #e0f7ff;;;;
-  --primary-cta: #003362;;;;
+  --primary-cta: #00d9ff;;;;
-  --secondary-cta: #a9ffab;;;;
+  --secondary-cta: #2d3748;;;;
-  --accent: #ff0000;;;;
+  --accent: #ff006e;;;;
-  --background-accent: #239400;;;; */
+  --background-accent: #00d9ff;;;; */
-  --background: #ffee00;;;;
+  --background: #0f1419;;;;
-  --card: #ff0900;;;;
+  --card: #1a202c;;;;
-  --foreground: #00fff4;;;;
+  --foreground: #e0f7ff;;;;
-  --primary-cta: #003362;;;;
+  --primary-cta: #00d9ff;;;;
  --primary-cta-text: #ff00ff;;;;
-  --secondary-cta: #a9ffab;;;;
+  --secondary-cta: #2d3748;;;;
  --secondary-cta-text: #ff9100;;;;
-  --accent: #ff0000;;;;
+  --accent: #ff006e;;;;
-  --background-accent: #239400;;;;
+  --background-accent: #00d9ff;;;;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	62837f1ef9	Update src/app/styles/variables.css	2026-03-01 16:32:25 +00:00
bender	8b7bd43da2	Update src/app/page.tsx	2026-03-01 16:32:24 +00:00
bender	2100dfcd74	Update src/app/layout.tsx	2026-03-01 16:32:23 +00:00
bender	20a41c06d3	Merge version_4 into main Merge version_4 into main	2026-03-01 16:19:28 +00:00
bender	95d3c1af0f	Update src/app/styles/base.css	2026-03-01 16:19:24 +00:00
bender	efc39f0539	Update src/app/layout.tsx	2026-03-01 16:19:23 +00:00
bender	bce3805ae2	Merge version_3 into main Merge version_3 into main	2026-03-01 16:16:04 +00:00
bender	5ae66c0b24	Update src/app/page.tsx	2026-03-01 16:16:00 +00:00
bender	b1d8567eb1	Update src/app/layout.tsx	2026-03-01 16:15:59 +00:00
bender	33a545a17f	Merge version_2 into main Merge version_2 into main	2026-03-01 16:13:05 +00:00
bender	452706960a	Merge version_2 into main Merge version_2 into main	2026-03-01 16:12:12 +00:00
bender	f36ab44f3c	Merge version_2 into main Merge version_2 into main	2026-03-01 16:10:50 +00:00