diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 249674c..11f0304 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -21,9 +21,11 @@ const sourceSans3 = Source_Sans_3({
 
 export const metadata: Metadata = {
   title: "Essence & Aura | Premium Luxury Perfumes & Cosmetics",  description: "Discover curated luxury fragrances with interactive animated product experiences. Premium perfumes and cosmetics for the discerning connoisseur.",  keywords: "luxury perfume, fragrance, cosmetics, premium scent, perfume shop, interactive shopping",  openGraph: {
-    title: "Essence & Aura | Discover Your Signature Scent",    description: "Experience premium luxury fragrances with immersive interactive animations",    type: "website",    siteName: "Essence & Aura"},
+    title: "Essence & Aura | Discover Your Signature Scent",    description: "Experience premium luxury fragrances with immersive interactive animations",    type: "website",    siteName: "Essence & Aura"
+  },
   twitter: {
-    card: "summary_large_image",    title: "Essence & Aura | Premium Fragrances",    description: "Luxury perfumes with interactive product experiences"},
+    card: "summary_large_image",    title: "Essence & Aura | Premium Fragrances",    description: "Luxury perfumes with interactive product experiences"
+  },
 };
 
 export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cb86d0d..1c297ef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,12 +10,11 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Sparkles, Heart, Gem, Star, HelpCircle } from 'lucide-react';
-import { useState, useMemo } from 'react';
+import { useState } from 'react';
 import Link from 'next/link';
 
 export default function LandingPage() {
   const [activeProductId, setActiveProductId] = useState<string | null>(null);
-  const [showSprayAnimation, setShowSprayAnimation] = useState(false);
 
   const products = [
     {
diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx
index 03907a5..cf498f7 100644
--- a/src/app/product/[id]/page.tsx
+++ b/src/app/product/[id]/page.tsx
@@ -41,7 +41,6 @@ export default function ProductDetailPage() {
 
   const product = PRODUCTS.find(p => p.id === productId);
 
-  // Generate particle animations with stable values
   const particleAnimations = useMemo(() => {
     return Array.from({ length: 12 }).map((_, i) => ({
       id: i,