Update src/app/styles/variables.css

Merge version_2 into main

src/app/layout.tsx

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

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
@@ -28,7 +28,7 @@ export default function TechHubClubPage() {
       headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen 
+        <NavbarStyleApple 
           navItems={[
             {name: "Home", id: "hero"},
             {name: "About", id: "about"},
@@ -37,8 +37,6 @@ export default function TechHubClubPage() {
             {name: "Contact", id: "contact"}
           ]}
           brandName="TechHub Club"
-          bottomLeftText="Join the Community"
-          bottomRightText="hello@techhubclub.com"
         />
       </div>
 
@@ -54,8 +52,8 @@ export default function TechHubClubPage() {
           ]}
           avatarText="Join 150+ passionate members"
           buttons={[
-            {text: "Join Now", href: "#contact"},
+            {text: "Join Now", href: "contact"},
-            {text: "Learn More", href: "#about"}
+            {text: "Learn More", href: "about"}
           ]}
           buttonAnimation="slide-up"
         />
@@ -70,8 +68,8 @@ export default function TechHubClubPage() {
           ]}
           useInvertedBackground={false}
           buttons={[
-            {text: "View Our Projects", href: "#features"},
+            {text: "View Our Projects", href: "features"},
-            {text: "Contact Us", href: "#contact"}
+            {text: "Contact Us", href: "contact"}
           ]}
           buttonAnimation="slide-up"
         />
@@ -245,4 +243,4 @@ export default function TechHubClubPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #020617;;
-  --card: #ffffff;;
+  --card: #0f172a;;
-  --foreground: #1c1c1c;;
+  --foreground: #e2e8f0;;
-  --primary-cta: #1f514c;;
+  --primary-cta: #2d30f3;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #041633;;
-  --accent: #159c49;;
+  --accent: #1d4ed8;;
-  --background-accent: #a8e8ba;; */
+  --background-accent: #1d4ed8;; */
 
-  --background: #f5f5f5;;
+  --background: #020617;;
-  --card: #ffffff;;
+  --card: #0f172a;;
-  --foreground: #1c1c1c;;
+  --foreground: #e2e8f0;;
-  --primary-cta: #1f514c;;
+  --primary-cta: #2d30f3;;
   --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #041633;;
   --secondary-cta-text: #1c1c1c;;
-  --accent: #159c49;;
+  --accent: #1d4ed8;;
-  --background-accent: #a8e8ba;;
+  --background-accent: #1d4ed8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);