bug fixs

src/app/faq.tsx

@@ -34,14 +34,35 @@ export function Faq() {
     <section className="py-8 px-8 lg:py-20">
       <div className="container mx-auto">
         <div className="text-center">
-          <Typography variant="h1" color="blue-gray" className="mb-4" placeholder={""}>
+          <Typography
+            variant="h1"
+            color="blue-gray"
+            className="mb-4"
+            placeholder={""}
+            onPointerEnterCapture={undefined}
+            onPointerLeaveCapture={undefined}
+          >
             Frequently asked questions
           </Typography>
+          
           <Typography
-          placeholder={""}
+            placeholder={""}
             variant="lead"
             className="mx-auto mb-24 lg:w-3/5 !text-gray-500"
+            onPointerEnterCapture={undefined}
+            onPointerLeaveCapture={undefined}
           >
+            Welcome to the AI Conference 2023 FAQ section. We&apos;re here to address your most common queries and provide you with the information you need to make the most of your conference experience.
+          </Typography>
+
+          <Typography
+          
+              placeholder={""}
+              variant="lead"
+              className="mx-auto mb-24 lg:w-3/5 !text-gray-500"
+              onPointerEnterCapture={undefined}
+              onPointerLeaveCapture={undefined}
+            >
             Welcome to the AI Conference 2023 FAQ section. We&apos;re here to
             address your most common queries and provide you with the
             information you need to make the most of your conference experience.
@@ -51,18 +72,28 @@ export function Faq() {
         <div className="mx-auto lg:max-w-screen-lg lg:px-20">
           {FAQS.map(({ title, desc }, key) => (
             <Accordion
-            placeholder={""}
-              key={key}
-              open={open === key + 1}
-              onClick={() => handleOpen(key + 1)}
-            >
-              <AccordionHeader className="text-left text-gray-900" placeholder={""}>
+                placeholder={""}
+                key={key}
+                open={open === key + 1}
+                onClick={() => handleOpen(key + 1)}
+                onPointerEnterCapture={undefined}
+                onPointerLeaveCapture={undefined}
+              >
+              <AccordionHeader
+                className="text-left text-gray-900"
+                placeholder={""}
+                onPointerEnterCapture={undefined}
+                onPointerLeaveCapture={undefined}
+              >
                 {title}
               </AccordionHeader>
               <AccordionBody>
-                <Typography placeholder={""}
+                <Typography
+                  placeholder={""}
                   color="blue-gray"
                   className="font-normal text-gray-500"
+                  onPointerEnterCapture={undefined}
+                  onPointerLeaveCapture={undefined}
                 >
                   {desc}
                 </Typography>

src/app/hero.tsx

@@ -9,25 +9,41 @@ function Hero() {
     <div className="absolute inset-0 h-full w-full bg-gray-900/60" />
     <div className="grid min-h-screen px-8">
       <div className="container relative z-10 my-auto mx-auto grid place-items-center text-center">
-        <Typography variant="h3" color="white" className="mb-2" placeholder={""}>
+        <Typography variant="h3" color="white" className="mb-2" placeholder={""}
+        onPointerEnterCapture={undefined}
+        onPointerLeaveCapture={undefined}
+
+        >
           29-31 August @ New York
         </Typography>
-        <Typography variant="h1" color="white" className="lg:max-w-3xl" placeholder={""}>
+        <Typography variant="h1" color="white" className="lg:max-w-3xl" placeholder={""}
+         onPointerEnterCapture={undefined}
+          onPointerLeaveCapture={undefined}
+
+         >
           AI Conference 2023: Unlocking the Future
         </Typography>
         <Typography placeholder={""}
           variant="lead"
           color="white"
+          
           className="mt-1 mb-12 w-full md:max-w-full lg:max-w-2xl"
+          onPointerEnterCapture={undefined}
+          onPointerLeaveCapture={undefined}
         >
           Join us for the most anticipated event of the year - the AI
           Conference 2023!
         </Typography>
         <div className="flex items-center gap-4">
-          <Button variant="gradient" color="white" placeholder={""}>
+          <Button variant="gradient" color="white" placeholder={""} onPointerEnterCapture={undefined} onPointerLeaveCapture={undefined}>
             Get started
           </Button>
-          <IconButton className="rounded-full bg-white p-6" placeholder={""}>
+          <IconButton 
+            className="rounded-full bg-white p-6" 
+            placeholder={""} 
+            onPointerEnterCapture={undefined} 
+            onPointerLeaveCapture={undefined}
+          >
             <PlayIcon className="h-4 w-4 text-gray-900" />
           </IconButton>
         </div>

src/app/our-stats.tsx

@@ -26,18 +26,33 @@ export function OurStats() {
   return (
     <section className="container mx-auto grid gap-10 px-8 py-44 lg:grid-cols-1 lg:gap-20 xl:grid-cols-2 xl:place-items-center">
       <div>
-        <Typography variant="h6" color="orange" className="mb-6 font-medium" placeholder={""}>
+        <Typography
+          variant="h6"
+          color="orange"
+          className="mb-6 font-medium"
+          placeholder={""}
+          onPointerEnterCapture={() => {}}
+          onPointerLeaveCapture={() => {}}
+        >
           Our Stats
         </Typography>
-        <Typography placeholder={""}
+        <Typography
+          variant="h1"
+          color = "blue-gray"
           className="text-5xl font-bold leading-tight lg:w-3/4"
-          color="blue-gray"
+         placeholder={""}
+         onPointerEnterCapture={() => {}}
+         onPointerLeaveCapture={() => {}}
+         
         >
           Conference Highlights
         </Typography>
         <Typography placeholder={""}
+
           variant="lead"
           className="mt-3 w-full !text-gray-500 lg:w-9/12"
+          onPointerEnterCapture={() => {}}
+          onPointerLeaveCapture={() => {}}
         >
           This three-day extravaganza brings together the brightest minds,
           leading innovators, and top companies in the field of Artificial

src/app/sponsored-by.tsx

@@ -16,7 +16,7 @@ export function SponsoredBy() {
   return (
     <section className="py-8 px-8 lg:py-20">
       <div className="container mx-auto text-center">
-        <Typography variant="h6" color="blue-gray" className="mb-8" placeholder={""}>
+        <Typography variant="h6" color="blue-gray" className="mb-8" placeholder={""} onPointerEnterCapture={() => {}} onPointerLeaveCapture={() => {}}>
           SPONSORED BY
         </Typography>
         <div className="flex flex-wrap items-center justify-center gap-6">

src/components/about-card.tsx

@@ -17,10 +17,27 @@ interface AboutCardProp {
 
 export function AboutCard({ title, description, subTitle,imageName,paper_links }: AboutCardProp) {
   return (
-    <Card shadow={false} placeholder={""}>
-      <CardBody className="h-[900px] p-5 flex flex-col justify-center items-center rounded-2xl bg-gray-900 " placeholder={""}>
+    <Card
+      shadow={false}
+      placeholder={""}
+      onPointerEnterCapture={() => {}}
+      onPointerLeaveCapture={() => {}}
+    >
+      <CardBody
+        className="h-[900px] p-5 flex flex-col justify-center items-center rounded-2xl bg-gray-900 "
+        placeholder={""}
+        onPointerEnterCapture={() => {}}
+        onPointerLeaveCapture={() => {}}
+      >
         {/* <img src={imageName} alt="next/image" className="w-512 h-512 mb-2"/> */}
-        <Typography variant="h4" className="text-center" color="white" placeholder="">
+        <Typography
+          variant="h4"
+          className="text-center"
+          color="white"
+          placeholder=""
+          onPointerEnterCapture={() => {}}
+          onPointerLeaveCapture={() => {}}
+        >
 
           {title}
         
@@ -46,12 +63,18 @@ export function AboutCard({ title, description, subTitle,imageName,paper_links }
         alt="next/image"
         
       /> */}
-        <Typography variant="h6" className="mb-4 text-center" color="white" placeholder="">
+        <Typography variant="h6" className="mb-4 text-center" color="white" placeholder="" 
+        onPointerEnterCapture={undefined}
+        onPointerLeaveCapture={undefined}
+        >
 
           {subTitle}
         </Typography>
 
         <Typography
+        onPointerEnterCapture={undefined}
+        onPointerLeaveCapture={undefined}
+        variant="lead"
         placeholder={""}
           color="white"
           className="mt-2 mb-10 text-base w-full lg:w-10/12 text font-normal"
@@ -59,8 +82,19 @@ export function AboutCard({ title, description, subTitle,imageName,paper_links }
           {description}          
         </Typography>
         <a href={paper_links} target="_blank">
-          <Button color="white" placeholder={""}>
-            <Typography placeholder={""} color="blue-gray" className="m-0 mb-0 text-base w-full lg:w-6/6 text-center font-normal">
+          <Button
+            color="white"
+            placeholder={""}
+            onPointerEnterCapture={() => {}}
+            onPointerLeaveCapture={() => {}}
+          >
+            <Typography
+              placeholder={""}
+              color="blue-gray"
+              className="m-0 mb-0 text-base w-full lg:w-6/6 text-center font-normal"
+              onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
+            >
               More Details
             </Typography>
           </Button>

src/components/event-content-card.tsx

@@ -24,12 +24,18 @@ export function EventContentCard({
   img,
 }: EventContentCardProps) {
   return (
-    <Card placeholder={""}
+    <Card
+      placeholder=""
+      onPointerEnterCapture={() => {}}
+      onPointerLeaveCapture={() => {}}
       color="transparent"
       shadow={false}
-      className="lg:!flex-row mb-10 lg:items-end"
+      className="lg:flex-row mb-10 lg:items-end"
     >
-      <CardHeader placeholder={""}
+      <CardHeader
+        placeholder=""
+        onPointerEnterCapture={() => {}}
+        onPointerLeaveCapture={() => {}}
         floated={false}
         shadow={false}
         className="h-[32rem] max-w-[28rem] shrink-0"
@@ -42,28 +48,49 @@ export function EventContentCard({
           className="h-full w-full object-cover"
         />
       </CardHeader>
-      <CardBody className="col-span-full lg:col-span-3" placeholder={""}>
-        <Typography variant="h6" color="blue-gray" className="mb-4" placeholder={""}>
+      <CardBody className="col-span-full lg:col-span-3" placeholder={""}
+      onPointerEnterCapture={() => {}}
+      onPointerLeaveCapture={() => {}}>
+        <Typography variant="h6" color="blue-gray" className="mb-4" placeholder={""}onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
           {panel}
         </Typography>
-        <Typography variant="h2" color="blue-gray" className="mb-4 font-medium" placeholder={""}>
+        <Typography variant="h2" color="blue-gray" className="mb-4 font-medium" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
           {title}
         </Typography>
-        <Typography className="mb-12 md:w-8/12 font-medium !text-gray-500" placeholder={""}>
+        <Typography className="mb-12 md:w-8/12 font-medium !text-gray-500" placeholder={""}onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
           {des}
         </Typography>
         <div className="flex items-center gap-4">
-          <Avatar placeholder={""}
+          <Avatar
+            placeholder={""}
             variant="circular"
             src="/logos/spotify-logo.png"
             alt="spotify"
             size="lg"
+            onPointerEnterCapture={() => {}}
+            onPointerLeaveCapture={() => {}}
           />
           <div>
-            <Typography variant="h6" color="blue-gray" className="mb-0.5" placeholder={""}>
+            <Typography
+              variant="h6"
+              color="blue-gray"
+              className="mb-0.5"
+              placeholder={""}
+              onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
+            >
               {name}
             </Typography>
-            <Typography variant="small" className="font-normal !text-gray-500" placeholder={""}>
+            <Typography
+              variant="small"
+              className="font-normal !text-gray-500"
+              placeholder={""}
+              onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
+            >
               {position}
             </Typography>
           </div>

src/components/fixed-plugin.tsx

@@ -9,6 +9,8 @@ export function FixedPlugin() {
         color="white"
         size="sm"
         className="!fixed bottom-4 right-4 flex gap-1 pl-2 items-center border border-blue-gray-50"
+        onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
       >
         <Image
           width={128}

src/components/footer.tsx

@@ -11,17 +11,22 @@ export function Footer() {
           <Typography placeholder={""}
             className="text-2xl md:text-3xl text-center font-bold "
             color="white"
+            onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
           >
             Join now and get 30% OFF!
           </Typography>
           <Typography placeholder={""}
             color="white"
             className=" md:w-7/12 text-center my-3 !text-base"
+            onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
           >
             Don&apos;t miss out on this exclusive offer that will end soon.
           </Typography>
           <div className="flex w-full md:w-fit gap-3 mt-2 flex-col md:flex-row">
-            <Button color="white" size="md" placeholder={""}>
+            <Button color="white" size="md" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
               buy ticket
             </Button>
           </div>
@@ -33,6 +38,8 @@ export function Footer() {
             target="_blank"
             variant="h6"
             className="text-gray-900"
+            onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
           >
             Material Tailwind
           </Typography>
@@ -45,6 +52,8 @@ export function Footer() {
                   variant="small"
                   color="white"
                   className="font-normal !text-gray-700 hover:!text-gray-900 transition-colors"
+                  onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
                 >
                   {link}
                 </Typography>
@@ -52,16 +61,20 @@ export function Footer() {
             ))}
           </ul>
           <div className="flex w-fit justify-center gap-2">
-            <IconButton size="sm" color="gray" variant="text" placeholder={""}>
+            <IconButton size="sm" color="gray" variant="text" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
               <i className="fa-brands fa-twitter text-lg" />
             </IconButton>
-            <IconButton size="sm" color="gray" variant="text" placeholder={""}>
+            <IconButton size="sm" color="gray" variant="text" placeholder={""}onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
               <i className="fa-brands fa-youtube text-lg" />
             </IconButton>
-            <IconButton size="sm" color="gray" variant="text" placeholder={""}>
+            <IconButton size="sm" color="gray" variant="text" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
               <i className="fa-brands fa-instagram text-lg" />
             </IconButton>
-            <IconButton size="sm" color="gray" variant="text" placeholder={""}>
+            <IconButton size="sm" color="gray" variant="text" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
               <i className="fa-brands fa-github text-lg" />
             </IconButton>
           </div>
@@ -69,6 +82,8 @@ export function Footer() {
         <Typography placeholder={""}
           color="blue-gray"
           className="text-center mt-12 font-normal !text-gray-700"
+          onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}
         >
           &copy; {CURRENT_YEAR} Made with{" "}
           <a href="https://www.material-tailwind.com" target="_blank">

src/components/navbar.tsx

@@ -25,6 +25,8 @@ function NavItem({ children, href }: NavItemProps) {
   return (
     <li>
       <Typography placeholder={""}
+      onPointerEnterCapture={() => {}}
+      onPointerLeaveCapture={() => {}}
         as="a"
         href={href || "#"}
         target={href ? "_blank" : "_self"}
@@ -83,6 +85,8 @@ const  Navbar =()=> {
   return (
     <>
     <MTNavbar
+    onPointerEnterCapture={() => {}}
+    onPointerLeaveCapture={() => {}}
     placeholder=''
       shadow={false}
       fullWidth
@@ -92,6 +96,8 @@ const  Navbar =()=> {
     >
       <div className="container mx-auto flex items-center justify-between">
         <Typography
+        onPointerEnterCapture={() => {}}
+        onPointerLeaveCapture={() => {}}
         placeholder="hello"
           color={isScrolling ? "blue-gray" : "white"}
           className="text-lg font-bold"
@@ -119,6 +125,8 @@ const  Navbar =()=> {
           </a>
         </div> */}
         <IconButton placeholder={""}
+        onPointerEnterCapture={() => {}}
+        onPointerLeaveCapture={() => {}}
           variant="text"
           color={isScrolling ? "gray" : "white"}
           onClick={handleOpen}

src/components/stats-card.tsx

@@ -7,11 +7,14 @@ interface StatsCardProps {
 
 export function StatsCard({ count, title }: StatsCardProps) {
   return (
-    <Card color="transparent" shadow={false} placeholder={""}>
-      <Typography variant="h1" className="font-bold" color="blue-gray" placeholder={""}>
+    <Card color="transparent" shadow={false} placeholder={""} onPointerEnterCapture={() => {}}
+    onPointerLeaveCapture={() => {}}>
+      <Typography variant="h1" className="font-bold" color="blue-gray" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}> 
         {count}
       </Typography>
-      <Typography variant="h6" color="blue-gray" className="mt-1 font-medium" placeholder={""}>
+      <Typography variant="h6" color="blue-gray" className="mt-1 font-medium" placeholder={""} onPointerEnterCapture={() => {}}
+              onPointerLeaveCapture={() => {}}>
         {title}
       </Typography>
     </Card>