diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 5fec9dd..091bd1d 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -73,9 +73,9 @@ export default function AboutPage() {
         <HeroBillboard
           title="About OIStudents"
           description="A premium student-led publication dedicated to amplifying authentic voices, celebrating creative expression, and sharing the stories that matter most to our school community."
-          background="plain"
+          background={{ variant: "plain" }}
           tag="Our Mission"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttons={[
             {
               text: "Meet Our Team",
@@ -86,10 +86,10 @@ export default function AboutPage() {
               href: "/submit",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
           imageSrc="http://img.b2bpic.net/free-photo/vintage-style-office-workers-having-desk-job_23-2149851004.jpg?_wi=2"
           imageAlt="OIStudents editorial team"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
         />
       </div>
 
@@ -111,7 +111,7 @@ export default function AboutPage() {
               href: "/submit",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
@@ -121,11 +121,11 @@ export default function AboutPage() {
           title="Meet Our Editorial Team"
           description="Passionate student leaders dedicated to amplifying voices and creating a premium publication."
           tag="Leadership"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="scale-rotate"
           members={[
             {
               id: "editor-1",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d10d2f..1e04dab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -79,9 +79,9 @@ export default function HomePage() {
         <HeroBillboard
           title="The Voice of Our School"
           description="Discover premium student journalism, creative writing, photography, and stories that celebrate the diverse voices of our community. Submit your work and get featured."
-          background="plain"
+          background={{ variant: "plain" }}
           tag="Premium Student Platform"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttons={[
             {
               text: "Start Reading",
@@ -92,10 +92,10 @@ export default function HomePage() {
               href: "/submit",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
           imageSrc="http://img.b2bpic.net/free-photo/elevated-view-students-with-study-materials-cups-coffee-wooden-textured-table_23-2148192464.jpg"
           imageAlt="OIStudents Premium Platform"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
         />
       </div>
 
@@ -104,11 +104,11 @@ export default function HomePage() {
           title="Featured Stories This Week"
           description="Handpicked stories from our community showcasing the best in journalism, creativity, and student achievement."
           tag="Latest"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="bento-grid"
-          animationType="slide-up"
+          animationType="scale-rotate"
           products={[
             {
               id: "story-1",
@@ -149,9 +149,9 @@ export default function HomePage() {
           title="Explore by Category"
           description="Find stories, articles, and submissions organized by interest. From journalism to creative writing, there's something for everyone."
           tag="Magazine Sections"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="scale-rotate"
           useInvertedBackground={false}
           features={[
             {
@@ -233,7 +233,7 @@ export default function HomePage() {
               href: "#how-it-works",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
@@ -243,7 +243,7 @@ export default function HomePage() {
           title="Student Spotlight"
           description="Meet the creators and voices shaping our school's narrative. Featured student of the month."
           tag="Featured Creator"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="one-large-right-three-stacked-left"
@@ -283,14 +283,14 @@ export default function HomePage() {
           title="How It Works"
           description="Simple, streamlined process to get your work featured on OIStudents."
           tag="Submission System"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
           mediaPosition="right"
           imageSrc="http://img.b2bpic.net/free-vector/simple-college-class-lesson-plan_23-2149452146.jpg?_wi=1"
           imageAlt="Submission interface overview"
-          faqsAnimation="entrance-slide"
+          faqsAnimation="blur-reveal"
           faqs={[
             {
               id: "step-1",
@@ -328,7 +328,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Student Voices"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           testimonials={[
             {
               id: "testimonial-1",
diff --git a/src/app/submit/page.tsx b/src/app/submit/page.tsx
index 364c101..3fc6da1 100644
--- a/src/app/submit/page.tsx
+++ b/src/app/submit/page.tsx
@@ -73,9 +73,9 @@ export default function SubmitPage() {
         <HeroBillboard
           title="Share Your Voice"
           description="Submit your best work to OIStudents and get featured in our premium student publication. Whether it's journalism, creative writing, photography, or opinions, we want to hear from you."
-          background="plain"
+          background={{ variant: "plain" }}
           tag="Submission Portal"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           buttons={[
             {
               text: "Start Submitting",
@@ -86,10 +86,10 @@ export default function SubmitPage() {
               href: "#guidelines",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
           imageSrc="http://img.b2bpic.net/free-vector/simple-college-class-lesson-plan_23-2149452146.jpg?_wi=2"
           imageAlt="Submission interface"
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
         />
       </div>
 
@@ -111,7 +111,7 @@ export default function SubmitPage() {
               href: "#",
             },
           ]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
@@ -121,14 +121,14 @@ export default function SubmitPage() {
           title="Submission Guidelines"
           description="Everything you need to know about submitting your work to OIStudents."
           tag="Help & Support"
-          tagAnimation="entrance-slide"
+          tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          mediaAnimation="entrance-slide"
+          mediaAnimation="blur-reveal"
           mediaPosition="left"
           imageSrc="http://img.b2bpic.net/free-photo/cubes-with-word-title-stand_23-2148030955.jpg?_wi=3"
           imageAlt="Submission guidelines"
-          faqsAnimation="entrance-slide"
+          faqsAnimation="blur-reveal"
           faqs={[
             {
               id: "what-can-submit",