version update of next

app/(public)/blogs/page.tsx

@@ -1,6 +1,4 @@
 "use client";
-
-import { motion } from "framer-motion";
 import { Calendar, ArrowRight, User } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
@@ -42,15 +40,12 @@ export default function BlogPage() {
     <main className="bg-white">
       {/* HERO */}
       <section className="py-24 px-6 text-center bg-gradient-to-b from-white to-blue-50">
-        <motion.h1
-          initial={{ opacity: 0, y: 20 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          className="text-4xl md:text-6xl font-extrabold"
-        >
+        <h1 className="text-4xl md:text-6xl font-extrabold">
           Insights & Resources for Your Growth
-        </motion.h1>
+        </h1>
         <p className="mt-4 text-lg opacity-90 max-w-2xl mx-auto">
-          Explore the latest blogs, guides, and articles to help your business scale smarter.
+          Explore the latest blogs, guides, and articles to help your business
+          scale smarter.
         </p>
       </section>
 
@@ -58,11 +53,8 @@ export default function BlogPage() {
       <section className="py-20 px-6 max-w-7xl mx-auto">
         <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-10">
           {BLOGS.map((blog, i) => (
-            <motion.div
+            <div
               key={i}
-              initial={{ opacity: 0, y: 30 }}
-              whileInView={{ opacity: 1, y: 0 }}
-              transition={{ delay: i * 0.1 }}
               className="rounded-2xl overflow-hidden bg-white shadow-md hover:shadow-2xl transition-all duration-300 hover:-translate-y-2"
             >
               <div>
@@ -102,20 +94,16 @@ export default function BlogPage() {
                   </Button>
                 </div>
               </div>
-            </motion.div>
+            </div>
           ))}
         </div>
       </section>
 
       {/* CTA */}
       <section className="py-20 text-center bg-gray-50 px-6">
-        <motion.h2
-          initial={{ opacity: 0, scale: 0.9 }}
-          whileInView={{ opacity: 1, scale: 1 }}
-          className="text-3xl md:text-4xl font-bold text-gray-900"
-        >
+        <h2 className="text-3xl md:text-4xl font-bold text-gray-900">
           Want More Industry Insights?
-        </motion.h2>
+        </h2>
         <p className="text-gray-600 max-w-2xl mx-auto mt-4">
           Subscribe to our newsletter and stay updated with the latest trends.
         </p>