Merge version_5 into main

Update src/app/styles/base.css
2026-02-27 13:51:19 +00:00 · 2026-02-27 13:51:15 +00:00 · 2026-02-27 13:51:14 +00:00 · 2026-02-27 13:43:07 +00:00 · 2026-02-27 13:43:02 +00:00 · 2026-02-27 13:43:01 +00:00
4 changed files with 37 additions and 41 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,17 @@
 import type { Metadata } from "next";
-import { Josefin_Sans } from "next/font/google";
-import { Inter } from "next/font/google";
+import { IBM_Plex_Sans } from "next/font/google";
+import { Roboto_Mono } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const josefinSans = Josefin_Sans({
-  variable: "--font-josefin-sans",  subsets: ["latin"],
+const ibmPlexSans = IBM_Plex_Sans({
+  variable: "--font-ibm-plex-sans",  subsets: ["latin"],
  weight: ["100", "200", "300", "400", "500", "600", "700"],
 });

-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+const robotoMono = Roboto_Mono({
+  variable: "--font-roboto-mono",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
@@ -37,7 +37,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${josefinSans.variable} ${inter.variable} antialiased`}
+          className={`${ibmPlexSans.variable} ${robotoMono.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
@@ -43,26 +43,20 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="CODECLUB"
-          description="Welcome to the ultimate hub for computer enthusiasts, developers, and tech innovators. Connect, learn, and build amazing projects together."
+        <HeroSplit
+          title="Empower Your Tech Journey"
+          description="Join a vibrant community of developers and tech innovators. Learn cutting-edge technologies, collaborate on exciting projects, and grow together with passionate people who share your vision."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Welcome to CodeClub"
+          tagIcon={Sparkles}
          buttons={[
            { text: "Join Today", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
-          slides={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",              imageAlt: "Coding and programming"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg",              imageAlt: "Tech community collaboration"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18941.jpg",              imageAlt: "Innovation and technology"
-            }
-          ]}
-          autoplayDelay={5000}
-          showDimOverlay={true}
+          imageSrc="http://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg"
+          imageAlt="Coding and programming"
+          mediaAnimation="slide-up"
+          imagePosition="right"
        />
      </div>

@@ -107,6 +101,8 @@ export default function LandingPage() {
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
+          cardClassName="group perspective cursor-pointer h-full"
+          containerClassName="[&_.card-inner]:group-hover:transition-transform [&_.card-inner]:group-hover:duration-500 [&_.card-inner]:group-hover:[transform-style:preserve-3d] [&_.card-inner]:group-hover:[transform:rotateY(180deg)]"
        />
      </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), 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-josefin-sans), 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: #fafffb;;
-  --card: #f7fffa;;
-  --foreground: #001a0a;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #ffffff;;
-  --accent: #a8d9be;;
-  --background-accent: #6bbf8e;; */
+  /* --background: #010912;;
+  --card: #152840;;
+  --foreground: #e6f0ff;;
+  --primary-cta: #cee7ff;;
+  --secondary-cta: #0e1a29;;
+  --accent: #3f5c79;;
+  --background-accent: #004a93;; */

-  --background: #fafffb;;
-  --card: #f7fffa;;
-  --foreground: #001a0a;;
-  --primary-cta: #0a7039;;
+  --background: #010912;;
+  --card: #152840;;
+  --foreground: #e6f0ff;;
+  --primary-cta: #cee7ff;;
  --primary-cta-text: #fafffb;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
  --secondary-cta-text: #001a0a;;
-  --accent: #a8d9be;;
-  --background-accent: #6bbf8e;;
+  --accent: #3f5c79;;
+  --background-accent: #004a93;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	b164e55861	Merge version_5 into main Merge version_5 into main	2026-02-27 13:51:19 +00:00
bender	f4a36668bb	Update src/app/styles/base.css	2026-02-27 13:51:15 +00:00
bender	3207eb0be9	Update src/app/layout.tsx	2026-02-27 13:51:14 +00:00
bender	1bbfb437ee	Merge version_4 into main Merge version_4 into main	2026-02-27 13:43:07 +00:00
bender	b8908963e1	Update src/app/page.tsx	2026-02-27 13:43:02 +00:00
bender	294c62f18c	Update src/app/layout.tsx	2026-02-27 13:43:01 +00:00
bender	f010828ced	Merge version_3 into main Merge version_3 into main	2026-02-27 13:40:37 +00:00
bender	343ae83fa3	Update src/app/styles/variables.css	2026-02-27 13:40:33 +00:00
bender	0248c966ac	Merge version_2 into main Merge version_2 into main	2026-02-27 13:38:24 +00:00
bender	5c018611e9	Update src/app/page.tsx	2026-02-27 13:38:20 +00:00
bender	231b3310a2	Update src/app/layout.tsx	2026-02-27 13:38:19 +00:00
bender	4670f8ad00	Merge version_1 into main Merge version_1 into main	2026-02-27 13:36:06 +00:00
bender	d0a7ed99a1	Merge version_1 into main Merge version_1 into main	2026-02-27 13:35:17 +00:00
bender	e627dbbcbc	Merge version_1 into main Merge version_1 into main	2026-02-27 13:33:47 +00:00