diff --git a/src/app/page.tsx b/src/app/page.tsx index f25625e..c3569a6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -67,6 +67,7 @@ export default function LandingPage() { imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", imageAlt: "Expert barista crafting coffee" } ]} + mediaAnimation="blur-reveal" buttons={[ { text: "View Menu", href: "#products" }, { text: "Visit Us", href: "#contact" } @@ -84,6 +85,7 @@ export default function LandingPage() { { icon: Award, label: "Award-Winning Roasts", value: "12" }, { icon: Globe, label: "Origins We Source From", value: "15+" } ]} + metricsAnimation="slide-up" /> @@ -172,7 +174,7 @@ export default function LandingPage() { }, { id: "3", name: "Michael P.", role: "Software Engineer", company: "Digital Agency", rating: 5, - imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Portrait of Michael" + imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Portrait of Michael" }, { id: "4", name: "Lisa H.", role: "Graphic Designer", company: "Creative Studio", rating: 5, @@ -180,7 +182,7 @@ export default function LandingPage() { }, { id: "5", name: "Tom R.", role: "Business Owner", company: "Local Bakery", rating: 5, - imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Portrait of Tom" + imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Portrait of Tom" }, { id: "6", name: "Nina C.", role: "Content Creator", company: "Social Media", rating: 5, diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx index 13ea806..76395c8 100644 --- a/src/app/shop/[id]/page.tsx +++ b/src/app/shop/[id]/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { Suspense, use, useCallback } from "react"; +import { Suspense, use, useCallback, useState } from "react"; import { useRouter } from "next/navigation"; import ReactLenis from "lenis/react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; @@ -27,6 +27,7 @@ export default function ProductPage({ params }: ProductPageProps) { function ProductPageContent({ params }: ProductPageProps) { const { id } = use(params); const router = useRouter(); + const [cartOpen, setCartOpen] = useState(false); const { product, @@ -41,8 +42,6 @@ function ProductPageContent({ params }: ProductPageProps) { const { items: cartItems, - isOpen: cartOpen, - setIsOpen: setCartOpen, addItem, updateQuantity, removeItem, diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx index d9bf6bc..61d5f80 100644 --- a/src/app/shop/page.tsx +++ b/src/app/shop/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { Suspense } from "react"; +import { Suspense, useState } from "react"; import ReactLenis from "lenis/react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; @@ -9,6 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple'; import { useProductCatalog } from "@/hooks/useProductCatalog"; function ShopPageContent() { + const [cartOpen, setCartOpen] = useState(false); const { products, isLoading,