← back to Abramsagency
abramsagency.com: mobile-first liquid landing — 4 service pillars, DW flagship case study, live color-wheel grid demo, lead form
eaecc0324aa3af837d711fa225efbe159f82986f · 2026-08-13 10:57:02 -0700 · Steve Abrams
Files touched
A .deploy.confA .gitignoreA package-lock.jsonA package.jsonA public/index.htmlA server.js
Diff
commit eaecc0324aa3af837d711fa225efbe159f82986f
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Thu Aug 13 10:57:02 2026 -0700
abramsagency.com: mobile-first liquid landing — 4 service pillars, DW flagship case study, live color-wheel grid demo, lead form
---
.deploy.conf | 4 +
.gitignore | 9 +
package-lock.json | 828 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
package.json | 9 +
public/index.html | 460 ++++++++++++++++++++++++++++++
server.js | 37 +++
6 files changed, 1347 insertions(+)
diff --git a/.deploy.conf b/.deploy.conf
new file mode 100644
index 0000000..907db3d
--- /dev/null
+++ b/.deploy.conf
@@ -0,0 +1,4 @@
+PROJECT_NAME=abramsagency
+DEPLOY_PATH=/var/www/abramsagency.com
+HEALTH_URL=http://127.0.0.1:9788/healthz
+PORT=9788
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0d25fc4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,9 @@
+node_modules/
+.env*
+tmp/
+*.log
+.DS_Store
+dist/
+build/
+.next/
+data/leads.jsonl
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..252e096
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,828 @@
+{
+ "name": "abramsagency",
+ "version": "0.1.0",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "abramsagency",
+ "version": "0.1.0",
+ "dependencies": {
+ "express": "^4.19.2"
+ }
+ },
+ "node_modules/accepts": {
+ "version": "1.3.8",
+ "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+ "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+ "license": "MIT",
+ "dependencies": {
+ "mime-types": "~2.1.34",
+ "negotiator": "0.6.3"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/array-flatten": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+ "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+ "license": "MIT"
+ },
+ "node_modules/body-parser": {
+ "version": "1.20.6",
+ "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz",
+ "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==",
+ "license": "MIT",
+ "dependencies": {
+ "bytes": "~3.1.2",
+ "content-type": "~1.0.5",
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "destroy": "~1.2.0",
+ "http-errors": "~2.0.1",
+ "iconv-lite": "~0.4.24",
+ "on-finished": "~2.4.1",
+ "qs": "~6.15.1",
+ "raw-body": "~2.5.3",
+ "type-is": "~1.6.18",
+ "unpipe": "~1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8",
+ "npm": "1.2.8000 || >= 1.4.16"
+ }
+ },
+ "node_modules/bytes": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+ "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/call-bind-apply-helpers": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+ "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+ "license": "MIT",
+ "dependencies": {
+ "es-errors": "^1.3.0",
+ "function-bind": "^1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/call-bound": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+ "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+ "license": "MIT",
+ "dependencies": {
+ "call-bind-apply-helpers": "^1.0.2",
+ "get-intrinsic": "^1.3.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/content-disposition": {
+ "version": "0.5.4",
+ "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+ "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+ "license": "MIT",
+ "dependencies": {
+ "safe-buffer": "5.2.1"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/content-type": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+ "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/cookie": {
+ "version": "0.7.2",
+ "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+ "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/cookie-signature": {
+ "version": "1.0.7",
+ "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+ "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+ "license": "MIT"
+ },
+ "node_modules/debug": {
+ "version": "2.6.9",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+ "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+ "license": "MIT",
+ "dependencies": {
+ "ms": "2.0.0"
+ }
+ },
+ "node_modules/depd": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+ "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/destroy": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+ "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8",
+ "npm": "1.2.8000 || >= 1.4.16"
+ }
+ },
+ "node_modules/dunder-proto": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+ "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+ "license": "MIT",
+ "dependencies": {
+ "call-bind-apply-helpers": "^1.0.1",
+ "es-errors": "^1.3.0",
+ "gopd": "^1.2.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/ee-first": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+ "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+ "license": "MIT"
+ },
+ "node_modules/encodeurl": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+ "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/es-define-property": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+ "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/es-errors": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+ "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/es-object-atoms": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+ "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+ "license": "MIT",
+ "dependencies": {
+ "es-errors": "^1.3.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/escape-html": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+ "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+ "license": "MIT"
+ },
+ "node_modules/etag": {
+ "version": "1.8.1",
+ "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+ "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/express": {
+ "version": "4.22.2",
+ "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz",
+ "integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==",
+ "license": "MIT",
+ "dependencies": {
+ "accepts": "~1.3.8",
+ "array-flatten": "1.1.1",
+ "body-parser": "~1.20.5",
+ "content-disposition": "~0.5.4",
+ "content-type": "~1.0.4",
+ "cookie": "~0.7.1",
+ "cookie-signature": "~1.0.6",
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "encodeurl": "~2.0.0",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "finalhandler": "~1.3.1",
+ "fresh": "~0.5.2",
+ "http-errors": "~2.0.0",
+ "merge-descriptors": "1.0.3",
+ "methods": "~1.1.2",
+ "on-finished": "~2.4.1",
+ "parseurl": "~1.3.3",
+ "path-to-regexp": "~0.1.12",
+ "proxy-addr": "~2.0.7",
+ "qs": "~6.15.1",
+ "range-parser": "~1.2.1",
+ "safe-buffer": "5.2.1",
+ "send": "~0.19.0",
+ "serve-static": "~1.16.2",
+ "setprototypeof": "1.2.0",
+ "statuses": "~2.0.1",
+ "type-is": "~1.6.18",
+ "utils-merge": "1.0.1",
+ "vary": "~1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.10.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/express"
+ }
+ },
+ "node_modules/finalhandler": {
+ "version": "1.3.2",
+ "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+ "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+ "license": "MIT",
+ "dependencies": {
+ "debug": "2.6.9",
+ "encodeurl": "~2.0.0",
+ "escape-html": "~1.0.3",
+ "on-finished": "~2.4.1",
+ "parseurl": "~1.3.3",
+ "statuses": "~2.0.2",
+ "unpipe": "~1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/forwarded": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+ "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/fresh": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+ "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/function-bind": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+ "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+ "license": "MIT",
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/get-intrinsic": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+ "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+ "license": "MIT",
+ "dependencies": {
+ "call-bind-apply-helpers": "^1.0.2",
+ "es-define-property": "^1.0.1",
+ "es-errors": "^1.3.0",
+ "es-object-atoms": "^1.1.1",
+ "function-bind": "^1.1.2",
+ "get-proto": "^1.0.1",
+ "gopd": "^1.2.0",
+ "has-symbols": "^1.1.0",
+ "hasown": "^2.0.2",
+ "math-intrinsics": "^1.1.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/get-proto": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+ "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+ "license": "MIT",
+ "dependencies": {
+ "dunder-proto": "^1.0.1",
+ "es-object-atoms": "^1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/gopd": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+ "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/has-symbols": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+ "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/hasown": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+ "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+ "license": "MIT",
+ "dependencies": {
+ "function-bind": "^1.1.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/http-errors": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+ "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+ "license": "MIT",
+ "dependencies": {
+ "depd": "~2.0.0",
+ "inherits": "~2.0.4",
+ "setprototypeof": "~1.2.0",
+ "statuses": "~2.0.2",
+ "toidentifier": "~1.0.1"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/express"
+ }
+ },
+ "node_modules/iconv-lite": {
+ "version": "0.4.24",
+ "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+ "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+ "license": "MIT",
+ "dependencies": {
+ "safer-buffer": ">= 2.1.2 < 3"
+ },
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+ "license": "ISC"
+ },
+ "node_modules/ipaddr.js": {
+ "version": "1.9.1",
+ "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+ "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/math-intrinsics": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+ "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4"
+ }
+ },
+ "node_modules/media-typer": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+ "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/merge-descriptors": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+ "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+ "license": "MIT",
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/methods": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+ "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mime": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+ "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+ "license": "MIT",
+ "bin": {
+ "mime": "cli.js"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/mime-db": {
+ "version": "1.52.0",
+ "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+ "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/mime-types": {
+ "version": "2.1.35",
+ "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+ "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+ "license": "MIT",
+ "dependencies": {
+ "mime-db": "1.52.0"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+ "license": "MIT"
+ },
+ "node_modules/negotiator": {
+ "version": "0.6.3",
+ "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+ "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/object-inspect": {
+ "version": "1.13.4",
+ "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+ "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/on-finished": {
+ "version": "2.4.1",
+ "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+ "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+ "license": "MIT",
+ "dependencies": {
+ "ee-first": "1.1.1"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/parseurl": {
+ "version": "1.3.3",
+ "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+ "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/path-to-regexp": {
+ "version": "0.1.13",
+ "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+ "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
+ "license": "MIT"
+ },
+ "node_modules/proxy-addr": {
+ "version": "2.0.7",
+ "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+ "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+ "license": "MIT",
+ "dependencies": {
+ "forwarded": "0.2.0",
+ "ipaddr.js": "1.9.1"
+ },
+ "engines": {
+ "node": ">= 0.10"
+ }
+ },
+ "node_modules/qs": {
+ "version": "6.15.3",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+ "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
+ "license": "BSD-3-Clause",
+ "dependencies": {
+ "es-define-property": "^1.0.1",
+ "side-channel": "^1.1.1"
+ },
+ "engines": {
+ "node": ">=0.6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/range-parser": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+ "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/raw-body": {
+ "version": "2.5.3",
+ "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+ "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+ "license": "MIT",
+ "dependencies": {
+ "bytes": "~3.1.2",
+ "http-errors": "~2.0.1",
+ "iconv-lite": "~0.4.24",
+ "unpipe": "~1.0.0"
+ },
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/safe-buffer": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+ "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/feross"
+ },
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/feross"
+ },
+ {
+ "type": "consulting",
+ "url": "https://feross.org/support"
+ }
+ ],
+ "license": "MIT"
+ },
+ "node_modules/safer-buffer": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+ "license": "MIT"
+ },
+ "node_modules/send": {
+ "version": "0.19.2",
+ "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+ "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+ "license": "MIT",
+ "dependencies": {
+ "debug": "2.6.9",
+ "depd": "2.0.0",
+ "destroy": "1.2.0",
+ "encodeurl": "~2.0.0",
+ "escape-html": "~1.0.3",
+ "etag": "~1.8.1",
+ "fresh": "~0.5.2",
+ "http-errors": "~2.0.1",
+ "mime": "1.6.0",
+ "ms": "2.1.3",
+ "on-finished": "~2.4.1",
+ "range-parser": "~1.2.1",
+ "statuses": "~2.0.2"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/send/node_modules/ms": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+ "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+ "license": "MIT"
+ },
+ "node_modules/serve-static": {
+ "version": "1.16.3",
+ "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+ "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+ "license": "MIT",
+ "dependencies": {
+ "encodeurl": "~2.0.0",
+ "escape-html": "~1.0.3",
+ "parseurl": "~1.3.3",
+ "send": "~0.19.1"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/setprototypeof": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+ "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+ "license": "ISC"
+ },
+ "node_modules/side-channel": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+ "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+ "license": "MIT",
+ "dependencies": {
+ "es-errors": "^1.3.0",
+ "object-inspect": "^1.13.4",
+ "side-channel-list": "^1.0.1",
+ "side-channel-map": "^1.0.1",
+ "side-channel-weakmap": "^1.0.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/side-channel-list": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+ "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+ "license": "MIT",
+ "dependencies": {
+ "es-errors": "^1.3.0",
+ "object-inspect": "^1.13.4"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/side-channel-map": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+ "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+ "license": "MIT",
+ "dependencies": {
+ "call-bound": "^1.0.2",
+ "es-errors": "^1.3.0",
+ "get-intrinsic": "^1.2.5",
+ "object-inspect": "^1.13.3"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/side-channel-weakmap": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+ "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+ "license": "MIT",
+ "dependencies": {
+ "call-bound": "^1.0.2",
+ "es-errors": "^1.3.0",
+ "get-intrinsic": "^1.2.5",
+ "object-inspect": "^1.13.3",
+ "side-channel-map": "^1.0.1"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/statuses": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+ "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/toidentifier": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+ "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=0.6"
+ }
+ },
+ "node_modules/type-is": {
+ "version": "1.6.18",
+ "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+ "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+ "license": "MIT",
+ "dependencies": {
+ "media-typer": "0.3.0",
+ "mime-types": "~2.1.24"
+ },
+ "engines": {
+ "node": ">= 0.6"
+ }
+ },
+ "node_modules/unpipe": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+ "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ },
+ "node_modules/utils-merge": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+ "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.4.0"
+ }
+ },
+ "node_modules/vary": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+ "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+ "license": "MIT",
+ "engines": {
+ "node": ">= 0.8"
+ }
+ }
+ }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..8bca595
--- /dev/null
+++ b/package.json
@@ -0,0 +1,9 @@
+{
+ "name": "abramsagency",
+ "version": "0.1.0",
+ "private": true,
+ "description": "abramsagency.com — mobile-first liquid landing page + DW case study",
+ "main": "server.js",
+ "scripts": { "start": "node server.js" },
+ "dependencies": { "express": "^4.19.2" }
+}
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..77921b5
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,460 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>Abrams Agency — AI, Web, Commerce & Growth, built and run for you</title>
+<meta name="description" content="Abrams Agency builds and operates AI agents, custom sites, e-commerce, and marketing automation. See how we built Designer Wallcoverings — a full digital operation, run autonomously.">
+<meta property="og:title" content="Abrams Agency — we build and run your whole digital operation">
+<meta property="og:description" content="AI agents, custom web & apps, Shopify commerce, and growth marketing. Flagship case study: Designer Wallcoverings.">
+<meta property="og:type" content="website">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<style>
+:root{
+ --bg:#05060a; --ink:#f4f6ff; --muted:#9aa3c0; --line:rgba(255,255,255,.12);
+ --glass:rgba(20,24,40,.42); --glass-2:rgba(30,36,60,.55);
+ --a1:#7c5cff; --a2:#22d3ee; --a3:#ff5ca8; --a4:#4ade80;
+ --pill:#0a0c14;
+ --r:22px; --maxw:1180px;
+ --fluid-h1:clamp(2.6rem,9vw,6.2rem);
+ --fluid-h2:clamp(1.9rem,5.2vw,3.4rem);
+ --fluid-lead:clamp(1.05rem,2.7vw,1.4rem);
+}
+*{box-sizing:border-box;margin:0;padding:0}
+html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
+body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
+h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;line-height:1.02;letter-spacing:-.02em}
+a{color:inherit;text-decoration:none}
+img{max-width:100%;display:block}
+
+/* ---------- liquid animated mesh background ---------- */
+.mesh{position:fixed;inset:-20%;z-index:0;filter:blur(60px) saturate(140%);opacity:.55;pointer-events:none}
+.mesh span{position:absolute;width:52vw;height:52vw;border-radius:50%;mix-blend-mode:screen;animation:float 22s ease-in-out infinite}
+.mesh .b1{background:radial-gradient(circle,#7c5cff,transparent 60%);top:-10%;left:-8%}
+.mesh .b2{background:radial-gradient(circle,#22d3ee,transparent 60%);top:20%;right:-14%;animation-duration:28s}
+.mesh .b3{background:radial-gradient(circle,#ff5ca8,transparent 60%);bottom:-16%;left:18%;animation-duration:25s}
+.mesh .b4{background:radial-gradient(circle,#4ade80,transparent 62%);bottom:6%;right:8%;animation-duration:31s}
+@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(6%,-5%) scale(1.12)}66%{transform:translate(-5%,6%) scale(.94)}}
+@media(prefers-reduced-motion:reduce){.mesh span{animation:none}}
+
+.wrap{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 20px}
+
+/* ---------- glass ---------- */
+.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--line);border-radius:var(--r)}
+
+/* ---------- nav ---------- */
+header{position:sticky;top:0;z-index:50}
+nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px auto;max-width:var(--maxw);padding:10px 16px}
+.logo{display:flex;align-items:center;gap:10px;font-family:Fraunces;font-weight:900;font-size:1.25rem;letter-spacing:-.03em}
+.logo .dot{width:26px;height:26px;border-radius:50%;background:conic-gradient(from 0deg,#ff5ca8,#7c5cff,#22d3ee,#4ade80,#ff5ca8);box-shadow:0 0 18px rgba(124,92,255,.7)}
+.navlinks{display:flex;gap:6px;align-items:center}
+.navlinks a{color:var(--muted);font-weight:500;font-size:.94rem;padding:8px 12px;border-radius:12px;transition:.2s}
+.navlinks a:hover{color:var(--ink);background:rgba(255,255,255,.06)}
+.pill{background:linear-gradient(135deg,var(--a1),var(--a3));color:#fff;font-weight:600;padding:11px 20px;border-radius:999px;box-shadow:0 8px 30px rgba(124,92,255,.45);transition:transform .2s,box-shadow .2s;white-space:nowrap}
+.pill:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,92,168,.5)}
+.burger{display:none;flex-direction:column;gap:5px;padding:12px;background:none;border:0;cursor:pointer}
+.burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
+.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
+.burger.on span:nth-child(2){opacity:0}
+.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
+
+/* ---------- hero ---------- */
+.hero{padding:clamp(48px,10vw,120px) 0 clamp(40px,7vw,80px);text-align:center}
+.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px 16px;border-radius:999px;margin-bottom:26px}
+.eyebrow b{color:var(--a2);font-weight:700}
+h1.hero-title{font-size:var(--fluid-h1);font-weight:900;max-width:16ch;margin:0 auto}
+h1 .grad{background:linear-gradient(120deg,#7c5cff,#22d3ee 40%,#ff5ca8 75%,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent}
+.lead{font-size:var(--fluid-lead);color:var(--muted);max-width:52ch;margin:24px auto 0}
+.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
+.btn-ghost{padding:13px 24px;border-radius:999px;border:1px solid var(--line);font-weight:600;transition:.2s}
+.btn-ghost:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
+.stats{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:52px}
+.stat b{font-family:Fraunces;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;display:block;background:linear-gradient(120deg,#22d3ee,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
+.stat span{color:var(--muted);font-size:.82rem;letter-spacing:.04em}
+
+/* ---------- sections ---------- */
+section{padding:clamp(56px,9vw,110px) 0}
+.sec-head{max-width:640px;margin-bottom:44px}
+.sec-head .kicker{color:var(--a2);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}
+.sec-head h2{font-size:var(--fluid-h2);font-weight:900;margin:12px 0}
+.sec-head p{color:var(--muted);font-size:1.06rem}
+
+/* ---------- services (4 pillars) ---------- */
+.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
+.pillar{padding:26px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
+.pillar:hover{transform:translateY(-6px)}
+.pillar .ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;margin-bottom:16px}
+.p1 .ic{background:linear-gradient(135deg,#7c5cff,#a78bfa)} .p1:hover{border-color:#7c5cff}
+.p2 .ic{background:linear-gradient(135deg,#22d3ee,#38bdf8)} .p2:hover{border-color:#22d3ee}
+.p3 .ic{background:linear-gradient(135deg,#ff5ca8,#fb7185)} .p3:hover{border-color:#ff5ca8}
+.p4 .ic{background:linear-gradient(135deg,#4ade80,#86efac)} .p4:hover{border-color:#4ade80}
+.pillar h3{font-size:1.35rem;font-weight:600;margin-bottom:10px}
+.pillar>p{color:var(--muted);font-size:.95rem;margin-bottom:16px}
+.pillar ul{list-style:none;display:flex;flex-direction:column;gap:8px}
+.pillar li{font-size:.9rem;color:#cbd2ea;display:flex;gap:9px;align-items:flex-start}
+.pillar li::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6;margin-top:8px;flex:0 0 auto}
+
+/* ---------- case study ---------- */
+.case{position:relative}
+.case-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-size:.82rem;color:var(--a4);margin-bottom:18px}
+.case-badge .live{width:8px;height:8px;border-radius:50%;background:var(--a4);box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}
+@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 12px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
+.case-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}
+.case-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
+.metric{padding:22px}
+.metric b{font-family:Fraunces;font-size:clamp(1.7rem,4.6vw,2.5rem);font-weight:900;display:block}
+.metric.m1 b{color:#7c5cff}.metric.m2 b{color:#22d3ee}.metric.m3 b{color:#ff5ca8}.metric.m4 b{color:#4ade80}
+.metric span{color:var(--muted);font-size:.84rem}
+.built{padding:26px}
+.built h3{font-size:1.3rem;font-weight:600;margin-bottom:6px}
+.built .sub{color:var(--muted);font-size:.9rem;margin-bottom:18px}
+.built .row{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
+.built .row .tag{font-size:1.35rem;flex:0 0 auto}
+.built .row b{font-weight:600;font-size:.98rem;display:block}
+.built .row small{color:var(--muted);font-size:.85rem}
+
+/* ---------- live color-wheel demo ---------- */
+.demo{margin-top:26px;padding:26px}
+.demo-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
+.demo-head h3{font-size:1.35rem;font-weight:600}
+.demo-head p{color:var(--muted);font-size:.9rem;max-width:46ch}
+.demo-body{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:start}
+.wheel-col{display:flex;flex-direction:column;align-items:center;gap:14px}
+#wheel{touch-action:none;cursor:grab;border-radius:50%;box-shadow:0 20px 60px rgba(0,0,0,.5)}
+#wheel:active{cursor:grabbing}
+.wheel-read{font-size:.82rem;color:var(--muted);text-align:center}
+.wheel-read b{color:var(--ink);font-family:Fraunces;font-size:1.1rem}
+.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
+.ctrl{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}
+.ctrl select,.ctrl input[type=range]{accent-color:var(--a1)}
+.ctrl select{background:var(--pill);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.85rem}
+.pgrid{display:grid;gap:10px;grid-template-columns:repeat(var(--cols,4),1fr)}
+.swatch{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
+.swatch:hover{transform:scale(1.06);z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.5)}
+.swatch .lbl{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:.62rem;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff;opacity:0;transition:.2s}
+.swatch:hover .lbl{opacity:1}
+
+/* ---------- contact ---------- */
+.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
+.contact-copy h2{font-size:var(--fluid-h2);font-weight:900;margin-bottom:14px}
+.contact-copy p{color:var(--muted);font-size:1.05rem;margin-bottom:22px}
+.taplinks{display:flex;flex-direction:column;gap:12px}
+.tap{display:flex;align-items:center;gap:14px;padding:16px 18px}
+.tap .ic{font-size:1.4rem}
+.tap b{display:block;font-weight:600}
+.tap small{color:var(--muted)}
+form.lead{padding:26px;display:flex;flex-direction:column;gap:14px}
+form.lead label{font-size:.82rem;color:var(--muted)}
+form.lead input,form.lead textarea,form.lead select{width:100%;background:var(--pill);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;transition:border-color .2s}
+form.lead input:focus,form.lead textarea:focus,form.lead select:focus{outline:none;border-color:var(--a1)}
+form.lead textarea{min-height:96px;resize:vertical}
+form.lead button{margin-top:6px;border:0;cursor:pointer;font-size:1rem}
+.form-msg{font-size:.9rem;text-align:center;min-height:1.2em}
+.form-msg.ok{color:var(--a4)} .form-msg.err{color:#fb7185}
+
+footer{padding:44px 0 60px;text-align:center;color:var(--muted);font-size:.85rem}
+footer .logo{justify-content:center;margin-bottom:14px}
+
+/* reveal */
+.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
+.reveal.in{opacity:1;transform:none}
+
+/* ---------- responsive / mobile-forward ---------- */
+@media(max-width:860px){
+ .case-grid,.contact-grid{grid-template-columns:1fr}
+ .demo-body{grid-template-columns:1fr}
+ .wheel-col{flex-direction:row;justify-content:center;flex-wrap:wrap}
+}
+@media(max-width:680px){
+ .navlinks{position:fixed;inset:0 0 auto 0;top:0;flex-direction:column;align-items:stretch;gap:2px;padding:84px 20px 24px;background:rgba(8,10,18,.92);backdrop-filter:blur(20px);transform:translateY(-105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);height:auto;border-bottom:1px solid var(--line)}
+ .navlinks.open{transform:none}
+ .navlinks a{padding:14px;font-size:1.05rem;border-radius:12px}
+ .navlinks .pill{text-align:center;margin-top:8px}
+ .burger{display:flex;z-index:60}
+ .case-metrics{grid-template-columns:1fr 1fr}
+ .stats{gap:18px}
+}
+</style>
+</head>
+<body>
+
+<div class="mesh" aria-hidden="true"><span class="b1"></span><span class="b2"></span><span class="b3"></span><span class="b4"></span></div>
+
+<header>
+ <nav class="glass">
+ <a class="logo" href="#top"><span class="dot"></span>Abrams<span style="opacity:.6">Agency</span></a>
+ <button class="burger" id="burger" aria-label="Menu"><span></span><span></span><span></span></button>
+ <div class="navlinks glass" id="navlinks" style="background:transparent;border:0;backdrop-filter:none">
+ <a href="#services">Services</a>
+ <a href="#work">Our Work</a>
+ <a href="#demo">Live Demo</a>
+ <a class="pill" href="#contact">Start a project</a>
+ </div>
+ </nav>
+</header>
+
+<main id="top" class="wrap">
+
+ <!-- HERO -->
+ <section class="hero">
+ <span class="eyebrow glass">A one-agency digital operation · <b>we build it AND run it</b></span>
+ <h1 class="hero-title">We build the <span class="grad">machine</span> that runs your business.</h1>
+ <p class="lead">AI agents, custom sites & apps, e-commerce, and growth marketing — designed, shipped, and operated for you. Not a deck. A working system that ships every day.</p>
+ <div class="hero-cta">
+ <a class="pill" href="#contact">Start a project →</a>
+ <a class="btn-ghost" href="#work">See what we built for a client</a>
+ </div>
+ <div class="stats">
+ <div class="stat reveal"><b data-count="209">0</b><span>SITES OPERATED</span></div>
+ <div class="stat reveal"><b data-count="100" data-suffix="+">0</b><span>AI AGENTS RUNNING</span></div>
+ <div class="stat reveal"><b data-count="60" data-suffix="k+">0</b><span>PRODUCTS MANAGED</span></div>
+ <div class="stat reveal"><b data-count="24" data-suffix="/7">0</b><span>AUTONOMOUS OPS</span></div>
+ </div>
+ </section>
+
+ <!-- SERVICES: all 4 pillars -->
+ <section id="services">
+ <div class="sec-head reveal">
+ <div class="kicker">What we do</div>
+ <h2>Four things, done end-to-end.</h2>
+ <p>Most agencies hand you files and walk away. We build the system and keep it running — so the work compounds instead of decaying.</p>
+ </div>
+ <div class="pillars">
+ <div class="pillar glass p1 reveal">
+ <div class="ic">🤖</div>
+ <h3>AI Agents & Automation</h3>
+ <p>Autonomous software that does the repetitive work — 24/7, at a fraction of headcount cost.</p>
+ <ul>
+ <li>Custom AI agents & multi-agent fleets</li>
+ <li>Workflow & back-office automation</li>
+ <li>Data pipelines, scraping & enrichment</li>
+ <li>LLM apps, RAG & internal copilots</li>
+ </ul>
+ </div>
+ <div class="pillar glass p2 reveal">
+ <div class="ic">🧩</div>
+ <h3>Full-Service Digital</h3>
+ <p>Your entire online operation under one roof — strategy, build, and day-to-day running.</p>
+ <ul>
+ <li>End-to-end product & platform builds</li>
+ <li>Directories & data platforms</li>
+ <li>Analytics, dashboards & reporting</li>
+ <li>Ongoing operations & support</li>
+ </ul>
+ </div>
+ <div class="pillar glass p3 reveal">
+ <div class="ic">🛍️</div>
+ <h3>Web & E-commerce</h3>
+ <p>Beautiful, blazing-fast sites and stores engineered to convert on mobile first.</p>
+ <ul>
+ <li>Custom websites & landing pages</li>
+ <li>Shopify & headless commerce</li>
+ <li>Product catalogs, search & merchandising</li>
+ <li>Performance, SEO & Core Web Vitals</li>
+ </ul>
+ </div>
+ <div class="pillar glass p4 reveal">
+ <div class="ic">📈</div>
+ <h3>Growth & Marketing</h3>
+ <p>Get found, followed, and booked — content and campaigns run like clockwork.</p>
+ <ul>
+ <li>Social (Instagram, TikTok, LinkedIn)</li>
+ <li>SEO & AI-search (AEO/GEO)</li>
+ <li>Video, reels & brand creative</li>
+ <li>Email, paid ads & funnels</li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <!-- CASE STUDY: Designer Wallcoverings -->
+ <section id="work" class="case">
+ <div class="sec-head reveal">
+ <div class="kicker">Flagship case study</div>
+ <span class="case-badge glass"><span class="live"></span>LIVE & RUNNING TODAY</span>
+ <h2>Designer Wallcoverings</h2>
+ <p>A luxury wallcovering brand with 60,000+ products across 100+ vendors. We built — and now autonomously operate — its entire digital business: the store, a fleet of sister sites, the data pipelines, and the marketing.</p>
+ </div>
+
+ <div class="case-grid">
+ <div class="case-metrics reveal">
+ <div class="metric glass m1"><b>60k+</b><span>Products catalogued, priced & live</span></div>
+ <div class="metric glass m2"><b>209</b><span>Sister microsites operated</span></div>
+ <div class="metric glass m3"><b>100+</b><span>Vendor scrapers feeding the catalog</span></div>
+ <div class="metric glass m4"><b>24/7</b><span>AI agents running the back office</span></div>
+ </div>
+
+ <div class="built glass reveal">
+ <h3>What we built for them</h3>
+ <div class="sub">A complete, self-running commerce operation.</div>
+ <div class="row"><span class="tag">🛒</span><div><b>The Shopify storefront</b><small>60k+ SKUs with automated pricing, metafields, and a catalog kept fresh nightly.</small></div></div>
+ <div class="row"><span class="tag">🕸️</span><div><b>209 sister & vendor microsites</b><small>Per-line editorial storefronts (cork, silk, linen, grasscloth…) each with its own identity.</small></div></div>
+ <div class="row"><span class="tag">🎨</span><div><b>Signature grid controls</b><small>Color-wheel sort, density slider, list/grid toggle & per-field filters — the exact UI demoed below.</small></div></div>
+ <div class="row"><span class="tag">🤖</span><div><b>An AI agent fleet</b><small>Scraping, enrichment, SKU normalization, catalog QA & uptime canaries — running unattended.</small></div></div>
+ <div class="row"><span class="tag">📣</span><div><b>Marketing automation</b><small>Instagram, TikTok & LinkedIn content, SEO, Google Merchant feed & room-render creative.</small></div></div>
+ <div class="row"><span class="tag">🗂️</span><div><b>Directories & tools</b><small>Installer directories, quote flows, and internal curation viewers for the team.</small></div></div>
+ </div>
+ </div>
+
+ <!-- LIVE COLOR-WHEEL DEMO -->
+ <div id="demo" class="demo glass reveal">
+ <div class="demo-head">
+ <h3>🎨 The color wheel, live</h3>
+ <p>The same color-sort we shipped for Designer Wallcoverings. <b style="color:var(--ink)">Drag the wheel</b> to spin the grid to any hue — plus sort & density controls, all dogfooded right here.</p>
+ </div>
+ <div class="demo-body">
+ <div class="wheel-col">
+ <canvas id="wheel" width="200" height="200" role="slider" aria-label="Color hue selector"></canvas>
+ <div class="wheel-read">Anchor hue<br><b id="hueread">0°</b></div>
+ </div>
+ <div>
+ <div class="controls">
+ <label class="ctrl">Sort
+ <select id="sortsel">
+ <option value="wheel">Color wheel (from anchor)</option>
+ <option value="light">Light → Dark</option>
+ <option value="dark">Dark → Light</option>
+ <option value="name">Name A→Z</option>
+ </select>
+ </label>
+ <label class="ctrl">Density
+ <input type="range" id="density" min="3" max="8" value="5">
+ </label>
+ </div>
+ <div class="pgrid" id="pgrid"></div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <!-- CONTACT -->
+ <section id="contact">
+ <div class="contact-grid">
+ <div class="contact-copy reveal">
+ <h2>Let's build yours.</h2>
+ <p>Tell us what you're trying to run better. We'll come back with a concrete plan — what we'd build, what it'd cost, and what it'd save.</p>
+ <div class="taplinks">
+ <a class="tap glass" href="mailto:info@abramsagency.com"><span class="ic">✉️</span><div><b>info@abramsagency.com</b><small>Email us — we reply same day</small></div></a>
+ <a class="tap glass" href="tel:+13105551234"><span class="ic">📞</span><div><b>Tap to call</b><small>Talk it through in 15 minutes</small></div></a>
+ </div>
+ </div>
+ <form class="lead glass reveal" id="leadform" autocomplete="on">
+ <div><label for="name">Your name</label><input id="name" name="name" required></div>
+ <div><label for="email">Email</label><input id="email" name="email" type="email" required></div>
+ <div><label for="need">What do you need?</label>
+ <select id="need" name="need">
+ <option>AI agents / automation</option>
+ <option>A website or web app</option>
+ <option>An online store / Shopify</option>
+ <option>Marketing & growth</option>
+ <option>Not sure yet — let's talk</option>
+ </select>
+ </div>
+ <div><label for="msg">A few details</label><textarea id="msg" name="message" placeholder="What are you trying to build or fix?"></textarea></div>
+ <button class="pill" type="submit">Get started →</button>
+ <div class="form-msg" id="formmsg"></div>
+ </form>
+ </div>
+ </section>
+
+</main>
+
+<footer class="wrap">
+ <a class="logo" href="#top"><span class="dot"></span>Abrams<span style="opacity:.6">Agency</span></a>
+ <div>We build the machine that runs your business.</div>
+ <div style="margin-top:8px">© <span id="yr"></span> Abrams Agency · abramsagency.com</div>
+</footer>
+
+<script>
+/* ---------- nav ---------- */
+const burger=document.getElementById('burger'),navlinks=document.getElementById('navlinks');
+burger.addEventListener('click',()=>{burger.classList.toggle('on');navlinks.classList.toggle('open')});
+navlinks.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{burger.classList.remove('on');navlinks.classList.remove('open')}));
+document.getElementById('yr').textContent=new Date().getFullYear();
+
+/* ---------- scroll reveal ---------- */
+const io=new IntersectionObserver((es)=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}}),{threshold:.14});
+document.querySelectorAll('.reveal').forEach(el=>io.observe(el));
+
+/* ---------- animated stat counters ---------- */
+const cio=new IntersectionObserver((es)=>es.forEach(e=>{
+ if(!e.isIntersecting)return; const el=e.target.querySelector('[data-count]'); if(!el||el.dataset.done)return;
+ el.dataset.done=1; const end=+el.dataset.count,suf=el.dataset.suffix||'';let t0=null;
+ const step=(t)=>{if(!t0)t0=t;const p=Math.min((t-t0)/1100,1);el.textContent=Math.round(end*(1-Math.pow(1-p,3)))+suf;if(p<1)requestAnimationFrame(step)};
+ requestAnimationFrame(step); cio.unobserve(e.target);
+}),{threshold:.5});
+document.querySelectorAll('.stat').forEach(s=>cio.observe(s));
+
+/* ---------- color-wheel demo ---------- */
+const NAMES=["Alabaster","Oatmeal","Greige","Celadon","Ink","Terracotta","Sage","Ochre","Marine","Blush","Aubergine","Bronze","Cobalt","Fern","Coral","Slate","Saffron","Plum","Teal","Chartreuse","Rose","Indigo","Moss","Rust"];
+// build a spectrum of demo products (hue-spread, varied light/sat)
+const PRODUCTS=Array.from({length:24},(_,i)=>{
+ const h=(i*360/24+ (i%3)*7)%360, s=45+(i%4)*12, l=40+((i*37)%40);
+ return {name:NAMES[i%NAMES.length], h, s, l};
+});
+const grid=document.getElementById('pgrid'), hueread=document.getElementById('hueread');
+const sortsel=document.getElementById('sortsel'), density=document.getElementById('density');
+let anchor=0;
+
+function render(){
+ const list=[...PRODUCTS];
+ const mode=sortsel.value;
+ if(mode==='wheel') list.sort((a,b)=>(((a.h-anchor)%360+360)%360)-(((b.h-anchor)%360+360)%360));
+ else if(mode==='light') list.sort((a,b)=>b.l-a.l);
+ else if(mode==='dark') list.sort((a,b)=>a.l-b.l);
+ else list.sort((a,b)=>a.name.localeCompare(b.name));
+ grid.style.setProperty('--cols',density.value);
+ grid.innerHTML=list.map(p=>`<div class="swatch" style="background:hsl(${p.h} ${p.s}% ${p.l}%)"><span class="lbl">${p.name} · ${Math.round(p.h)}°</span></div>`).join('');
+}
+sortsel.addEventListener('change',render); density.addEventListener('input',render);
+
+/* draw the wheel */
+const cv=document.getElementById('wheel'),ctx=cv.getContext('2d'),CX=100,CY=100,RO=92,RI=52;
+function drawWheel(){
+ ctx.clearRect(0,0,200,200);
+ for(let a=0;a<360;a++){
+ const s=(a-90)*Math.PI/180,e=(a-89.2)*Math.PI/180;
+ ctx.beginPath();ctx.arc(CX,CY,RO,s,e);ctx.arc(CX,CY,RI,e,s,true);ctx.closePath();
+ ctx.fillStyle=`hsl(${a} 85% 55%)`;ctx.fill();
+ }
+ // anchor handle
+ const ah=(anchor-90)*Math.PI/180, hx=CX+Math.cos(ah)*((RO+RI)/2), hy=CY+Math.sin(ah)*((RO+RI)/2);
+ ctx.beginPath();ctx.arc(hx,hy,11,0,7);ctx.fillStyle='#fff';ctx.fill();
+ ctx.lineWidth=3;ctx.strokeStyle=`hsl(${anchor} 85% 50%)`;ctx.stroke();
+ // center label
+ ctx.beginPath();ctx.arc(CX,CY,RI-6,0,7);ctx.fillStyle='#05060a';ctx.fill();
+ ctx.fillStyle='#fff';ctx.font='600 13px Inter,sans-serif';ctx.textAlign='center';ctx.textBaseline='middle';
+ ctx.fillText('SPIN',CX,CY);
+}
+function setFromEvent(ev){
+ const r=cv.getBoundingClientRect(),cx=ev.touches?ev.touches[0].clientX:ev.clientX,cy=ev.touches?ev.touches[0].clientY:ev.clientY;
+ const px=(cx-r.left)*(cv.width/r.width)-CX, py=(cy-r.top)*(cv.height/r.height)-CY;
+ anchor=(Math.atan2(py,px)*180/Math.PI+90+360)%360;
+ hueread.textContent=Math.round(anchor)+'°';
+ if(sortsel.value!=='wheel'){sortsel.value='wheel';}
+ drawWheel();render();
+}
+let dragging=false;
+const start=(e)=>{dragging=true;setFromEvent(e);e.preventDefault()};
+const move=(e)=>{if(dragging)setFromEvent(e)};
+const end=()=>{dragging=false};
+cv.addEventListener('mousedown',start);window.addEventListener('mousemove',move);window.addEventListener('mouseup',end);
+cv.addEventListener('touchstart',start,{passive:false});window.addEventListener('touchmove',move,{passive:false});window.addEventListener('touchend',end);
+drawWheel();render();
+
+/* ---------- lead form ---------- */
+const form=document.getElementById('leadform'),msg=document.getElementById('formmsg');
+form.addEventListener('submit',async(e)=>{
+ e.preventDefault();msg.className='form-msg';msg.textContent='Sending…';
+ const data=Object.fromEntries(new FormData(form));
+ try{
+ const r=await fetch('/api/contact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});
+ if(!r.ok)throw 0;
+ msg.className='form-msg ok';msg.textContent="Got it — we'll be in touch shortly. 🎉";form.reset();
+ }catch(_){msg.className='form-msg err';msg.textContent='Something went wrong — email info@abramsagency.com directly.';}
+});
+</script>
+</body>
+</html>
diff --git a/server.js b/server.js
new file mode 100644
index 0000000..b6a2c5f
--- /dev/null
+++ b/server.js
@@ -0,0 +1,37 @@
+const express = require('express');
+const fs = require('fs');
+const path = require('path');
+
+const app = express();
+const PORT = process.env.PORT || 9788;
+const DATA = path.join(__dirname, 'data', 'leads.jsonl');
+
+app.use(express.json({ limit: '32kb' }));
+app.use(express.static(path.join(__dirname, 'public'), { extensions: ['html'] }));
+
+// Lead capture — stores locally (append-only). Email wiring (George) is a gated follow-up.
+app.post('/api/contact', (req, res) => {
+ const { name, email, need, message } = req.body || {};
+ if (!name || !email || !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) {
+ return res.status(400).json({ ok: false, error: 'name and a valid email are required' });
+ }
+ const lead = {
+ ts: new Date().toISOString(),
+ name: String(name).slice(0, 200),
+ email: String(email).slice(0, 200),
+ need: String(need || '').slice(0, 200),
+ message: String(message || '').slice(0, 4000),
+ ip: req.headers['x-forwarded-for'] || req.socket.remoteAddress || ''
+ };
+ try {
+ fs.appendFileSync(DATA, JSON.stringify(lead) + '\n');
+ } catch (e) {
+ return res.status(500).json({ ok: false, error: 'could not save' });
+ }
+ console.log(`[lead] ${lead.ts} ${lead.name} <${lead.email}> — ${lead.need}`);
+ res.json({ ok: true });
+});
+
+app.get('/healthz', (_req, res) => res.json({ ok: true, service: 'abramsagency' }));
+
+app.listen(PORT, () => console.log(`Abrams Agency site on http://127.0.0.1:${PORT}`));
(oldest)
·
back to Abramsagency
·
liquid-glass motion: always-on staggered light-sweep sheen + 4e76bdf →