Update src/app/page.tsx

Merge version_6 into main

src/app/blog/page.tsx

@@ -101,4 +101,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/page.tsx

@@ -1,12 +1,12 @@
-"use client"
+"use client";
 
 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';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -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 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/tmp/tech-1771573591276-60e72ecc.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>
 
@@ -154,7 +131,7 @@ export default function LandingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardTwo
+        <PricingCardFive
           title="Investment Plans Built to Scale"
           description="Choose the tier that matches your investment ambitions and portfolio size"
           textboxLayout="default"
@@ -162,34 +139,25 @@ export default function LandingPage() {
           animationType="slide-up"
           plans={[
             {
-              id: "starter",              badge: "Starter Fund",              badgeIcon: Zap,
-              price: "$10K/month",              subtitle: "Perfect for emerging investors",              buttons: [
-                { text: "Start Now", href: "contact" },
-                { text: "Learn More", href: "#" }
-              ],
-              features: [
+              id: "starter",              tag: "Starter Fund",              tagIcon: Zap,
+              price: "$10K",              period: "/month",              description: "Perfect for emerging investors",              featuresTitle: "Features",              features: [
                 "Up to $5M in portfolio access",                "AI-powered recommendations",                "Basic analytics dashboard",                "Email support",                "Monthly market reports"
-              ]
+              ],
+              button: { text: "Start Now", href: "contact" }
             },
             {
-              id: "professional",              badge: "Professional Growth",              badgeIcon: Sparkles,
-              price: "$50K/month",              subtitle: "Ideal for institutional investors",              buttons: [
-                { text: "Get Started", href: "contact" },
-                { text: "Schedule Demo", href: "#" }
-              ],
-              features: [
+              id: "professional",              tag: "Professional Growth",              tagIcon: Sparkles,
+              price: "$50K",              period: "/month",              description: "Ideal for institutional investors",              featuresTitle: "Features",              features: [
                 "Up to $100M in portfolio access",                "Advanced AI analytics and modeling",                "Real-time market intelligence",                "Priority support",                "Dedicated account manager",                "Custom reporting suite"
-              ]
+              ],
+              button: { text: "Get Started", href: "contact" }
             },
             {
-              id: "enterprise",              badge: "Enterprise Access",              badgeIcon: Crown,
-              price: "Custom",              subtitle: "For mega-funds and enterprises",              buttons: [
-                { text: "Contact Sales", href: "contact" },
-                { text: "Enterprise Brief", href: "#" }
-              ],
-              features: [
+              id: "enterprise",              tag: "Enterprise Access",              tagIcon: Crown,
+              price: "Custom",              period: "",              description: "For mega-funds and enterprises",              featuresTitle: "Features",              features: [
                 "Unlimited portfolio access",                "Custom AI model training",                "Full market ecosystem integration",                "24/7 premium support",                "Dedicated engineering team",                "White-label solutions available"
-              ]
+              ],
+              button: { text: "Contact Sales", href: "contact" }
             }
           ]}
         />

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

@@ -258,4 +258,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -135,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);