Update src/app/page.tsx

Update src/app/layout.tsx
2026-02-20 12:48:51 +00:00 · 2026-02-20 12:48:50 +00:00 · 2026-02-20 12:47:09 +00:00 · 2026-02-20 12:47:08 +00:00 · 2026-02-20 10:56:35 +00:00 · 2026-02-20 10:56:30 +00:00
6 changed files with 47 additions and 106 deletions
--- a/src/app/blog/page.tsx
+++ b/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>
    );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,51 +1,27 @@
 import type { Metadata } from "next";
-import { Libre_Baskerville } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-import { Work_Sans } from "next/font/google";
-import { Source_Sans_3 } from "next/font/google";
-
-const libreBaskerville = Libre_Baskerville({
-  variable: "--font-libre-baskerville",  subsets: ["latin"],
-  weight: ["400", "700"],
-});
+import "./styles/variables.css";
+import "./styles/base.css";

 const inter = Inter({
  variable: "--font-inter",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
-  title: "CapitalFlow - AI-Powered Tech Investment Platform",  description: "Discover high-growth tech opportunities with AI-driven insights. Real-time analytics, institutional-grade tools, and expert guidance for modern investors.",  keywords: "tech investment, venture capital, AI analytics, portfolio management, fintech, investment platform, startup investing",  openGraph: {
-    title: "CapitalFlow - AI-Powered Tech Investment Platform",    description: "Intelligent capital allocation for the modern investor. AI-driven insights and real-time analytics.",    siteName: "CapitalFlow",    type: "website"
-  },
-  twitter: {
-    card: "summary_large_image",    title: "CapitalFlow - AI-Powered Tech Investment Platform",    description: "Transform your investment strategy with institutional-grade AI tools"
-  }
+  title: "CapitalFlow",  description: "Intelligent Capital Allocation"
 };

-const workSans = Work_Sans({
-  variable: "--font-work-sans",
-  subsets: ["latin"],
-});
-const sourceSans3 = Source_Sans_3({
-  variable: "--font-source-sans-3",
-  subsets: ["latin"],
-});
-
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body className={`${workSans.variable} ${sourceSans3.variable} antialiased`}>
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1413,7 +1389,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/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>

@@ -100,7 +77,7 @@ export default function LandingPage() {
                "Sub-second data updates",                "Multi-asset class tracking",                "Portfolio performance monitoring",                "Custom alert systems"
              ],
              buttons: [
-                { text: "Explore Platform", href: "pricing" }
+                { text: "Explore Platform", href: "#pricing" }
              ]
            },
            {
@@ -121,15 +98,15 @@ export default function LandingPage() {
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
+            {
+              id: "3",              value: "45%",              title: "Average ROI",              description: "5-year performance on portfolio exits",              icon: BarChart3
+            },
            {
              id: "1",              value: "3.2B",              title: "Assets Under Management",              description: "Trusted by institutional investors globally",              icon: TrendingUp
            },
            {
              id: "2",              value: "847",              title: "Companies Funded",              description: "Portfolio companies across tech sectors",              icon: Rocket
            },
-            {
-              id: "3",              value: "45%",              title: "Average ROI",              description: "5-year performance on portfolio exits",              icon: BarChart3
-            },
            {
              id: "4",              value: "98.7%",              title: "Client Satisfaction",              description: "Highest rated investment platform",              icon: Star
            }
@@ -164,7 +141,7 @@ export default function LandingPage() {
            {
              id: "starter",              badge: "Starter Fund",              badgeIcon: Zap,
              price: "$10K/month",              subtitle: "Perfect for emerging investors",              buttons: [
-                { text: "Start Now", href: "contact" },
+                { text: "Start Now", href: "#contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
@@ -174,7 +151,7 @@ export default function LandingPage() {
            {
              id: "professional",              badge: "Professional Growth",              badgeIcon: Sparkles,
              price: "$50K/month",              subtitle: "Ideal for institutional investors",              buttons: [
-                { text: "Get Started", href: "contact" },
+                { text: "Get Started", href: "#contact" },
                { text: "Schedule Demo", href: "#" }
              ],
              features: [
@@ -184,7 +161,7 @@ export default function LandingPage() {
            {
              id: "enterprise",              badge: "Enterprise Access",              badgeIcon: Crown,
              price: "Custom",              subtitle: "For mega-funds and enterprises",              buttons: [
-                { text: "Contact Sales", href: "contact" },
+                { text: "Contact Sales", href: "#contact" },
                { text: "Enterprise Brief", href: "#" }
              ],
              features: [
@@ -289,4 +266,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/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>
    );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/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>
    );
-}
+}
--- a/src/app/styles/variables.css
+++ b/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);
Author	SHA1	Message	Date
bender	7a1c7a6658	Update src/app/page.tsx	2026-02-20 12:48:51 +00:00
bender	1156858fe5	Update src/app/layout.tsx	2026-02-20 12:48:50 +00:00
bender	2ae6a7f767	Update src/app/page.tsx	2026-02-20 12:47:09 +00:00
bender	dd7d91496b	Update src/app/layout.tsx	2026-02-20 12:47:08 +00:00
bender	c38d8f1da1	Merge version_7 into main Merge version_7 into main	2026-02-20 10:56:35 +00:00
bender	c04d6a49ac	Update src/app/page.tsx	2026-02-20 10:56:30 +00:00
bender	0aeb9bafc5	Merge version_7 into main Merge version_7 into main	2026-02-20 10:54:46 +00:00
bender	6c9d0492eb	Update src/app/page.tsx	2026-02-20 10:54:41 +00:00
bender	fd9ad7cf34	Merge version_6 into main Merge version_6 into main	2026-02-20 10:05:13 +00:00
bender	257c477c3f	Update theme colors	2026-02-20 10:05:07 +00:00
bender	57ef7569b2	Merge version_6 into main Merge version_6 into main	2026-02-20 10:04:38 +00:00
bender	5a2ff67adb	Update src/app/page.tsx	2026-02-20 10:04:33 +00:00
bender	bb39b52332	Update src/app/layout.tsx	2026-02-20 10:04:32 +00:00
bender	10011aee43	Merge version_6 into main Merge version_6 into main	2026-02-20 08:07:04 +00:00
bender	b07a64ecdb	Update src/app/page.tsx	2026-02-20 08:07:00 +00:00
bender	d0a87b7517	Update src/app/layout.tsx	2026-02-20 08:06:59 +00:00
bender	f2846797f6	Merge version_5 into main Merge version_5 into main	2026-02-20 07:52:14 +00:00
bender	c4f3696b0f	Update src/app/styles/variables.css	2026-02-20 07:52:09 +00:00
bender	06d6509c7c	Update src/app/shop/page.tsx	2026-02-20 07:52:09 +00:00
bender	7eaf4c80d5	Update src/app/shop/[id]/page.tsx	2026-02-20 07:52:08 +00:00
bender	4cfae0f99d	Update src/app/page.tsx	2026-02-20 07:52:07 +00:00
bender	2a93808397	Update src/app/layout.tsx	2026-02-20 07:52:06 +00:00
bender	a4fffdb5ee	Update src/app/blog/page.tsx	2026-02-20 07:52:05 +00:00
bender	a869a1efd4	Merge version_4 into main Merge version_4 into main	2026-02-20 07:49:01 +00:00
bender	9a1ee6188b	Update src/app/page.tsx	2026-02-20 07:48:57 +00:00
bender	ad8efa99ca	Merge version_3 into main Merge version_3 into main	2026-02-20 07:46:29 +00:00
bender	5bc910ee11	Update src/app/page.tsx	2026-02-20 07:46:24 +00:00
bender	ceea46c2d5	Merge version_3 into main Merge version_3 into main	2026-02-20 07:42:42 +00:00
bender	8adb16d63f	Update src/app/shop/page.tsx	2026-02-20 07:42:38 +00:00
bender	d19ba23f01	Update src/app/shop/[id]/page.tsx	2026-02-20 07:42:37 +00:00
bender	64b0363a57	Update src/app/layout.tsx	2026-02-20 07:42:36 +00:00
bender	8ce318426e	Update src/app/blog/page.tsx	2026-02-20 07:42:35 +00:00
bender	04ed101fc8	Merge version_1 into main Merge version_1 into main	2026-02-20 07:39:53 +00:00
bender	84cc2df732	Merge version_1 into main Merge version_1 into main	2026-02-20 07:39:36 +00:00
bender	4f34370f7d	Merge version_1 into main Merge version_1 into main	2026-02-20 07:39:12 +00:00
bender	728657e8aa	Merge version_1 into main Merge version_1 into main	2026-02-20 07:38:50 +00:00
bender	a4370d23ab	Merge version_1 into main Merge version_1 into main	2026-02-20 07:38:32 +00:00
bender	56fb0c67b0	Merge version_1 into main Merge version_1 into main	2026-02-20 07:37:43 +00:00
bender	d18e9610a2	Merge version_1 into main Merge version_1 into main	2026-02-20 07:37:25 +00:00
bender	8494b47163	Merge version_1 into main Merge version_1 into main	2026-02-20 07:37:07 +00:00
bender	a088061b89	Merge version_1 into main Merge version_1 into main	2026-02-20 07:36:31 +00:00
bender	298e08ca43	Update src/app/shop/page.tsx	2026-02-19 18:43:09 +00:00
bender	766dc8d948	Update src/app/shop/[id]/page.tsx	2026-02-19 18:43:09 +00:00
bender	661dcc32c1	Update src/app/page.tsx	2026-02-19 18:43:08 +00:00
bender	3bad23d832	Merge version_2 into main Merge version_2 into main	2026-02-19 18:42:24 +00:00
bender	a16d5ed4ac	Update src/app/page.tsx	2026-02-19 18:42:20 +00:00
bender	297c014763	Merge version_2 into main Merge version_2 into main	2026-02-19 18:39:26 +00:00
bender	c96975911f	Update src/app/page.tsx	2026-02-19 18:39:22 +00:00
bender	6bddfaca9c	Merge version_2 into main Merge version_2 into main	2026-02-19 18:36:29 +00:00
bender	d3e7cca9b7	Update src/app/shop/page.tsx	2026-02-19 18:36:25 +00:00
bender	0ff54b19e1	Update src/app/shop/[id]/page.tsx	2026-02-19 18:36:24 +00:00
bender	2681b0abe3	Merge version_2 into main Merge version_2 into main	2026-02-19 18:33:37 +00:00
bender	669c452887	Update src/app/shop/page.tsx	2026-02-19 18:33:33 +00:00
bender	5ca86adf83	Update src/app/page.tsx	2026-02-19 18:33:32 +00:00
bender	4108c4daa8	Merge version_2 into main Merge version_2 into main	2026-02-19 18:30:40 +00:00
bender	1ac14b6814	Update src/app/page.tsx	2026-02-19 18:30:35 +00:00
bender	6f205dfd5b	Merge version_2 into main Merge version_2 into main	2026-02-19 18:27:44 +00:00
bender	1f5eb7560a	Update src/app/shop/page.tsx	2026-02-19 18:27:40 +00:00
bender	2bd0b7b74c	Update src/app/shop/[id]/page.tsx	2026-02-19 18:27:39 +00:00
bender	a6e540a069	Update src/app/page.tsx	2026-02-19 18:27:38 +00:00
bender	50f0f3daa1	Merge version_2 into main Merge version_2 into main	2026-02-19 18:19:24 +00:00
bender	56bf3ce2a3	Update src/app/page.tsx	2026-02-19 18:19:19 +00:00
bender	5f97e0ab82	Merge version_2 into main Merge version_2 into main	2026-02-19 18:16:22 +00:00
bender	31281c52f2	Update src/app/page.tsx	2026-02-19 18:16:18 +00:00
bender	8dae594d76	Merge version_2 into main Merge version_2 into main	2026-02-19 18:13:23 +00:00
bender	ca60f1ca2c	Update src/app/page.tsx	2026-02-19 18:13:19 +00:00
bender	e954485376	Merge version_2 into main Merge version_2 into main	2026-02-19 18:10:28 +00:00
bender	87396f0d0e	Update src/app/page.tsx	2026-02-19 18:10:23 +00:00
bender	2f32bcda28	Merge version_1 into main Merge version_1 into main	2026-02-19 17:57:19 +00:00