diff --git a/src/app/attractions/page.tsx b/src/app/attractions/page.tsx
index bf4a389..ff4471d 100644
--- a/src/app/attractions/page.tsx
+++ b/src/app/attractions/page.tsx
@@ -9,18 +9,28 @@ import { ShieldCheck, Users, Info } from "lucide-react";
 
 export default function AttractionsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarStyleCentered
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Attractions", id: "/attractions" },
-                { name: "About", id: "/#about" },
-                { name: "FAQ", id: "/#faq" },
-                { name: "Contact", id: "/#contact" },
-            ]}
-            brandName="Dubai Dolphinarium"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "Attractions", id: "/attractions" },
+              ]}
+              brandName="Dubai Dolphinarium"
+          />
+        </div>
         
         <div className="pt-32 pb-20">
             <FeatureCardTwentyFive
@@ -31,29 +41,31 @@ export default function AttractionsPage() {
                 useInvertedBackground={false}
                 features={[
                     {
-                        title: "Dolphin & Seal Show",                        description: "Our flagship performance featuring acrobatic dolphins and playful seals. An unforgettable spectacle for the whole family.",                        icon: ShieldCheck,
-                        mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/lazy-sea-cow-swimming-underwater-with-fish_493961-650.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/lazy-sea-cow-swimming-underwater-with-fish_493961-650.jpg?_wi=3" }]
+                        id: "dolphin-show",                        title: "Dolphin & Seal Show",                        tags: ["Show", "Family"],
+                        imageSrc: "http://img.b2bpic.net/free-photo/lazy-sea-cow-swimming-underwater-with-fish_493961-650.jpg?_wi=2",                        imageAlt: "Dolphin & Seal Show"
                     },
                     {
-                        title: "Interactive Encounters",                        description: "Meet our marine ambassadors in person. Learn about their care and habitat in a safe, educational setting.",                        icon: Users,
-                        mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048108.jpg" }]
+                        id: "interactive",                        title: "Interactive Encounters",                        tags: ["Education", "Experience"],
+                        imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg",                        imageAlt: "Interactive Encounters"
                     },
                     {
-                        title: "Marine Life Exhibits",                        description: "Discover diverse marine species in our specialized habitats. A deep dive into marine biology and conservation.",                        icon: Info,
-                        mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/starfish-underwater-still-life_23-2150434856.jpg?_wi=3" }]
+                        id: "exhibits",                        title: "Marine Life Exhibits",                        tags: ["Exhibit", "Nature"],
+                        imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048108.jpg",                        imageAlt: "Marine Life Exhibits"
                     }
                 ]}
             />
         </div>
 
-        <FooterSimple
-            columns={[
-                { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Attractions", href: "/attractions" }] },
-                { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
-            ]}
-            bottomLeftText="© 2024 Dubai Dolphinarium"
-            bottomRightText="All rights reserved."
-        />
+        <div id="footer" data-section="footer">
+          <FooterSimple
+              columns={[
+                  { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Attractions", href: "/attractions" }] },
+                  { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
+              ]}
+              bottomLeftText="© 2024 Dubai Dolphinarium"
+              bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );