fertig

src/pages/Links.tsx

@@ -1,5 +1,6 @@
 import Navigation from "@/components/Navigation";
 import Footer from "@/components/Footer";
+import ScrollToTop from "@/components/ScrollToTop";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { 
@@ -124,12 +125,21 @@ const Links = () => {
       <Navigation />
       <main className="pt-16">
         {/* Hero Section */}
-        <section className="py-24 bg-gradient-subtle">
-          <div className="container mx-auto px-4 text-center">
-            <h1 className="text-display-xl font-display font-bold text-forest mb-6">
+        <section 
+          className="relative py-24 flex items-center justify-center text-center"
+          style={{
+            backgroundImage: "url('/lovable-uploads/f8f08a1a-0132-4376-af8a-c5bb86f0627e.png')",
+            backgroundSize: "90% 80%",
+            backgroundPosition: "center",
+            backgroundRepeat: "no-repeat"
+          }}
+        >
+          <div className="absolute inset-0 bg-forest/60"></div>
+          <div className="relative z-10 container mx-auto px-4 text-center">
+            <h1 className="text-display-xl font-display font-bold text-cream mb-6">
               Links
             </h1>
-            <p className="text-body-lg text-sage max-w-3xl mx-auto">
+            <p className="text-body-lg text-cream/90 max-w-3xl mx-auto">
               There are many great sites on the Web, but trying to find those great sites can be a frustrating experience. We have compiled a list of websites that we have found to be helpful sources of information. When you click on a link, a new window will pop up. Close the window when you are ready to return to this page.
             </p>
           </div>
@@ -308,6 +318,7 @@ const Links = () => {
         </section>
       </main>
       <Footer />
+      <ScrollToTop />
     </div>
   );
 };