import React, { useState } from 'react'; interface Product { id: string; name: string; price: number; imageUrl: string; description: string; } const mainProduct: Product = { id: 'prod-101', name: 'Premium Wireless Headphones', price: 199.99, imageUrl: 'https://images.unsplash.com/photo-1505740420928-5e560c06f2e0?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', description: 'Experience unparalleled sound quality and comfort with our Premium Wireless Headphones. Featuring noise-cancelling technology and a long-lasting battery, perfect for music lovers and professionals alike. Ergonomic design ensures a snug fit for hours of listening pleasure.', }; const recommendedProducts: Product[] = [ { id: 'prod-201', name: 'Portable Bluetooth Speaker', price: 79.99, imageUrl: 'https://images.unsplash.com/photo-1545127398-1d069579a603?auto=format&fit=crop&q=80&w=1974&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', description: 'Take your music anywhere with this compact and powerful Bluetooth speaker. Waterproof and durable, it\'s ideal for outdoor adventures.', }, { id: 'prod-202', name: 'Fast Charging Power Bank', price: 34.99, imageUrl: 'https://images.unsplash.com/photo-1591843121092-e181b121129c?auto=format&fit=crop&q=80&w=1974&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', description: 'Never run out of battery again. This high-capacity power bank offers fast charging for all your devices on the go.', }, { id: 'prod-203', name: 'Headphone Stand with Charger', price: 24.99, imageUrl: 'https://images.unsplash.com/photo-1618384874510-bf031f02673b?auto=format&fit=crop&q=80&w=1974&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', description: 'Keep your desk tidy and your headphones charged with this stylish and functional stand. Integrated USB charging port.', }, { id: 'prod-204', name: 'Premium Audio Cable', price: 12.99, imageUrl: 'https://images.unsplash.com/photo-1618384874510-bf031f02673b?auto=format&fit=crop&q=80&w=1974&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', description: 'High-fidelity audio cable for connecting your devices. Gold-plated connectors ensure optimal sound transmission.', }, ]; const ProductUpsells: React.FC = () => { const [cartItems, setCartItems] = useState([]); const handleAddToCart = (product: Product) => { setCartItems((prevItems) => [...prevItems, product]); alert(`${product.name} added to cart! Current items: ${cartItems.length + 1}`); }; return (

{/* Main Product Section */}

{/* Main Product Image */}

{/* Main Product Details */}

{mainProduct.name}

${mainProduct.price.toFixed(2)}

{mainProduct.description}

Add to Cart

{/* Recommended for You Section */}

Recommended for You

{recommendedProducts.map((product) => (

{product.name}

{product.description}

${product.price.toFixed(2)}

handleAddToCart(product)} className="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg transition duration-300 ease-in-out self-start focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-opacity-75" > Add to Cart

))}

); }; export default ProductUpsells;

EAU DE PARFUM VIAL ON CARD

How to Use

1. Cleanse your skin and pat dry
2. Apply a small amount using gentle circular motions
3. Allow to absorb fully before applying additional products
4. Use as directed, typically morning and/or evening
5. For best results, use consistently as part of your daily routine

Pro Tip: For enhanced results, pair with other products from the same collection.

Product Excellence

Professional Grade

Why This Product Stands Out

This carefully curated beauty essential represents the pinnacle of luxury and effectiveness. Each product in our collection is selected for its exceptional quality, innovative formulation, and ability to deliver professional results.

• Premium formulation with carefully selected ingredients
• Professional-grade quality for discerning customers
• Elegant packaging that reflects the luxury within
• Proven results backed by beauty expertise

Professional Application

For optimal results, follow these expert recommendations from our beauty professionals:

1. Prepare your skin with a gentle cleanse and allow to completely dry
2. Apply using precise, controlled movements for even distribution
3. Allow proper setting time before layering additional products
4. Build coverage gradually for the most natural, refined finish
5. Complete your routine with complementary products for lasting results

Luxury Benefits

Premium Quality

Formulated with the finest ingredients for superior performance and lasting results

Long-Lasting

Designed for extended wear without compromising comfort or appearance

Professional Results

Achieve salon-quality results in the comfort of your own space

Thoughtfully Made

Crafted with care using responsible sourcing and premium materials

Ingredients & Specifications

This product contains carefully selected ingredients chosen for their effectiveness and quality. For a complete ingredient list, please refer to the product packaging.

Shipping & Returns

Free shipping on orders over $75

30-day returns - Easy return process

Fast delivery - 2-5 business days

Product Care & Storage

• Store in a cool, dry place away from direct sunlight
• Keep tightly closed when not in use
• Use within 12 months of opening for optimal freshness
• Do not expose to extreme temperatures
• Keep away from children