frontend/src/components/SeoPreview/SeoPreview.tsx

@@ -35,7 +35,7 @@ export default function SeoPreview({
 	url,
 	title = "SEO Preview",
 }: SeoPreviewProps) {
-	const previewUrl = url || "#";
+	const previewUrl = url || "https://www.gg-hospital.com";
 
 	const hasSeoData =
 		!!previewData?.seo &&
@@ -99,10 +99,6 @@ export default function SeoPreview({
 								</div>
 
 								<div className="border-t bg-[#f0f2f5] px-4 py-3">
-									<p className="truncate text-[11px] uppercase tracking-wide text-[#65676b]">
-										gg-hospital.com
-									</p>
-
 									<h3 className="mt-1 line-clamp-2 text-[18px] font-semibold leading-snug text-[#1c1e21]">
 										{ogTitle}
 									</h3>
@@ -110,6 +106,9 @@ export default function SeoPreview({
 									<p className="mt-1 line-clamp-2 text-[14px] text-[#65676b]">
 										{ogDescription}
 									</p>
+									<p className="mt-1 truncate text-[11px] tracking-wide text-[#65676b]">
+										{previewUrl}
+									</p>
 								</div>
 							</a>
 						</div>

frontend/src/pages/HealthPackagePage.tsx

@@ -52,6 +52,7 @@ import {
 } from "lucide-react";
 
 export default function HealthPackagePage() {
+	const WEBSITE_URL = import.meta.env.VITE_WEBSITE_URL;
 	const [packages, setPackages] = useState<HealthPackage[]>([]);
 	const [categories, setCategories] = useState<HealthCategory[]>([]);
 	const [loading, setLoading] = useState(true);
@@ -369,6 +370,8 @@ export default function HealthPackagePage() {
 		}
 	};
 
+	const previewUrl = `${WEBSITE_URL}/preventivecheckupdirectory/${selectedPackage?.slug}`;
+
 	return (
 		<div className="p-6 space-y-6">
 			<div className="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
@@ -775,7 +778,7 @@ export default function HealthPackagePage() {
 				open={viewModal}
 				onOpenChange={setViewModal}
 				previewData={selectedPackage}
-				url="asdfasdfasD"
+				url={previewUrl}
 			/>
 		</div>
 	);