reduce motion on hero page

2 files changed, 6 insertions, 21 deletions

diff --git a/src/app/Hero.tsx b/src/app/Hero.tsx
index 7398a55..9862373 100644
--- a/src/app/Hero.tsx
+++ b/src/app/Hero.tsx
@@ -9,19 +9,14 @@ export default function Hero() {
     <div className="relative isolate px-6 pt-14 lg:px-8">
       <BackgroundRippleEffect rows={18} cols={27} />
       <section className="mx-auto max-w-2xl lg:max-w-4xl py-32 sm:py-48 lg:py-56">
-        <motion.div
-          className="text-center"
-          initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.5 }}
-        >
+        <div className="text-center">
           <h1 className="relative z-10 text-5xl font-semibold tracking-tight sm:text-7xl">
             Sensible Scholars <span className="text-gradient">Tutoring</span>
           </h1>
           <p className="text-lg font-medium text-pretty text-gray-709 sm:text-xl/8 pt-2 sm:pt-1">
             Beyond the Classroom: Deeper Learning, Lasting Success.
           </p>
-        </motion.div>
+        </div>
         <motion.div
           className="mt-6 flex justify-center"
           initial={{ opacity: 0, y: 20 }}
diff --git a/src/app/WhyUs.tsx b/src/app/WhyUs.tsx
index 0e51f41..3b1b523 100644
--- a/src/app/WhyUs.tsx
+++ b/src/app/WhyUs.tsx
@@ -41,23 +41,13 @@ export default function WhyUs() {
         <div className="mx-auto grid items-center max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
           <div className="lg:mt-4 lg:pr-8">
             <div className="lg:max-w-lg">
-              <motion.h2
-                className="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"
-                initial={{ opacity: 0, y: -20 }}
-                whileInView={{ opacity: 1, y: 0 }}
-                transition={{ duration: 0.5, delay: 0.1 }}
-              >
+              <h2 className="mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
                 Why Choose{" "}
                 <span className="text-gradient">Sensible Scholars?</span>
-              </motion.h2>
-              <motion.p
-                className="pt-4 text-base/7 text-indigo-600/80"
-                initial={{ opacity: 0, y: 20 }}
-                whileInView={{ opacity: 1, y: 0 }}
-                transition={{ duration: 0.25, delay: 0.1 }}
-              >
+              </h2>
+              <p className="pt-4 text-base/7 text-indigo-600/80">
                 We make learning the best it can possibly be.
-              </motion.p>
+              </p>
               <dl className="mt-6 max-w-xl space-y-8 text-base/7 text-gray-600 lg:max-w-none">
                 {features.map((feature) => (
                   <motion.div