changed copy for step 2

src/admin/components/onboarding-flow/default/products/product-detail.tsx

@@ -11,11 +11,13 @@ const ProductDetailDefault = ({ onNext, isComplete, data }: StepContentProps) =>
   const api_key = keys?.[0]?.id || "pk_01H0PY648BTMEJR34ZDATXZTD9";
   return (
     <div>
-      <Text>On this page, you can view your product's details and edit them.</Text>
-      <Text>
-        You can preview your product using Medusa's Store APIs. You can copy any
-        of the following code snippets to try it out.
-      </Text>
+      <div className="flex flex-col gap-2">
+        <Text>On this page, you can view your product's details and edit them.</Text>
+        <Text>
+          You can preview your product using Medusa's Store APIs. You can copy any
+          of the following code snippets to try it out.
+        </Text>
+      </div>
       <div>
         {!isLoading && (
           <CodeBlock snippets={[

src/admin/components/onboarding-flow/nextjs/orders/orders-list.tsx

@@ -32,8 +32,8 @@ const OrdersListNextjs = ({ isComplete, data }: StepContentProps) => {
 
   return (
     <>
-      <div className="mb-6">
-        <Text className="mb-2">
+      <div className="mb-6 flex flex-col gap-2">
+        <Text>
           The last step is to create a sample order using one of your products. You can then view your order’s details, process its payment, fulfillment, inventory, and more.
         </Text>
         <Text>

src/admin/components/onboarding-flow/nextjs/products/product-detail.tsx

@@ -7,11 +7,26 @@ const ProductDetailNextjs = ({ onNext, isComplete, data }: StepContentProps) =>
   const { product, isLoading: productIsLoading } = useAdminProduct(data?.product_id)
   return (
     <div>
-      <Text>On this page, you can view your product's details and edit them.</Text>
-      <Text>
-        You can preview your product using Medusa's Store APIs. You can copy any
-        of the following code snippets to try it out.
-      </Text>
+      <div className="flex flex-col gap-2">
+        <Text>On this page, you can view your product's details and edit them.</Text>
+        <Text>We’ve created a Next.js storefront for you in the {process.env.MEDUSA_ADMIN_ONBOARDING_NEXTJS_DIRECTORY} directory.</Text>
+        <Text>
+          Medusa and the Next.js storefront are separate projects. Medusa stands on its own and can work with any storefront you prefer. 
+          However, the{" "}
+          <a 
+            href="https://github.com/medusajs/nextjs-starter-medusa"
+            target="_blank"
+            className="text-ui-fg-interactive hover:text-ui-fg-interactive-hover"
+          >
+            Next.js storefront
+          </a>{" "}
+          Next.js storefront is a perfect partner for Medusa, offering all the essentials you need for 
+          ecommerce and seamlessly connecting to Medusa's backend.
+        </Text>
+        <Text>
+          You can now check out your newly created products in the storefront!
+        </Text>
+      </div>
       <div className="flex gap-2 mt-6">
         <a
           href={`http://localhost:8000/products/${product?.handle}`}