added top level journey and page banner links to main pages for item submissions

Author: yaantow

app/community/page.tsx

@@ -46,6 +46,8 @@ export default async function CommunityPage() {
         description="Share work, ask questions, and discover opportunities with fellow entrepreneurs"
         emoji="💬"
         themeColor="pink"
+        actionLabel="Create Post"
+        actionHref="#compose"
       />
 
       {/* Header */}

app/crowdfunding/page.tsx

@@ -32,6 +32,7 @@ export default async function CrowdfundingPage() {
         emoji="💸"
         themeColor="purple"
         actionLabel="Start a Campaign"
+        actionHref="/submit/campaign"
       />
 
       {/* Header */}

app/launchpad/page.tsx

@@ -40,6 +40,7 @@ export default async function LaunchpadPage() {
         emoji="🚀"
         themeColor="sky"
         actionLabel="Submit Your Product"
+        actionHref="/submit/product"
       />
 
       {/* Header */}
@@ -134,7 +135,9 @@ export default async function LaunchpadPage() {
             <Card>
               <CardContent className="p-8 text-center">
                 <p className="text-muted-foreground">No launches today yet. Be the first!</p>
-                <Button className="mt-4 bg-sky-500 hover:bg-sky-600 text-white">Submit Your Product</Button>
+                <Link href="/submit/product">
+                  <Button className="mt-4 bg-sky-500 hover:bg-sky-600 text-white">Submit Your Product</Button>
+                </Link>
               </CardContent>
             </Card>
           )}

app/marketplace/page.tsx

@@ -24,6 +24,8 @@ export default async function MarketplacePage() {
         description="Buy and sell profitable digital businesses with verified metrics"
         emoji="🛍️"
         themeColor="orange"
+        actionLabel="List Your Business"
+        actionHref="/submit/listing"
       />
 
       {/* Action Buttons */}

app/startups/page.tsx

@@ -32,6 +32,7 @@ export default async function StartupsPage() {
         emoji="📈"
         themeColor="indigo"
         actionLabel="Submit Your Startup"
+        actionHref="/submit/startup"
       />
 
       {/* Header */}

components/animated/hero-section.tsx

@@ -1,11 +1,13 @@
 "use client"
 
+import { useState } from "react"
 import { motion } from "framer-motion"
 import { Button } from "@/components/ui/button"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent } from "@/components/ui/card"
 import { ArrowRight } from "lucide-react"
 import { FluentEmoji } from "@lobehub/fluent-emoji"
+import { GetStartedDialog } from "@/components/dialogs/get-started-dialog"
 
 const containerVariants = {
   hidden: { opacity: 0 },
@@ -72,6 +74,8 @@ const statsVariants = {
 }
 
 export function HeroSection() {
+  const [getStartedOpen, setGetStartedOpen] = useState(false)
+  
   return (
     <section
       className="border-b border-border -mt-14 pt-20 sm:pt-14 overflow-hidden relative"
@@ -267,7 +271,12 @@ export function HeroSection() {
               className="mt-6 sm:mt-8 flex flex-col sm:flex-row flex-wrap gap-3 sm:gap-4 justify-center lg:justify-start"
               variants={itemVariants}
             >
-              <Button size="lg" variant="gradient" className="w-full sm:w-auto">
+              <Button 
+                size="lg" 
+                variant="gradient" 
+                className="w-full sm:w-auto"
+                onClick={() => setGetStartedOpen(true)}
+              >
                 Get Started
                 <ArrowRight className="ml-2 h-4 w-4" />
               </Button>
@@ -444,6 +453,9 @@ export function HeroSection() {
           </motion.div>
         </motion.div>
       </div>
+
+      {/* Get Started Dialog */}
+      <GetStartedDialog open={getStartedOpen} onOpenChange={setGetStartedOpen} />
     </section>
   )
 }

components/animated/page-banner.tsx

@@ -10,6 +10,7 @@ interface PageBannerProps {
   emoji: string
   themeColor: ThemeName
   actionLabel?: string
+  actionHref?: string
   onActionClick?: () => void
 }
 
@@ -42,6 +43,7 @@ export function PageBanner({
   emoji,
   themeColor,
   actionLabel,
+  actionHref,
   onActionClick,
 }: PageBannerProps) {
   const gradient = getThemeGradientHex(themeColor)
@@ -105,12 +107,21 @@ export function PageBanner({
 
           {actionLabel && (
             <motion.div variants={itemVariants}>
-              <button
-                onClick={onActionClick}
-                className="px-6 py-3 bg-white text-gray-900 font-semibold rounded-lg hover:bg-white/90 transition-colors shadow-lg"
-              >
-                {actionLabel}
-              </button>
+              {actionHref ? (
+                <a
+                  href={actionHref}
+                  className="inline-block px-6 py-3 bg-white text-gray-900 font-semibold rounded-lg hover:bg-white/90 transition-colors shadow-lg"
+                >
+                  {actionLabel}
+                </a>
+              ) : (
+                <button
+                  onClick={onActionClick}
+                  className="px-6 py-3 bg-white text-gray-900 font-semibold rounded-lg hover:bg-white/90 transition-colors shadow-lg"
+                >
+                  {actionLabel}
+                </button>
+              )}
             </motion.div>
           )}
         </div>