diff --git a/app/itinerary/page.tsx b/app/itinerary/page.tsx
index 309812a..caf9459 100644
--- a/app/itinerary/page.tsx
+++ b/app/itinerary/page.tsx
@@ -5,13 +5,14 @@ import { getUserCredits } from "../../utils/db/db";
 
 export default async function Home() {
   const user = await getServerUser();
+  const email = user?.user_metadata.email;
   if (!user) {
     redirect("/login");
   }
   const credits = await getUserCredits(user?.id);
   
   if (!credits) {
-    return <ItineraryHome initialCredits={0} />;
+    return <ItineraryHome email={email} initialCredits={0} />;
   }
-  return <ItineraryHome initialCredits={credits} />;
+  return <ItineraryHome email={email} initialCredits={credits} />;
 }
diff --git a/components/forms/travel-form.tsx b/components/forms/travel-form.tsx
index dba4652..0aa6adc 100644
--- a/components/forms/travel-form.tsx
+++ b/components/forms/travel-form.tsx
@@ -26,6 +26,7 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { toast } from "@/hooks/use-toast";
 import ItineraryDisplay from "../travel-itinerary";
 import { motion, AnimatePresence } from "framer-motion";
+import { RequestCredits } from "../request-credits";
 
 const formSchema = z
   .object({
@@ -69,9 +70,11 @@ const LoadingSpinner = () => (
 );
 
 export default function TravelItineraryForm({
+  email,
   initialCredits,
   setCredits,
 }: {
+  email: string;
   initialCredits: number;
   setCredits: (credits: number) => void;
 }) {
@@ -372,8 +375,7 @@ export default function TravelItineraryForm({
           </motion.div>
         )}
       </AnimatePresence>
-
-      
+      <RequestCredits email={email} />
     </main>
   );
 }
diff --git a/components/itinerary-page.tsx b/components/itinerary-page.tsx
index f8586a8..ea85d4c 100644
--- a/components/itinerary-page.tsx
+++ b/components/itinerary-page.tsx
@@ -3,12 +3,12 @@
 import { useState } from "react";
 import TravelItineraryForm from "./forms/travel-form";
 import { RequestCredits } from "./request-credits";
-const ItineraryHome = ({ initialCredits }: { initialCredits: number }) => {
+const ItineraryHome = ({ email, initialCredits }: {email: string; initialCredits: number }) => {
   const [credits, setCredits] = useState(initialCredits);
 
   
   return (
-    <TravelItineraryForm initialCredits={credits} setCredits={setCredits} />
+    <TravelItineraryForm email={email} initialCredits={credits} setCredits={setCredits} />
   );
 };