diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 34c2963..3205d46 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -21,7 +21,7 @@ const Footer = () => {
           <a href="#" className="hover:text-primary transition-colors">
             Om konditoriet
           </a>
-          <a href="#" className="hover:text-primary transition-colors">
+          <a href="#gallery" className="hover:text-primary transition-colors">
             Vårt sortiment
           </a>
           <a href="#" className="hover:text-primary transition-colors">
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 4b517d8..23f801f 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,5 +1,6 @@
 import Header from "@/components/Header";
 import HeroSection from "@/components/HeroSection";
+import GallerySection from "@/components/GallerySection";
 import HeritageSection from "@/components/HeritageSection";
 import PlansSection from "@/components/PlansSection";
 import Footer from "@/components/Footer";
@@ -9,6 +10,7 @@ const Index = () => {
     <div className="bg-background text-foreground min-h-screen">
       <Header />
       <HeroSection />
+      <GallerySection />
       <HeritageSection />
       <PlansSection />
       <Footer />