diff --git a/src/app/branches/page.tsx b/src/app/branches/page.tsx
index fc50e77..4668592 100644
--- a/src/app/branches/page.tsx
+++ b/src/app/branches/page.tsx
@@ -18,55 +18,37 @@ const navItems = [
 const branches = [
   {
     icon: MapPin,
-    title: "København",
-    description:
-      "Vores hovedkontor og største afdeling. Moderne faciliteter, mange instruktører og køretøjer tilgængelige.",
-  },
+    title: "København",    description:
+      "Vores hovedkontor og største afdeling. Moderne faciliteter, mange instruktører og køretøjer tilgængelige."},
   {
     icon: MapPin,
-    title: "Aarhus",
-    description:
-      "Servicering af Østjylland. Et dedikeret team af erfarne instruktører og fleksible bookingmuligheder.",
-  },
+    title: "Aarhus",    description:
+      "Servicering af Østjylland. Et dedikeret team af erfarne instruktører og fleksible bookingmuligheder."},
   {
     icon: MapPin,
-    title: "Odense",
-    description:
-      "Mellem- og Vestjylland. Lokale instruktører som kender området perfekt og kan give personlig undervisning.",
-  },
+    title: "Odense",    description:
+      "Mellem- og Vestjylland. Lokale instruktører som kender området perfekt og kan give personlig undervisning."},
   {
     icon: MapPin,
-    title: "Aalborg",
-    description:
-      "Nord Jylland. Moderne køreskoal med fokus på høj kvalitet og kundesitisvation.",
-  },
+    title: "Aalborg",    description:
+      "Nord Jylland. Moderne køreskoal med fokus på høj kvalitet og kundesitisvation."},
 ];
 
 const branchDetails = [
   {
-    id: "1",
-    title: "Hvordan booker jeg en time på en bestemt afdeling?",
-    content:
-      "Du kan booke direkte på vores hjemmeside og vælge afdeling. Eller kontakt os telefonisk på 40 40 40 40. Vi hjælper gerne.",
-  },
+    id: "1",    title: "Hvordan booker jeg en time på en bestemt afdeling?",    content:
+      "Du kan booke direkte på vores hjemmeside og vælge afdeling. Eller kontakt os telefonisk på 40 40 40 40. Vi hjælper gerne."},
   {
-    id: "2",
-    title: "Kan jeg få undervisning fra forskellige afdelinger?",
-    content:
-      "Ja, du kan skifte mellem afdelinger hvis det passer dig bedre. Du skal bare lave en ny booking og vælge ny lokation.",
-  },
+    id: "2",    title: "Kan jeg få undervisning fra forskellige afdelinger?",    content:
+      "Ja, du kan skifte mellem afdelinger hvis det passer dig bedre. Du skal bare lave en ny booking og vælge ny lokation."},
   {
-    id: "3",
-    title: "Har alle afdelinger de samme priser?",
-    content:
-      "Ja, priserne er ens på alle vores afdelinger. Du får samme høje kvalitet og professionelle service overalt.",
-  },
+    id: "3",    title: "Har alle afdelinger de samme priser?",    content:
+      "Ja, priserne er ens på alle vores afdelinger. Du får samme høje kvalitet og professionelle service overalt."},
 ];
 
 const footerColumns = [
   {
-    title: "Virksomhed",
-    items: [
+    title: "Virksomhed",    items: [
       { label: "Om Os", href: "/about" },
       { label: "Vores Instruktører", href: "/about" },
       { label: "Karriere", href: "#" },
@@ -74,8 +56,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Køreprøve",
-    items: [
+    title: "Køreprøve",    items: [
       { label: "Book Timer", href: "/booking" },
       { label: "Priser", href: "#" },
       { label: "Kursustyper", href: "#" },
@@ -83,8 +64,7 @@ const footerColumns = [
     ],
   },
   {
-    title: "Kontakt",
-    items: [
+    title: "Kontakt",    items: [
       { label: "Kontakt Os", href: "/contact" },
       { label: "Afdelinger", href: "/branches" },
       { label: "Support", href: "#" },
@@ -101,7 +81,7 @@ export default function BranchesPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="largeSmallSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"