Merge remote-tracking branch 'refs/remotes/origin/main'

src/components/Landing.tsx

@@ -1,9 +1,26 @@
 import { Button } from "@/components/ui/button"
+import React, {useEffect} from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { BookOpen, Brain, Lightbulb, Rocket } from "lucide-react"
 // import Image from "astro/components/Image.astro"
 
 export default function LandingPage() {
+  useEffect(() => {
+
+    fetch('http://3.147.36.237:3000/api/cards/ret-cards', {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+    })
+    .then(response => response.json())
+    .then(data => {
+        console.log('Dummy API Response:', data);
+    })
+    .catch(error => {
+        console.error('Error during API request:', error);
+    });
+}, []); 
   return (
     <main className="flex-grow">
       <section className="bg-gradient-to-b to-white from-white py-20">