[V0_FILE]typescriptreact:file="lib/cart-context.tsx" isMerged="true" "use client" import { createContext, useContext, useState, type ReactNode } from "react" export interface CartItem { id: string name: string price: number quantity: number image: string category: "oil" | "edible" } interface CartContextType { items: CartItem[] addItem: (item: Omit) => void removeItem: (id: string) => void updateQuantity: (id: string, quantity: number) => void clearCart: () => void totalItems: number totalPrice: number } const CartContext = createContext(undefined) export function CartProvider({ children }: { children: ReactNode }) { const [items, setItems] = useState([]) const addItem = (item: Omit) => { setItems((prev) => { const existing = prev.find((i) => i.id === item.id) if (existing) { return prev.map((i) => (i.id === item.id ? { ...i, quantity: i.quantity + 1 } : i)) } return [...prev, { ...item, quantity: 1 }] }) } const removeItem = (id: string) => { setItems((prev) => prev.filter((i) => i.id !== id)) } const updateQuantity = (id: string, quantity: number) => { if (quantity <= 0) { removeItem(id) return } setItems((prev) => prev.map((i) => (i.id === id ? { ...i, quantity } : i))) } const clearCart = () => setItems([]) const totalItems = items.reduce((sum, item) => sum + item.quantity, 0) const totalPrice = items.reduce((sum, item) => sum + item.price * item.quantity, 0) return ( {children} ) } export function useCart() { const context = useContext(CartContext) if (!context) throw new Error("useCart must be used within CartProvider") return context } [V0_FILE]typescriptreact:file="components/symptom-icons.tsx" isMerged="true" import { Activity, Brain, Moon, Utensils, Heart } from "lucide-react" interface SymptomIconProps { symptom: "pain" | "nausea" | "appetite" | "sleep" | "anxiety" className?: string } export function SymptomIcon({ symptom, className = "h-4 w-4" }: SymptomIconProps) { const icons = { pain: Activity, nausea: Heart, appetite: Utensils, sleep: Moon, anxiety: Brain, } const Icon = icons[symptom] return } export const symptomLabels = { pain: "Pain Relief", nausea: "Nausea Control", appetite: "Appetite", sleep: "Sleep", anxiety: "Anxiety", } export const symptomColors = { pain: "bg-red-100 text-red-700", nausea: "bg-amber-100 text-amber-700", appetite: "bg-orange-100 text-orange-700", sleep: "bg-indigo-100 text-indigo-700", anxiety: "bg-teal-100 text-teal-700", } [V0_FILE]jpg:file="public/dark-amber-cannabis-oil-dropper-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/dark-amber-cannabis-oil-dropper-bottle-IZF8CyljduQp76VB33hWt0hzzBCGxI.jpg" isMerged="true" [V0_FILE]jpg:file="public/green-cannabis-oil-syringe-with-natural-packaging.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/green-cannabis-oil-syringe-with-natural-packaging-kYKzliSMhPunIFjSojuTeLlepOXAHy.jpg" isMerged="true" [V0_FILE]jpg:file="public/glass-tincture-bottle-with-dropper-cannabis-oil.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/glass-tincture-bottle-with-dropper-cannabis-oil-pXjT3cWHWjulaVxgYtrkzt4efDmO4Z.jpg" isMerged="true" [V0_FILE]jpg:file="public/cannabis-oil-softgel-capsules-in-amber-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cannabis-oil-softgel-capsules-in-amber-bottle-Ni4046PKEyZlVuELrmQ7dXCvCc9Dyw.jpg" isMerged="true" [V0_FILE]jpg:file="public/clear-cannabis-distillate-oil-syringe.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/clear-cannabis-distillate-oil-syringe-VPgRBq0wwyTJwx9WRmaxLGzVMZnhrm.jpg" isMerged="true" [V0_FILE]jpg:file="public/cannabis-wellness-capsules-in-green-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cannabis-wellness-capsules-in-green-bottle-hOR0vl3LW0enrgvAzJm1CdInnrrXr0.jpg" isMerged="true" [V0_FILE]jpg:file="public/colorful-cannabis-gummy-bears-in-jar.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/colorful-cannabis-gummy-bears-in-jar-tCH2xS1KpiaQJ2siip0mkebod0ki5F.jpg" isMerged="true" [V0_FILE]jpg:file="public/cannabis-brownies-and-cookies-on-rustic-plate.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cannabis-brownies-and-cookies-on-rustic-plate-RGWEqdvofJZflxUOg8y7fzRfii8MTC.jpg" isMerged="true" [V0_FILE]jpg:file="public/artisan-cannabis-chocolate-bar-squares.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/artisan-cannabis-chocolate-bar-squares-ofEzB5tIQtBACHHuue3LL8WAn13iz9.jpg" isMerged="true" [V0_FILE]jpg:file="public/cannabis-infused-syrup-bottles-with-herbs.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cannabis-infused-syrup-bottles-with-herbs-noGqBGeBMEGKA37DHfMmbHkFvRWrX9.jpg" isMerged="true" [V0_FILE]jpg:file="public/premium-cannabis-oil-bottles-and-droppers-with-nat.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/premium-cannabis-oil-bottles-and-droppers-with-nat-t4BgJlsXbBmjhUjOw0bUw7ECfjCozy.jpg" isMerged="true" [V0_FILE]jpg:file="public/cannabis-edibles-gummies-chocolates-and-baked-good.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cannabis-edibles-gummies-chocolates-and-baked-good-RlwKh1ytlMkV5nnA6Yi9DddeV9KRFx.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/product-filter.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { SymptomIcon, symptomLabels } from "@/components/symptom-icons" interface ProductFilterProps { selectedSymptoms: string[] onFilterChange: (symptoms: string[]) => void } const symptoms = ["pain", "nausea", "appetite", "sleep", "anxiety"] as const export function ProductFilter({ selectedSymptoms, onFilterChange }: ProductFilterProps) { const toggleSymptom = (symptom: string) => { if (selectedSymptoms.includes(symptom)) { onFilterChange(selectedSymptoms.filter((s) => s !== symptom)) } else { onFilterChange([...selectedSymptoms, symptom]) } } return (

