From f93bd73139e58ef9ad5ab68021314243124314e3 Mon Sep 17 00:00:00 2001
From: Andrew Shiroma <amshiroma@zoho.com>
Date: Thu, 20 Mar 2025 21:31:51 -0700
Subject: [PATCH 1/2] fix: verseslideshow animation renders properly and remove
 multiple cards

---
 src/components/VerseSlide.tsx     | 20 ++------------------
 src/components/VerseSlideshow.tsx |  3 ++-
 src/pages/Dashboard.tsx           |  3 ---
 3 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/src/components/VerseSlide.tsx b/src/components/VerseSlide.tsx
index cad23dd..0d7a753 100644
--- a/src/components/VerseSlide.tsx
+++ b/src/components/VerseSlide.tsx
@@ -16,24 +16,8 @@ const VerseSlide: React.FC<VerseSlideProps> = ({
 }) => {
   return (
     <div className={cn("default-class", className)}>
-      <Card>
-        <CardHeader>
-          <CardTitle>{verseReference}</CardTitle>
-        </CardHeader>
-        {/* <AnimatePresence mode="wait">
-          <motion.div
-            key="verse"
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            transition={{ duration: 0.5 }}
-          > */}
-        <CardContent>
-          <blockquote className="text-lg italic mb-4">{verseText}</blockquote>
-        </CardContent>
-          {/* </motion.div>
-        </AnimatePresence> */}
-      </Card>
+        <blockquote className="text-lg">{verseReference}</blockquote>
+        <blockquote className="text-muted-foreground italic">{verseText}</blockquote>
     </div>
   );
 };
diff --git a/src/components/VerseSlideshow.tsx b/src/components/VerseSlideshow.tsx
index 3f8624a..b141611 100644
--- a/src/components/VerseSlideshow.tsx
+++ b/src/components/VerseSlideshow.tsx
@@ -29,7 +29,7 @@ const VerseSlideshow: React.FC<VerseSlideshowProps> = ({ className }) => {
 
   return (
     <div className={cn("default-class", className)}>
-      <AnimatePresence>
+      <AnimatePresence mode="wait">
         {Object.entries(verseReferences).map(
           ([reference, text], index) =>
             index === currentIndex && (
@@ -38,6 +38,7 @@ const VerseSlideshow: React.FC<VerseSlideshowProps> = ({ className }) => {
                 initial={{ opacity: 0 }}
                 animate={{ opacity: 1 }}
                 exit={{ opacity: 0 }}
+                transition={{ duration: 0.5, ease: "easeInOut" }}
               >
                 <VerseSlide verseReference={reference} verseText={text} />
               </motion.div>
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index f7159c0..2b9f4fb 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -307,10 +307,7 @@ const Dashboard: React.FC = () => {
       
       <div className="glass-card rounded-lg p-6 text-center">
         <h3 className="text-xl font-medium mb-3">Daily Inspiration</h3>
-        <blockquote className="text-lg italic mb-4"> "-- QUOTE HERE --"
-        </blockquote>
         <VerseSlideshow />
-        <p className="text-muted-foreground">Scripture Quote</p>
       </div>
     </motion.div>
   );

From 5e93d9e06b56be7b753f55f3666ebdcbf3355790 Mon Sep 17 00:00:00 2001
From: Andrew Shiroma <amshiroma@zoho.com>
Date: Fri, 21 Mar 2025 09:00:01 -0700
Subject: [PATCH 2/2] refactor: remove unneeded imports to VerseSlide

---
 src/components/VerseSlide.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/VerseSlide.tsx b/src/components/VerseSlide.tsx
index 0d7a753..2378eb3 100644
--- a/src/components/VerseSlide.tsx
+++ b/src/components/VerseSlide.tsx
@@ -1,7 +1,5 @@
 import React from "react";
 import { cn } from "@/lib/utils";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { motion, AnimatePresence } from "framer-motion";
 
 interface VerseSlideProps {
   className?: string;