Update theme colors

Merge version_5 into main

src/app/blog/page.tsx

@@ -28,7 +28,6 @@ export default function BlogPage() {
                     <NavbarStyleFullscreen
                         brandName="CapitalFlow"
                         navItems={[
-                            { name: "Home", id: "/" },
                             { name: "Platform", id: "features" },
                             { name: "Pricing", id: "pricing" },
                             { name: "About", id: "about" },
@@ -102,4 +101,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroSignup from '@/components/sections/hero/HeroSignup';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -42,38 +42,15 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="Intelligent Capital Allocation for the Modern Investor"
+        <HeroSignup
+          title="Intelligent Capital Allocation"
           description="Harness AI-driven insights and real-time analytics to discover high-growth tech opportunities. Our platform empowers investors with institutional-grade tools and market intelligence."
-          tag="AI-Powered Investment"
+          tag="AI-Powered TECH"
           tagIcon={Zap}
           background={{ variant: "sparkles-gradient" }}
-          mediaItems={[
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-clean-investment-dashboard-inte-1771523628087-25082175.png?_wi=1",              imageAlt: "Investment dashboard interface"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/abstract-representation-of-ai-powered-fi-1771523635581-19300fba.png",              imageAlt: "AI analysis visualization"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/modern-cybersecurity-visualization-featu-1771523648669-f3cbc54a.png",              imageAlt: "Security infrastructure"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/real-time-market-data-visualization-show-1771523642014-e6dd0793.png",              imageAlt: "Real-time market data"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/professional-business-team-in-modern-off-1771523657572-9038b5d6.png",              imageAlt: "Investment team collaboration"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SgGlSmvaVv2SYOkECykbr8Q49/a-modern-clean-investment-dashboard-inte-1771523628087-25082175.png?_wi=2",              imageAlt: "Portfolio management dashboard"
-            }
-          ]}
-          buttons={[
-            { text: "Start Investing", href: "pricing" },
-            { text: "Book a Demo", href: "contact" }
-          ]}
-          tagAnimation="blur-reveal"
-          buttonAnimation="slide-up"
+          inputPlaceholder="Enter your email"
+          buttonText="Get Early Access"
+          onSubmit={(email) => console.log('Email:', email)}
         />
       </div>
 

src/app/shop/[id]/page.tsx

@@ -85,13 +85,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarStyleFullscreen
                         brandName="CapitalFlow"
                         navItems={[
-                            { name: "Home", id: "/" },
                             { name: "Platform", id: "features" },
                             { name: "Pricing", id: "pricing" },
                             { name: "About", id: "about" },
                             { name: "Blog", id: "blog" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         bottomLeftText="Global Tech Investors"
                         bottomRightText="hello@capitalflow.io"
@@ -125,13 +123,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarStyleFullscreen
                             brandName="CapitalFlow"
                             navItems={[
-                                { name: "Home", id: "/" },
                                 { name: "Platform", id: "features" },
                                 { name: "Pricing", id: "pricing" },
                                 { name: "About", id: "about" },
                                 { name: "Blog", id: "blog" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             bottomLeftText="Global Tech Investors"
                             bottomRightText="hello@capitalflow.io"
@@ -172,13 +168,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                 <NavbarStyleFullscreen
                     brandName="CapitalFlow"
                     navItems={[
-                        { name: "Home", id: "/" },
                         { name: "Platform", id: "features" },
                         { name: "Pricing", id: "pricing" },
                         { name: "About", id: "about" },
                         { name: "Blog", id: "blog" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
                     bottomLeftText="Global Tech Investors"
                     bottomRightText="hello@capitalflow.io"
@@ -264,4 +258,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -35,13 +35,11 @@ export default function ShopPage() {
                     <NavbarStyleFullscreen
                         brandName="CapitalFlow"
                         navItems={[
-                            { name: "Home", id: "/" },
                             { name: "Platform", id: "features" },
                             { name: "Pricing", id: "pricing" },
                             { name: "About", id: "about" },
                             { name: "Blog", id: "blog" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         bottomLeftText="Global Tech Investors"
                         bottomRightText="hello@capitalflow.io"
@@ -73,13 +71,11 @@ export default function ShopPage() {
                 <NavbarStyleFullscreen
                     brandName="CapitalFlow"
                     navItems={[
-                        { name: "Home", id: "/" },
                         { name: "Platform", id: "features" },
                         { name: "Pricing", id: "pricing" },
                         { name: "About", id: "about" },
                         { name: "Blog", id: "blog" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
                     bottomLeftText="Global Tech Investors"
                     bottomRightText="hello@capitalflow.io"
@@ -139,4 +135,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #00feff;;;;;;;;;;
-  --card: #ffff00;;;;;;;;;;
-  --foreground: #00f763;;;;;;;;;;
-  --primary-cta: #fa00ff;;;;;;;;;;
-  --secondary-cta: #ff0000;;;;;;;;;;
-  --accent: #0008ff;;;;;;;;;;
-  --background-accent: #00ffaa;;;;;;;;;; */
+  /* --background: #050012;;;;;;;;;;;
+  --card: #040121;;;;;;;;;;;
+  --foreground: #f0e6ff;;;;;;;;;;;
+  --primary-cta: #c89bff;;;;;;;;;;;
+  --secondary-cta: #1d123b;;;;;;;;;;;
+  --accent: #684f7b;;;;;;;;;;;
+  --background-accent: #65417c;;;;;;;;;;; */
 
-  --background: #00feff;;;;;;;;;;
-  --card: #ffff00;;;;;;;;;;
-  --foreground: #00f763;;;;;;;;;;
-  --primary-cta: #fa00ff;;;;;;;;;;
-  --secondary-cta: #ff0000;;;;;;;;;;
-  --accent: #0008ff;;;;;;;;;;
-  --background-accent: #00ffaa;;;;;;;;;;
+  --background: #050012;;;;;;;;;;;
+  --card: #040121;;;;;;;;;;;
+  --foreground: #f0e6ff;;;;;;;;;;;
+  --primary-cta: #c89bff;;;;;;;;;;;
+  --secondary-cta: #1d123b;;;;;;;;;;;
+  --accent: #684f7b;;;;;;;;;;;
+  --background-accent: #65417c;;;;;;;;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);