E-commerce

import { ProductCardGrid } from "@launchapp/design-system/blocks/ecommerce";const products = [  {    id: "1",    name: "Wireless Headphones",    price: 99.99,    originalPrice: 149.99,    rating: 4.5,    reviewCount: 128,    badge: "Sale",    imageSrc: "/products/headphones.jpg",    imageAlt: "Wireless Headphones",  },  {    id: "2",    name: "Smart Watch",    price: 299.99,    rating: 4.8,    reviewCount: 89,    badge: "New",    imageSrc: "/products/watch.jpg",    imageAlt: "Smart Watch",  },];export default function Page() {  return (    <ProductCardGrid      products={products}      onAddToCart={(id) => console.log("add to cart", id)}    />  );}

import { ShoppingCart } from "@launchapp/design-system/blocks/ecommerce";const items = [  {    id: "1",    name: "Wireless Headphones",    price: 99.99,    quantity: 1,    imageSrc: "/products/headphones.jpg",    imageAlt: "Wireless Headphones",  },  {    id: "2",    name: "Smart Watch",    price: 299.99,    quantity: 2,    imageSrc: "/products/watch.jpg",    imageAlt: "Smart Watch",  },];export default function Page() {  return (    <ShoppingCart      items={items}      taxRate={0.08}      shippingCost={9.99}      freeShippingThreshold={100}      onCheckout={() => console.log("checkout")}    />  );}

import { CheckoutForm } from "@launchapp/design-system/blocks/ecommerce";const orderSummary = [  { name: "Wireless Headphones", quantity: 1, price: 99.99 },  { name: "Smart Watch", quantity: 2, price: 299.99 },];export default function Page() {  return (    <CheckoutForm      orderSummary={orderSummary}      onSubmit={async (values) => {        console.log(values);      }}    />  );}

import { OrderSummary } from "@launchapp/design-system/blocks/ecommerce";const items = [  { id: "1", name: "Premium Plan", description: "Annual subscription", price: 290, quantity: 1 },];export default function Page() {  return (    <OrderSummary      items={items}      subtotal={290}      tax={29}      total={319}      onApplyDiscount={(code) => console.log("apply", code)}    />  );}

import { CartDrawer } from "@launchapp/design-system/blocks/ecommerce";const items = [  { id: "1", name: "Wireless Headphones", price: 99, quantity: 1, imageUrl: "" },];export default function Page() {  return (    <CartDrawer      items={items}      total={99}      onUpdateQuantity={(id, qty) => console.log("update", id, qty)}      onRemove={(id) => console.log("remove", id)}      onCheckout={() => console.log("checkout")}    />  );}

import { ProductGrid } from "@launchapp/design-system/blocks/ecommerce";const products = [  { id: "1", name: "Wireless Headphones", price: 99, rating: 4.5, imageUrl: "", badge: "New" },  { id: "2", name: "Running Shoes", price: 75, rating: 4.2, imageUrl: "" },  { id: "3", name: "Smart Watch", price: 199, rating: 4.8, imageUrl: "", badge: "Popular" },];export default function Page() {  return (    <ProductGrid      products={products}      onAddToCart={(id) => console.log("add to cart", id)}    />  );}

import { ReviewsList } from "@launchapp/design-system/blocks/ecommerce";const reviews = [  { id: "1", author: "Alice J.", rating: 5, title: "Excellent!", body: "Exactly what I needed.", date: "2024-01-15", verified: true, helpfulCount: 12 },  { id: "2", author: "Bob S.", rating: 4, title: "Good purchase", body: "Happy with the quality.", date: "2024-01-10", verified: true, helpfulCount: 5 },];export default function Page() {  return (    <ReviewsList      reviews={reviews}      overallRating={4.5}      totalCount={128}      showDistribution      showVerified    />  );}

import { WishlistGrid } from "@launchapp/design-system/blocks/ecommerce";const items = [  { id: "1", name: "Wireless Headphones", price: 99.99, originalPrice: 149.99, inStock: true },  { id: "2", name: "Smart Watch", price: 299.99, inStock: true },  { id: "3", name: "Bluetooth Speaker", price: 59.99, inStock: false },];export default function Page() {  return (    <WishlistGrid      items={items}      columns={3}      onAddToCart={(item) => console.log("add to cart", item.id)}      onRemove={(item) => console.log("remove", item.id)}    />  );}