diff --git a/src/components/home/products-section.tsx b/src/components/home/products-section.tsx
index 84f43d8..1b7db12 100644
--- a/src/components/home/products-section.tsx
+++ b/src/components/home/products-section.tsx
@@ -1,6 +1,5 @@
 "use client"
 
-import { useState } from "react"
 import Image from "next/image"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { Container } from "@/components/ui/container"
@@ -74,8 +73,6 @@ interface ProductsSectionProps {
 }
 
 export default function ProductsSection({ className }: ProductsSectionProps) {
-  const [selectedProduct, setSelectedProduct] = useState<Product | null>(null)
-
   return (
     <section className={className} aria-labelledby="products-heading">
       <Container className="py-16 sm:py-24">
@@ -149,7 +146,6 @@ export default function ProductsSection({ className }: ProductsSectionProps) {
                             variant="outline" 
                             size="sm" 
                             className="flex-1"
-                            onClick={() => setSelectedProduct(product)}
                           >
                             View Details
                           </Button>
@@ -194,7 +190,6 @@ export default function ProductsSection({ className }: ProductsSectionProps) {
                         width={1200}
                         height={675}
                         className="w-full h-auto object-cover"
-                        priority
                       />
                     </div>
 
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 2844f05..c28acf6 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -53,10 +53,12 @@ const DialogContent = React.forwardRef<
 ))
 DialogContent.displayName = DialogPrimitive.Content.displayName
 
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+
 const DialogHeader = ({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
+}: DialogHeaderProps) => (
   <div
     className={cn(
       "flex flex-col space-y-1.5 text-center sm:text-left",
@@ -67,10 +69,12 @@ const DialogHeader = ({
 )
 DialogHeader.displayName = "DialogHeader"
 
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+
 const DialogFooter = ({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
+}: DialogFooterProps) => (
   <div
     className={cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",