Absolute Boutique

Curated Elegance • Refined Living

\n \n

\n\n

\n {filteredProducts.map(product => (\n setHoveredProduct(product.id)}\n onMouseLeave={() => setHoveredProduct(null)}\n >\n \n

{product.name}

{product.description}

R {product.price.toFixed(2)}

\n addToCart(product)}\n style={styles.addToCartButton}\n >\n Add to Cart\n \n

\n ))}\n \n\n \n \n\n \n \n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"'Amsterdam Four', Arial, sans-serif\",\n maxWidth: \"1400px\",\n margin: \"0 auto\",\n padding: \"40px 20px\",\n backgroundColor: \"white\",\n color: \"black\",\n },\n logoContainer: {\n textAlign: \"center\",\n marginBottom: \"40px\",\n },\n logo: {\n fontSize: \"4rem\",\n fontWeight: \"300\",\n letterSpacing: \"4px\",\n color: \"#FF69B4\", // Pink color\n marginBottom: \"10px\",\n },\n tagline: {\n fontSize: \"1.2rem\",\n color: \"#333\",\n fontStyle: \"italic\",\n letterSpacing: \"2px\",\n },\n header: {\n marginBottom: \"50px\",\n borderBottom: \"1px solid #000\",\n paddingBottom: \"20px\",\n },\n nav: {\n display: \"flex\",\n justifyContent: \"center\",\n gap: \"20px\",\n marginTop: \"20px\",\n },\n navButton: {\n backgroundColor: \"transparent\",\n border: \"1px solid #000\",\n color: \"#000\",\n padding: \"10px 20px\",\n borderRadius: \"25px\",\n transition: \"all 0.3s ease\",\n cursor: \"pointer\",\n fontWeight: \"300\",\n letterSpacing: \"1px\",\n },\n activeNavButton: {\n backgroundColor: \"#000\",\n color: \"white\",\n },\n main: {\n display: \"flex\",\n gap: \"40px\",\n },\n productGrid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(3, 1fr)\",\n gap: \"30px\",\n flex: 2,\n },\n productCard: {\n backgroundColor: \"white\",\n border: \"1px solid #000\",\n borderRadius: \"15px\",\n padding: \"25px\",\n textAlign: \"center\",\n transition: \"all 0.3s ease\",\n cursor: \"pointer\",\n },\n productCardHover: {\n transform: \"scale(1.05)\",\n boxShadow: \"0 0 15px rgba(0,0,0,0.1)\",\n },\n productImage: {\n maxWidth: \"100%\",\n height: \"250px\",\n objectFit: \"cover\",\n borderRadius: \"10px\",\n marginBottom: \"20px\",\n },\n productDetails: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n },\n productName: {\n fontSize: \"1.4rem\",\n marginBottom: \"10px\",\n color: \"#000\",\n fontWeight: \"300\",\n letterSpacing: \"1px\",\n },\n productDescription: {\n color: \"#666\",\n marginBottom: \"15px\",\n fontStyle: \"italic\",\n },\n productPriceContainer: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n width: \"100%\",\n },\n productPrice: {\n fontWeight: \"bold\",\n color: \"#000\",\n fontSize: \"1.2rem\",\n },\n addToCartButton: {\n backgroundColor: \"#000\",\n color: \"white\",\n border: \"none\",\n padding: \"10px 20px\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n transition: \"background-color 0.3s ease\",\n letterSpacing: \"1px\",\n },\n cart: {\n flex: 1,\n backgroundColor: \"white\",\n border: \"1px solid #000\",\n borderRadius: \"15px\",\n padding: \"30px\",\n },\n cartTitle: {\n textAlign: \"center\",\n marginBottom: \"25px\",\n color: \"#000\",\n letterSpacing: \"2px\",\n },\n cartItem: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: \"15px\",\n paddingBottom: \"10px\",\n borderBottom: \"1px solid #000\",\n },\n cartItemRight: {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"15px\",\n },\n removeButton: {\n background: \"none\",\n border: \"none\",\n color: \"#FF0000\",\n cursor: \"pointer\",\n },\n cartTotal: {\n textAlign: \"right\",\n marginTop: \"20px\",\n fontSize: \"1.3rem\",\n color: \"#000\",\n },\n checkoutButton: {\n width: \"100%\",\n backgroundColor: \"#000\",\n color: \"white\",\n border: \"none\",\n padding: \"15px\",\n borderRadius: \"30px\",\n marginTop: \"20px\",\n cursor: \"pointer\",\n transition: \"background-color 0.3s ease\",\n letterSpacing: \"2px\",\n },\n footer: {\n marginTop: \"50px\",\n paddingTop: \"30px\",\n borderTop: \"1px solid #000\",\n },\n footerContent: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n footerLinks: {\n display: \"flex\",\n gap: \"20px\",\n },\n footerLink: {\n color: \"#000\",\n textDecoration: \"none\",\n transition: \"color 0.3s ease\",\n },\n sourceLink: {\n color: \"#000\",\n textDecoration: \"none\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Absolute Boutique - Curated Elegance\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1739921283617],"version",19,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_130":131,"_132":133},"handle","nickynole","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0Q1I4OFZLNE10aGVubmZ0SE5FUlBWWERMeCJ9","forkedVal","interval",{"_95":96,"_137":37,"_100":101,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147,"_148":149,"_93":150,"_150":151},"runtime","clearedAt",["D",1739920357696],"nextRunAt",["D",1739962800000],"unit","hour","delay",60000,"registeredAt",["D",1739920353413],"lastRunAt",["D",1739920353566],"cron","0 11 * * *","slug","nickynole/absoluteBoutiqueStore","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[158,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,228,231],{"_118":119,"_159":-5,"_116":160,"_113":111},"prId",["D",1739921283617],{"_118":162,"_159":-5,"_116":163,"_113":164},18,["D",1739921237037],"e438f50e-ee4f-11ef-a0b0-e6cdfca9ef9f",{"_118":166,"_159":-5,"_116":167,"_113":168},17,["D",1739921178501],"c15490de-ee4f-11ef-b479-e6cdfca9ef9f",{"_118":170,"_159":-5,"_116":171,"_113":172},16,["D",1739919561710],"fda622ea-ee4b-11ef-b547-e6cdfca9ef9f",{"_118":174,"_159":-5,"_116":175,"_113":176},15,["D",1739919524082],"e73875da-ee4b-11ef-ad89-e6cdfca9ef9f",{"_118":178,"_159":-5,"_116":179,"_113":180},14,["D",1739919482372],"ce5c2f98-ee4b-11ef-81e0-e6cdfca9ef9f",{"_118":182,"_159":-5,"_116":183,"_113":184},13,["D",1739918954684],"93d575ce-ee4a-11ef-a6fb-e6cdfca9ef9f",{"_118":186,"_159":-5,"_116":187,"_113":188},12,["D",1739918842130],"50bfc12c-ee4a-11ef-9ab8-e6cdfca9ef9f",{"_118":190,"_159":-5,"_116":191,"_113":192},11,["D",1739918700933],"fc960304-ee49-11ef-af32-e6cdfca9ef9f",{"_118":194,"_159":-5,"_116":195,"_113":196},10,["D",1739918681398],"f0f18528-ee49-11ef-b40a-e6cdfca9ef9f",{"_118":198,"_159":-5,"_116":199,"_113":200},9,["D",1739918632931],"d40d8e2a-ee49-11ef-8b33-e6cdfca9ef9f",{"_118":202,"_159":-5,"_116":203,"_113":204},8,["D",1739918584937],"b772b1aa-ee49-11ef-b6f0-e6cdfca9ef9f",{"_118":206,"_159":-5,"_116":207,"_113":208},7,["D",1739915721902],"0cf23f94-ee43-11ef-ae91-e6cdfca9ef9f",{"_118":210,"_159":-5,"_116":211,"_113":212},6,["D",1739915574676],"b530f20a-ee42-11ef-a792-e6cdfca9ef9f",{"_118":214,"_159":-5,"_116":215,"_113":216},5,["D",1739915436124],"629b916c-ee42-11ef-974a-e6cdfca9ef9f",{"_118":218,"_159":-5,"_116":219,"_113":220},4,["D",1739914759838],"cf8347e0-ee40-11ef-8cf2-e6cdfca9ef9f",{"_118":222,"_159":-5,"_116":223,"_113":224},3,["D",1739914332749],"d0f1e52e-ee3f-11ef-9b49-e6cdfca9ef9f",{"_118":90,"_159":-5,"_116":226,"_113":227},["D",1739855019742],"b7a46e82-edb5-11ef-bf21-e6cdfca9ef9f",{"_118":122,"_159":-5,"_116":229,"_113":230},["D",1739854419912],"521d50e8-edb4-11ef-acba-e6cdfca9ef9f",{"_118":31,"_159":-5,"_116":232,"_113":233},["D",1739854253535],"eef28f92-edb3-11ef-81c3-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":241,"_242":243,"_94":244},"single","redirect","/v/nickynole/absoluteBoutiqueStore/versions",{"_113":172,"_114":245,"_118":170,"_116":246,"_247":99,"_100":101,"_108":109,"_130":131,"_11":96,"_248":-5,"_249":-5,"_250":-5,"_238":26,"_152":153},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\n// Updated Product Data with High-Quality Imagery\nconst PRODUCTS = [\n // Perfumes\n {\n id: 1,\n name: \"Noir Essence\",\n category: \"perfumes\",\n price: 899.99,\n image: \"https://maxm-imggenurl.web.val.run/elegant-black-perfume-bottle-with-gold-accents\",\n description: \"Sophisticated Fragrance for the Discerning Individual\",\n details: \"A complex blend of bergamot, black pepper, and sandalwood.\",\n },\n {\n id: 2,\n name: \"Rose Velvet\",\n category: \"perfumes\",\n price: 749.50,\n image: \"https://maxm-imggenurl.web.val.run/luxurious-pink-perfume-bottle-with-crystal-stopper\",\n description: \"Delicate Floral Essence\",\n details: \"Crafted with rare rose extract and subtle musk undertones.\",\n },\n\n // Health Products\n {\n id: 3,\n name: \"Vitality Elixir\",\n category: \"health\",\n price: 299.99,\n image: \"https://maxm-imggenurl.web.val.run/sleek-health-supplement-bottle-minimalist-design\",\n description: \"Premium Wellness Supplement\",\n details: \"Scientifically formulated with essential nutrients and antioxidants.\",\n },\n {\n id: 4,\n name: \"Immunity Boost\",\n category: \"health\",\n price: 249.50,\n image: \"https://maxm-imggenurl.web.val.run/modern-health-supplement-with-clean-packaging\",\n description: \"Advanced Immune Support\",\n details: \"Blend of natural extracts to enhance overall wellness.\",\n },\n\n // Hair Care\n {\n id: 5,\n name: \"Silk Repair Serum\",\n category: \"haircare\",\n price: 179.99,\n image: \"https://maxm-imggenurl.web.val.run/luxurious-hair-serum-in-glass-bottle\",\n description: \"Intensive Hair Restoration\",\n details: \"Nourishing formula with keratin and argan oil.\",\n },\n {\n id: 6,\n name: \"Scalp Renewal Treatment\",\n category: \"haircare\",\n price: 129.50,\n image: \"https://maxm-imggenurl.web.val.run/professional-hair-treatment-sleek-packaging\",\n description: \"Advanced Scalp Care\",\n details: \"Scientifically developed to promote hair health and growth.\",\n },\n\n // Sneakers\n {\n id: 7,\n name: \"Urban Elegance Runners\",\n category: \"sneakers\",\n price: 1299.99,\n image: \"https://maxm-imggenurl.web.val.run/minimalist-white-and-black-luxury-sneakers\",\n description: \"High-Performance Footwear\",\n details: \"Precision-engineered with premium materials and advanced comfort technology.\",\n },\n {\n id: 8,\n name: \"Classic Monochrome Trainers\",\n category: \"sneakers\",\n price: 899.50,\n image: \"https://maxm-imggenurl.web.val.run/sleek-black-and-white-designer-sneakers\",\n description: \"Timeless Athletic Style\",\n details: \"Sophisticated design meets unparalleled comfort and durability.\",\n },\n\n // Home Decor\n {\n id: 9,\n name: \"Minimalist Ceramic Vase\",\n category: \"homedecor\",\n price: 349.99,\n image: \"https://maxm-imggenurl.web.val.run/modern-white-ceramic-vase-with-clean-lines\",\n description: \"Contemporary Design Accent\",\n details: \"Handcrafted ceramic vase with elegant, minimalist aesthetic.\",\n },\n {\n id: 10,\n name: \"Luxe Throw Pillow\",\n category: \"homedecor\",\n price: 249.50,\n image: \"https://maxm-imggenurl.web.val.run/black-and-white-luxury-throw-pillow\",\n description: \"Sophisticated Home Accessory\",\n details: \"Premium fabric with intricate textural design.\",\n },\n];\n\nfunction App() {\n const [cart, setCart] = useState([]);\n const [filter, setFilter] = useState(\"all\");\n const [hoveredProduct, setHoveredProduct] = useState(null);\n\n const addToCart = (product) => {\n setCart([...cart, product]);\n };\n\n const removeFromCart = (productId) => {\n setCart(cart.filter(item => item.id !== productId));\n };\n\n const filteredProducts = filter === \"all\"\n ? PRODUCTS\n : PRODUCTS.filter(product => product.category === filter);\n\n const cartTotal = cart.reduce((total, item) => total + item.price, 0);\n\n return (\n

Absolute Boutique

Curated Elegance • Refined Living

\n \n

\n\n

\n {filteredProducts.map(product => (\n setHoveredProduct(product.id)}\n onMouseLeave={() => setHoveredProduct(null)}\n >\n \n

{product.name}

{product.description}

R {product.price.toFixed(2)}

\n addToCart(product)}\n style={styles.addToCartButton}\n >\n Add to Cart\n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",["D",1739919561710],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

absoluteBoutiqueStore

Version 16