Update src/app/news/page.tsx

src/app/news/page.tsx

@@ -4,20 +4,43 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function NewsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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: "Staff", id: "/staff"}, {name: "News", id: "/news"}, {name: "Events", id: "/events"}]} brandName="BHA" />
-        <div className="pt-32">
-            <BlogCardThree 
-                title="Latest News"
-                description="Stay updated with academy highlights."
-                textboxLayout="default"
-                animationType="slide-up"
-                blogs={[{ id: "1", category: "Update", title: "New Semester", excerpt: "Starts soon.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }]}
-            />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Staff", id: "/staff" },
+              { name: "News", id: "/news" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Bright Horizons Academy"
+          />
+        </div>
+        <div id="blog" data-section="blog">
+          <BlogCardThree 
+              title="Latest News"
+              description="Stay updated with academy highlights."
+              textboxLayout="default"
+              animationType="slide-up"
+              useInvertedBackground={false}
+              blogs={[{ id: "1", category: "Update", title: "New Semester", excerpt: "Starts soon.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Bright Horizons Academy"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "News", href: "/news" }] },
+            ]}
+          />
         </div>
       </ReactLenis>
     </ThemeProvider>