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}","deleted","label",[98],"permalink","https://www.val.town/x/nickynole/absoluteBoutiqueStore/code/main.tsx","extension","actionData","errors"]