Filter by: {symptoms.map((symptom) => ( ))} {selectedSymptoms.length > 0 && ( )}

) } [V0_FILE]typescriptreact:file="components/product-grid.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useState, useMemo } from "react" import { ProductCard } from "@/components/product-card" import { ProductFilter } from "@/components/product-filter" import type { Product } from "@/lib/products" interface ProductGridProps { products: Product[] title: string description?: string } export function ProductGrid({ products, title, description }: ProductGridProps) { const [selectedSymptoms, setSelectedSymptoms] = useState([]) const filteredProducts = useMemo(() => { if (selectedSymptoms.length === 0) return products return products.filter((product) => selectedSymptoms.some((symptom) => product.symptoms.includes(symptom as any))) }, [products, selectedSymptoms]) return (

{title}

{description &&

{description}

}

{filteredProducts.length === 0 ? (

No products match your selected filters.

) : (

{filteredProducts.map((product) => ( ))}

)}

) } [V0_FILE]typescriptreact:file="app/search/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/reviews-section.tsx" isMerged="true" "use client" import { useState } from "react" import { Star, ThumbsUp, User } from "lucide-react" import { Button } from "@/components/ui/button" import { Textarea } from "@/components/ui/textarea" import { Input } from "@/components/ui/input" interface Review { id: string name: string rating: number date: string comment: string helpful: number verified: boolean } const sampleReviews: Review[] = [ { id: "1", name: "Sarah M.", rating: 5, date: "2024-11-15", comment: "These products have been life-changing for my chronic pain. The RSO oil especially provides excellent relief that lasts throughout the day. Highly recommend!", helpful: 24, verified: true, }, { id: "2", name: "Michael R.", rating: 5, date: "2024-11-10", comment: "Finally found gummies that actually work for my anxiety. The dosing is consistent and the effects are exactly as described. Will definitely be ordering again.", helpful: 18, verified: true, }, { id: "3", name: "Jennifer L.", rating: 4, date: "2024-11-05", comment: "Great quality products and fast shipping. The tinctures are perfect for sleep issues. Only giving 4 stars because I wish there were more flavor options.", helpful: 12, verified: true, }, { id: "4", name: "David K.", rating: 5, date: "2024-10-28", comment: "As someone going through chemo, these edibles have been essential for managing nausea and stimulating appetite. The team was also incredibly helpful with dosing questions.", helpful: 31, verified: true, }, ] const reviewSchema = { "@context": "https://schema.org", "@type": "Product", name: "Natural Cannabis Oil Products", description: "Premium RSO, FECO, tinctures and cannabis extracts", brand: { "@type": "Brand", name: "Natural Cannabis Oil", }, aggregateRating: { "@type": "AggregateRating", ratingValue: "4.8", reviewCount: "1247", bestRating: "5", worstRating: "1", }, review: sampleReviews.map((review) => ({ "@type": "Review", author: { "@type": "Person", name: review.name, }, datePublished: review.date, reviewBody: review.comment, reviewRating: { "@type": "Rating", ratingValue: review.rating.toString(), bestRating: "5", worstRating: "1", }, })), } export function ReviewsSection() { const [reviews] = useState(sampleReviews) const [showForm, setShowForm] = useState(false) const [selectedRating, setSelectedRating] = useState(5) const averageRating = reviews.reduce((acc, r) => acc + r.rating, 0) / reviews.length return ( <>