On the Journey selection screen, move "Select your Journey" and the subt

src/app/select-journey/page.tsx

@@ -1,6 +1,9 @@
+
 import { journeys } from '@/lib/journeys';
 import { JourneyCard } from '@/components/journey/journey-card';
 import { AppHeader } from '@/components/layout/app-header';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { HelpCircle } from 'lucide-react';
 
 export default function SelectJourneyPage() {
   return (
@@ -8,17 +11,35 @@ export default function SelectJourneyPage() {
       <AppHeader showBackButton backHref="/" />
       <main className="flex-1">
         <section className="container mx-auto py-12 md:py-16">
-          <div className="mb-10 text-center">
+          <div className="mb-10 text-left">
             <h1 className="font-headline text-3xl font-bold tracking-tight md:text-4xl">
               Select Your Journey
             </h1>
-            <p className="mt-3 max-w-xl mx-auto text-lg text-muted-foreground">
-              Choose an image to begin your AI-guided exploration. Each journey offers unique questions and insights.
+            <p className="mt-3 max-w-xl text-lg text-muted-foreground">
+              Choose an image to begin your AI-guided exploration.{' '}
+              <a 
+                href="https://example.com/public-webpage" 
+                target="_blank" 
+                rel="noopener noreferrer" 
+                className="text-primary underline hover:text-primary/80 transition-colors"
+              >
+                Each journey offers unique questions and insights.
+              </a>
+              <TooltipProvider>
+                <Tooltip delayDuration={100}>
+                  <TooltipTrigger asChild>
+                    <HelpCircle className="ml-1.5 inline-block h-4 w-4 cursor-pointer text-muted-foreground hover:text-accent" />
+                  </TooltipTrigger>
+                  <TooltipContent side="top">
+                    <p>Learn more about how journeys are structured and what to expect.</p>
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
             </p>
           </div>
           <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
-            {journeys.map((journey) => (
-              <JourneyCard key={journey.id} journey={journey} />
+            {journeys.map((journey, index) => (
+              <JourneyCard key={journey.id} journey={journey} index={index} />
             ))}
           </div>
         </section>

src/components/journey/journey-card.tsx

@@ -1,59 +1,47 @@
+
 "use client";
 
 import Image from 'next/image';
 import Link from 'next/link';
 import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
-import { Rocket, Info } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Rocket } from 'lucide-react';
 import type { Journey } from '@/types';
 
 interface JourneyCardProps {
   journey: Journey;
+  index: number;
 }
 
-export function JourneyCard({ journey }: JourneyCardProps) {
+export function JourneyCard({ journey, index }: JourneyCardProps) {
+  const journeyLabel = `Journey ${index + 1}`;
+
   return (
-    <Card className="flex h-full flex-col overflow-hidden shadow-lg transition-shadow hover:shadow-xl">
+    <Card className="flex h-full flex-col overflow-hidden shadow-lg transition-shadow hover:shadow-xl group">
       <CardHeader className="relative h-48 w-full p-0 md:h-56">
         <Image
           src={journey.imageUrl}
-          alt={journey.title}
+          alt={journey.title} // Alt text can remain descriptive
           layout="fill"
           objectFit="cover"
           data-ai-hint={journey.imageHint}
           className="transition-transform duration-300 ease-in-out group-hover:scale-105"
         />
+        <div className="absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/70 via-black/50 to-transparent p-3">
+          <span className="text-lg font-bold text-white">{journeyLabel}</span>
+          <Button asChild size="sm" className="font-semibold">
+            <Link href={`/journey/${journey.id}`}>
+              Launch
+              <Rocket className="ml-1.5 h-4 w-4" />
+            </Link>
+          </Button>
+        </div>
       </CardHeader>
       <CardContent className="flex-grow p-6">
-        <div className="flex items-center justify-between">
-          <CardTitle className="font-headline text-xl">{journey.title}</CardTitle>
-          <TooltipProvider>
-            <Tooltip delayDuration={100}>
-              <TooltipTrigger asChild>
-                <Button variant="ghost" size="icon" className="h-8 w-8 text-muted-foreground hover:text-accent">
-                  <Info className="h-5 w-5" />
-                  <span className="sr-only">More info about {journey.title}</span>
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent side="top" className="max-w-xs bg-popover text-popover-foreground">
-                <p>{journey.description}</p>
-              </TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
-        </div>
-        <CardDescription className="mt-2 text-sm">
-          {journey.description.substring(0, 100)}{journey.description.length > 100 ? '...' : ''}
-        </CardDescription>
+        <CardTitle className="font-headline text-xl">{journeyLabel}</CardTitle>
+        {/* Description removed as per request */}
       </CardContent>
-      <CardFooter className="p-6 pt-0">
-        <Button asChild className="w-full font-semibold">
-          <Link href={`/journey/${journey.id}`}>
-            Launch Journey
-            <Rocket className="ml-2 h-4 w-4" />
-          </Link>
-        </Button>
-      </CardFooter>
+      {/* Footer removed as launch button is on image */}
     </Card>
   );
 }