Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -1408,4 +1408,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
@@ -41,29 +41,20 @@ export default function ComputerClubPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
+        <HeroLogoBillboardSplit
-          title="Join the Computer Club Community"
+          logoText="COMPUTER CLUB"
           description="Connect, learn, and innovate with passionate tech enthusiasts. From coding workshops to hackathons, we're building the future of technology together."
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
-          tag="Welcome to Tech"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
           buttons={[
             { text: "Join Us", href: "#contact" },
             { text: "Learn More", href: "#about" }
           ]}
           buttonAnimation="slide-up"
-          mediaItems={[
+          layoutOrder="default"
-            {
+          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 Club - Technology workspace"
+          imageAlt="Computer Club - Technology workspace"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",              imageAlt: "Computer Club - Coding and development"
-            }
-          ]}
           mediaAnimation="slide-up"
-          rating={5}
+          frameStyle="card"
-          ratingText="Trusted by 500+ Members"
         />
       </div>
 
@@ -268,4 +259,4 @@ export default function ComputerClubPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #010912;;
-  --card: #ffffff;;
+  --card: #152840;;
-  --foreground: #0c1325;;
+  --foreground: #e6f0ff;;
-  --primary-cta: #0b07ff;;
+  --primary-cta: #ff3d4a;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
-  --accent: #93b7ff;;
+  --accent: #ff6b7a;;
-  --background-accent: #a8bae8;; */
+  --background-accent: #ff1f33;; */
 
-  --background: #f7f6f7;;
+  --background: #010912;;
-  --card: #ffffff;;
+  --card: #152840;;
-  --foreground: #0c1325;;
+  --foreground: #e6f0ff;;
-  --primary-cta: #0b07ff;;
+  --primary-cta: #ff3d4a;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
   --secondary-cta-text: #0c1325;;
-  --accent: #93b7ff;;
+  --accent: #ff6b7a;;
-  --background-accent: #a8bae8;;
+  --background-accent: #ff1f33;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);