diff --git a/package-lock.json b/package-lock.json index e6c0aff679c..d599217e048 100644 --- a/package-lock.json +++ b/package-lock.json @@ -203,9 +203,9 @@ } }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.2.tgz", + "integrity": "sha512-9bfjwDxIDWmmOKusUcqdS4Rw+SETlp9Dy39Xui9BEGEk19dDwH0jhipwFzEff/pFg95NKymc6TOTbRKcWeRqyQ==", "cpu": [ "arm64" ], @@ -216,9 +216,9 @@ ] }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.2.tgz", + "integrity": "sha512-lwriRAHm1Yg4iDf23Oxm9n/t5Zpw1lVnxYU3HnJPTi2lJRkKTrps1KVgvL6m7WvmhYVt/FIsssWay+k45QHeuw==", "cpu": [ "x64" ], @@ -229,9 +229,9 @@ ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.2.tgz", + "integrity": "sha512-MOI9Dlfrpi2Cuc7i5dXdxPbFIgbDBGgKR5F2yWEa6FVEtSWncfVNKW5AKjImAQ6CZlBK9tympdsZJ2xThBiWWA==", "cpu": [ "arm" ], @@ -242,9 +242,9 @@ ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.2.tgz", + "integrity": "sha512-FU20Bo66/f7He9Fp9sP2zaJ1Q8L9uLPZQDub/WlUip78JlPeMbVL8546HbZfcW9LNciEXc8d+tThSJjSC+tmsg==", "cpu": [ "arm64" ], @@ -255,9 +255,9 @@ ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.2.tgz", + "integrity": "sha512-gsWNDCklNy7Ajk0vBBf9jEx04RUxuDQfBse918Ww+Qb9HCPoGzS+XJTLe96iN3BVK7grnLiYghP/M4L8VsaHeA==", "cpu": [ "x64" ], @@ -268,9 +268,9 @@ ] }, "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.2.tgz", + "integrity": "sha512-O+6Gs8UeDbyFpbSh2CPEz/UOrrdWPTBYNblZK5CxxLisYt4kGX3Sc+czffFonyjiGSq3jWLwJS/CCJc7tBr4sQ==", "cpu": [ "x64" ], @@ -1721,9 +1721,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001629", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001629.tgz", + "integrity": "sha512-c3dl911slnQhmxUIT4HhYzT7wnBK/XYpGnYLOj4nJBaRiw52Ibe7YxlDaAeRECvA786zCuExhxIUJ2K7nHMrBw==", "dev": true, "funding": [ { @@ -1733,6 +1733,10 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ] }, @@ -2286,9 +2290,9 @@ "dev": true }, "node_modules/json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true, "bin": { "json5": "lib/cli.js" @@ -2450,43 +2454,46 @@ } }, "node_modules/msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.10.2.tgz", + "integrity": "sha512-L60rsPynBvNE+8BWipKKZ9jHcSGbtyJYIwjRq0VrIvQ08cRjntGXJYW/tmciZ2IHWIY8WEW32Qa2xbh5+SKBZA==", "dev": true, "optionalDependencies": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "node_modules/msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.2.tgz", + "integrity": "sha512-SdzXp4kD/Qf8agZ9+iTu6eql0m3kWm1A2y1hkpTeVNENutaB0BwHlSvAIaMxwntmRUAUjon2V4L8Z/njd0Ct8A==", "dev": true, "hasInstallScript": true, "optional": true, "dependencies": { - "node-gyp-build-optional-packages": "5.0.2" + "node-gyp-build-optional-packages": "5.0.7" + }, + "bin": { + "download-msgpackr-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.2" } }, "node_modules/msgpackr-extract/node_modules/node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.7.tgz", + "integrity": "sha512-YlCCc6Wffkx0kHkmam79GKvDQ6x+QZkMjFGrIMxgFNILFvGSbCp2fCBC55pGTT9gVaz8Na5CLmxt/urtzRv36w==", "dev": true, "optional": true, "bin": { - "node-gyp-build-optional": "optional.js", "node-gyp-build-optional-packages": "bin.js", - "node-gyp-build-test": "build-test.js" + "node-gyp-build-optional-packages-optional": "optional.js", + "node-gyp-build-optional-packages-test": "build-test.js" } }, "node_modules/nan": { @@ -2906,9 +2913,9 @@ } }, "node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, "bin": { "semver": "bin/semver" @@ -3245,44 +3252,44 @@ } }, "@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.2.tgz", + "integrity": "sha512-9bfjwDxIDWmmOKusUcqdS4Rw+SETlp9Dy39Xui9BEGEk19dDwH0jhipwFzEff/pFg95NKymc6TOTbRKcWeRqyQ==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.2.tgz", + "integrity": "sha512-lwriRAHm1Yg4iDf23Oxm9n/t5Zpw1lVnxYU3HnJPTi2lJRkKTrps1KVgvL6m7WvmhYVt/FIsssWay+k45QHeuw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.2.tgz", + "integrity": "sha512-MOI9Dlfrpi2Cuc7i5dXdxPbFIgbDBGgKR5F2yWEa6FVEtSWncfVNKW5AKjImAQ6CZlBK9tympdsZJ2xThBiWWA==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.2.tgz", + "integrity": "sha512-FU20Bo66/f7He9Fp9sP2zaJ1Q8L9uLPZQDub/WlUip78JlPeMbVL8546HbZfcW9LNciEXc8d+tThSJjSC+tmsg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.2.tgz", + "integrity": "sha512-gsWNDCklNy7Ajk0vBBf9jEx04RUxuDQfBse918Ww+Qb9HCPoGzS+XJTLe96iN3BVK7grnLiYghP/M4L8VsaHeA==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.2.tgz", + "integrity": "sha512-O+6Gs8UeDbyFpbSh2CPEz/UOrrdWPTBYNblZK5CxxLisYt4kGX3Sc+czffFonyjiGSq3jWLwJS/CCJc7tBr4sQ==", "dev": true, "optional": true }, @@ -4162,9 +4169,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001629", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001629.tgz", + "integrity": "sha512-c3dl911slnQhmxUIT4HhYzT7wnBK/XYpGnYLOj4nJBaRiw52Ibe7YxlDaAeRECvA786zCuExhxIUJ2K7nHMrBw==", "dev": true }, "chalk": { @@ -4541,9 +4548,9 @@ "dev": true }, "json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true }, "lines-and-columns": { @@ -4650,34 +4657,34 @@ "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==" }, "msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.10.2.tgz", + "integrity": "sha512-L60rsPynBvNE+8BWipKKZ9jHcSGbtyJYIwjRq0VrIvQ08cRjntGXJYW/tmciZ2IHWIY8WEW32Qa2xbh5+SKBZA==", "dev": true, "requires": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.2.tgz", + "integrity": "sha512-SdzXp4kD/Qf8agZ9+iTu6eql0m3kWm1A2y1hkpTeVNENutaB0BwHlSvAIaMxwntmRUAUjon2V4L8Z/njd0Ct8A==", "dev": true, "optional": true, "requires": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2", - "node-gyp-build-optional-packages": "5.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.2", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.2", + "node-gyp-build-optional-packages": "5.0.7" }, "dependencies": { "node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.7.tgz", + "integrity": "sha512-YlCCc6Wffkx0kHkmam79GKvDQ6x+QZkMjFGrIMxgFNILFvGSbCp2fCBC55pGTT9gVaz8Na5CLmxt/urtzRv36w==", "dev": true, "optional": true } @@ -4969,9 +4976,9 @@ } }, "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true }, "source-map": { diff --git a/package.json b/package.json index efbc9f63d06..59407895e39 100755 --- a/package.json +++ b/package.json @@ -2,10 +2,10 @@ "name": "parcel-project-template", "version": "2.0.0", "description": "", - "homepage": "https://goitacademy.github.io/parcel-project-template", + "homepage": "ancasab.github.io/HTML-CSS-Team2Project/", "scripts": { "start": "parcel src/*.html", - "build": "parcel build src/*.html --public-url /parcel-project-template/" + "build": "parcel build src/*.html --public-url /HTML-CSS-Team2Project/" }, "repository": { "type": "git", diff --git a/src/css/advantages.css b/src/css/advantages.css new file mode 100644 index 00000000000..98b9d21eb3c --- /dev/null +++ b/src/css/advantages.css @@ -0,0 +1,65 @@ +img,picture,svg { + max-width: 100%; + display: block;} + + :root { + --orange: #FD9222; + --white: #FFFFFF; + --black: #111111; + --dark-violet:#1E1823; + --primary-font: 'Montserrat', sans-serif; + + } + + + .benefits_container { + margin: 0 auto; + max-width: 1200px; + margin-top: 30px; + margin-bottom: 128px; /* Adaugat Anca */ + display: flex; + flex-wrap: wrap; + /* justify-content: center; */ + background-color: #1E1823; + color: white; + padding: 2em; + } + + + .element { + width: 30%; + } + + .element + .element { + margin-left: 50px; + } + + .benefits_icons{ + width: 25px; + height: 25px; + margin-bottom: 30px; + border-radius: 100px; + /* padding: 20px 20px; + border-radius: 100px; + border: 1px solid ; */ + } + + .elements_text h2 { + font-weight: 600; + font-family: var(--primary-font); + font-size: 18px; + line-height: 22px; + color: var(--white); + + } + + .elements_text p { + font-weight: 400; + font-family: var(--primary-font); + font-size: 10x; + line-height: 17px; + letter-spacing: -2%; + color: var(--white) + rgba(255, 255, 255, 0.7); + margin-top: 1em; + } diff --git a/src/css/footer.css b/src/css/footer.css new file mode 100644 index 00000000000..8be65fbacd2 --- /dev/null +++ b/src/css/footer.css @@ -0,0 +1,162 @@ +.footer-section { + display: flex; + max-width: 1200px; + width: 100%; + min-height: 270px; + margin: 0 auto; + flex-direction: column; + justify-content: space-between; + background-color: var(--black); + color: var(--white); + +} + +@media screen and (max-widt: 374px) { + .footer-section { + height: 440px; + } +} + +.footer-container { + display: flex; + flex-wrap: wrap; + justify-content:space-between; + margin-left: 50px; + margin-right: 50px;; + +} + +.footer-container p { + font-size: 28px; + font-weight: 500; + line-height: 1.2; + letter-spacing: -0.02em; + text-align: left; + margin-top: 32px; + +} +@media screen and (max-width: 374px) { + .footer-container p { + font-size: 24px; + line-height: 1.2; + } +} + +.footer__slogan { + color: var(--orange); +} + +.footer-contact { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: baseline; +} + +.footer-contact p, +.footer-contact a { + font-size: 14px; + font-weight: 400; + line-height: 1.3; + letter-spacing: -0.02em; + color:var(--white); +} + +.footer_social { + display: flex; + justify-content: space-between; + align-items: center; + gap: 18px; + +} + +@media screen and (max-width: 374px) { + .footer_social { + gap: 14px; + margin-right: 20px; + } +} + + +.footer_social li { + list-style: none; + width: 24px; + height: 24px; + +} + +.footer_social__icon { + fill: var(--black); + stroke: var(--white); + width: 20px; + height: 20px; + cursor: pointer; +} + +.footer__line { + display:flex; + max-width: 1136px; + width: 100%; + height: 0px; + margin: 0 auto; + border: 1px solid #FFFFFF1A; + padding-left: 32px; + padding-right: 32px; + margin-top: 62px; + + +} +@media screen and (max-width: 767px) { + .footer__line { + max-width: 704px; + padding-left: 32px; + padding-right: 32px; + + } +} + +@media screen and (max-width: 374px) { + .footer__line { + /* max-width: 1136px; + padding-left: 32px; + padding-right: 32px; */ + max-width: 335px; + padding-left: 20px; + padding-right: 20px; + } +} + +.footer__navigation { + list-style: none; + display: flex; + /* flex-direction: raw; */ + align-items: center; + justify-content: center; + max-width: 532px; + gap: 25px; + margin-left: 32px; + margin-bottom: 50px; + +} + +@media screen and (max-width: 374px) { + .footer__navigation { + display: flex; + flex-direction: column; + justify-content:flex-start; + align-items: baseline; + gap: 18px; + margin-left: 20px; + margin-bottom: 32px; + + } +} + +.footer__navigation a { + text-decoration: none; + color: var(--white); + font-size: 14px; + font-weight: 500; + line-height: 1.14; + letter-spacing: -0.02em; +} diff --git a/src/css/general-style.css b/src/css/general-style.css new file mode 100644 index 00000000000..e9b1c41bdd2 --- /dev/null +++ b/src/css/general-style.css @@ -0,0 +1,22 @@ +*,*::before,*::after { + box-sizing: border-box; +} + +* { + margin: 0; + padding: 0; + +} + +body { + font-family: var(--primary-font); + background-color: var(--white); +} +:root { + --orange: #FD9222; + --white: #FFFFFF; + --black: #111111; + --dark-violet:#1E1823; + --primary-font: 'Montserrat', sans-serif; + +} \ No newline at end of file diff --git a/src/css/header.css b/src/css/header.css new file mode 100644 index 00000000000..f275225007a --- /dev/null +++ b/src/css/header.css @@ -0,0 +1,332 @@ +.header.container { + max-width: 1136px; + width: 100%; + display: flex; + margin: auto; + justify-content: space-between; + align-items: center; + margin: 0 auto; + padding-top: 24px; + padding-bottom: 32px; + padding-right:32px; + padding-left: 32px;; + +} + +.logo-container { + font-size: 14px; + line-height: 1.3; + font-weight: 700; + letter-spacing: -0.03em; + text-align: left; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 4px; +} + +@media screen and (min-width: 1200px) { + .logo-container { + font-size: 18px; + line-height: 1.1; + } +} + +.logo-text__simply { + font-style: italic; +} + + +.logo-container svg { + width: 21px; + height: 21px; +} + +@media screen and (min-width: 1200px) { + .logo-container svg { + width: 24px; + height: 24px; + } + +} + +.header__navigation ul { + list-style: none; + display: flex; + align-items: center; + justify-content: center; + max-width: 532px; + gap: 25px; + +} + +.header__navigation a { + text-decoration: none; + color: var(--black); + font-size: 14px; + font-weight: 500; + line-height: 1.14; + letter-spacing: -0.02em; +} + +.header_social { + display: flex; + justify-content: space-between; + align-items: center; + gap: 20px; + +} + +.header_social li { + list-style: none; + width: 24px; + height: 24px; + +} + +.header_social__icon { + fill: var(--white); + stroke: var(--black); + width: 20px; + height: 20px; + cursor: pointer; +} +@media screen and (max-width: 767px) { + .header_social__icon { + fill: var(--black); + stroke: var(--white); + } + +} + +.header_social__icon:hover, +.header_social__icon:focus { + stroke: var(--orange); + +} + +/* Mobile header styling */ +.header__logo-mobile { + display: flex; + margin: auto; + justify-content: space-between; + align-items: center; + max-width: 704px; + width: 100%; + padding: 20px; + +} + +@media screen and (max-width: 375px) { + .header__logo-mobile { + max-width: 335px; + width: 100%; + margin-top: 20px; + margin-bottom: 14px; + margin-left: 20px; + margin-right: 20px; + padding-top: 0; + } +} + +/* */ + +.js-open-menu { + display: none; +} + +.header__logo-mobile { + display: none; +} + +.button--toggle-menu { + width: 32px; + height: 32px; + background-color: var(--white); + border: none; + stroke: var(--black); + cursor: pointer; + +} + +@media screen and (max-width: 375px) { + .button--toggle-menu { + width: 28px; + height: 28px; + } +} + +/* .button--toggle-menu__icon:hover { + stroke: var(--blue) +} */ + + +.js-menu-container { + max-width: 290px; + max-height: 1024px; + display: none; + background-color: var(--black); + color: white; + position: fixed; + right: 32px; + height: 100%; + width: 100%; + position: absolute; + top: 0; + right:0; + z-index: 2; +} + +@media screen and (max-width: 374px) { + .js-menu-container { + max-width: 220px; + max-height: 812px; + } +} + + +.is-open { + display: block; + top: 0; +} + +.header__navigation__mobil ul { + list-style: none; + display: flex; + flex-direction: column; + align-items:flex-start; + justify-content:flex-start; + max-width: 124px; + gap: 25px; + font-size: 14px; + font-weight: 500; + line-height: 1.14; + letter-spacing: -0.02em; + gap: 25px; + margin: 0 auto; + position: absolute; + top: 156px; + left: 85px; +} + +@media screen and (max-width: 375px) { + .header__navigation__mobil ul { + top: 136px; + left: 50px; + } +} + +.header__navigation__mobil a { + text-decoration: none; + color: var(--white); + font-size: 14px; + font-weight: 500; + line-height: 1.14; + letter-spacing: -0.02em; + text-align: left; + +} + +.header__navigation__mobil a:hover, +.header__navigation__mobil a:focus { + color: var(--orange); +} + +.header_social__mobil { + list-style: none; + text-decoration: none; + display: flex; + max-width: 66px; + width: 100%; + gap: 10px; + justify-content: center; + align-items: center; + position: absolute; + bottom: 24px; + left: 32px; +} + +@media screen and (max-width: 375px) { + .header_social__mobil { + bottom: 20px; + left: 20px; + } +} + +.header_social__icon a { + width:24px; + height:24px; +} + +/* Media query for mobile/tablet */ + +@media screen and (max-width: 767px) { + .js-open-menu { + display: block; + + } + + .header.container { + display: none; + } + + .header__logo-mobile { + display: flex; + justify-content: space-between; + align-items: center; + /* height: 60px; */ + } + + .button-close-menu { + width: 32px; + height: 32px; + display: block; + margin-left: auto; + border-top-width: 0px; + border-bottom-width: 0px; + border-left-width: 0px; + border-right-width: 0px; + background-color: var(--black); + + } + + .buton-mobile_X { + width: 32px; + height: 32px; + background-color: var(--black); + cursor: pointer; + stroke: var(--white); + position:absolute; + top: 24px; + right: 32px; + + } + + @media screen and (max-width: 375px) { + .buton-mobile_X { + width: 28px; + height: 28px; + top: 20px; + right: 20px; + + } + } + +} + +.buton-mobile_X:hover { + stroke: var(--orange); + +} + +.button-close-menu svg:hover { + fill: var(--blue); + } + + + + + + + + diff --git a/src/css/hero.css b/src/css/hero.css new file mode 100644 index 00000000000..bd9bf3cdc44 --- /dev/null +++ b/src/css/hero.css @@ -0,0 +1,354 @@ +*,*::before,*::after { + box-sizing: border-box; +} +* { + margin: 0; + padding: 0; + font: inherit; +} + + +img,picture,svg { + max-width: 100%; + display: block; +} +/* Hero section */ +.section{ + padding: 15px 20px; +} +.startpage_hero { + max-width: 1136px; + padding: 40px; + margin: auto; + border-radius: 30px; + background-image:url(../images/hero_desktop@2x.jpg); + background-size:cover; + background-position: 50% 50%; + + } + + .container_hero { + width: 100%; + font-family: var(--primary-font); + font-weight: 500px; + font-size: 28px; + list-style: 34px; + letter-spacing: -3%; + color:var(--white); + padding-top: 13em; + padding-bottom: 1em; + + } + .startpage_butons { + display: flex; + flex-wrap: wrap; + gap: 20px; + + } + + .buttons { + flex: 1; + } + + /* Buy now button */ + + .buynow_button { + display: inline-block; + text-decoration: none; + font-family:var(--primary-font); + font-weight: 600; + font-size: 14px; + line-height:17px; + color: var(--white); + background-color:var(--orange); + border-radius: 100px; + padding: 14px 40px; + transition-property: color, background-color,transform; + transition-duration: 400ms, 400ms, 1s; + gap: 20px; + margin-right: 20px; + + } + .buynow_button:hover, .buynow_button:focus, .buynow_button:active { + background-color: rgba(252, 241, 224, 1); + color: var(--orange); + transform: scale(1.1); + + + } + + /* Button link ancora to section How is made */ + .btn_link{ + display: inline-block; + text-decoration: none; + font-family:var(--primary-font); + font-weight: 600; + font-size: 14px; + line-height:17px; + color: var(--white); + cursor: default; + padding: 14px 40px; + border-radius: 100px; + border: 1px solid rgba(255, 255, 255, 1) ; } + + + .btn_link:hover { + background-color: var(--white); + color: var(--orange); + border: 1px solid var(--orange); + } + + + /* Icon scroll down */ + + .scroll_tolink_conainer { + flex: 0.25; + gap: 30px; + display: flex; + text-align: center; + align-items: center; + } + + + .text_buttonscroll { + text-decoration: none; + font-family:var(--primary-font); + font-weight: 500; + font-size: 14px; + line-height:18px; + letter-spacing: -3%; + color: var(--white); + + } + .scroll_icon { + width: 40px; + height: 40px; + border-radius: 100%; + fill:var(--orange); + padding: 5px; + border-radius: 100%; + background-color: var(--white); + } + .team_social li { + background-color: var(--dark-white); + padding: 10px; + border-radius: 100%; + background-color: var(--white); + } + + + .scroll_tolink_conainer:hover .text_buttonscroll { + color: var(--orange); + } + + .scroll_tolink_conainer:hover .scroll_icon { + fill:var(--white); + background-color: var(--orange); + } + + /* Modal Buy Now */ + + .is-hidden { + opacity: 0; + visibility: hidden; + pointer-events: none;} + + [data-modal] { + z-index: 2; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); + } + + .is-hidden [data-modal-content] { + transform: translate(-50%, -50%) scale(0.5); + + } + + [data-modal-content] { + max-width: 600px; + background-color:#FAFAFA; + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + padding: 20px; + filter: drop-shadow(0,2,1,1),(0,1,1,0),(0,1,3,0); + border-radius: px; + transform: translate(-50%, -50%) scale(1); + transition-duration: 1s; + padding: 20px 40px; + + + } + + [data-modal-close]{ + top: 10px; + position: absolute; + right: 10px; + padding: 6px; + background-color: var(--white); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 90%; + color: rgba(0, 0, 0, 1); + + } + /* Modal form products to buy top section */ + .modal_title { + text-transform: uppercase; + color:var(--orange); + text-decoration: none; + font-family: var(--primary-font); + font-weight: 600; + font-size: 24px; + line-height:28px; + letter-spacing: -3%; + text-align: center; + padding: 1em; + + } + + .modal_title span { + color:var(--black); + text-decoration: none; + font-family: var(--primary-font); + font-weight: 600; + font-size: 24px; + line-height:28px; + letter-spacing: -3%; + } + + + .container_products_list { + padding: 1em;} + + .products_list { + display: flex; + flex-wrap: wrap; + gap: 10px; + align-content: center; + justify-content: center; + margin-top: 10px; + margin-bottom: 20px; + list-style: none; + } + + .products_list li { + background-color: var(--white); + border-radius: 10px; + padding: 10px 10px; + } + .products_list .grams { + font-family: var(--primary-font); + font-weight: 600; + font-size:14px; + line-height: 17px; + color: var(--black); + background-color:rgba(250, 250, 250, 1); + margin-top: 10px; + margin-left: 25px; + text-align: center; + border: 1px solid rgba(17, 17, 17, 0.1); + border-radius: 100px; + padding: 6px 20px; + + } + + /* Modal form data collection */ + + .modal_form_position { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + gap: 1px; + font-family: var(--primary-font); + font-weight:500px; + font-size: 14px; + line-height: 18px; + letter-spacing: -2%; + color: var(--black); + position: relative; + margin-bottom: 20px; + } + .pers_info { + display: flex; + flex-wrap: wrap; + gap:22px + } + + .modal_form_position .phone_icon { + position: absolute; + height: 32px; + width: 32px; + top: 40px; + left: 12px; + } + .modal_form_position .card_icon { + position: absolute; + height: 30px; + width: 44px; + top: 40px; + right: 12px; + } + + .modal_form_input{ + outline: none; + margin-top: 4px ; + border-radius: 13px; + height: 60px; + cursor: pointer; + border: 1.5px solid rgba(17, 17, 17, 0.05); + box-shadow: #000000; + padding-left: 12px; + gap:0px; + } + .modal_form_position input { + padding-left: 25px; + } + .modal_form_position .phone { + padding-left: 60px; + } + + .modal_form_position input:focus + svg, + .modal_form_position input:hover + svg { + fill: #2196f3; + } + .modal_form_comments { + outline: none; + margin-top: 5px; + border-radius: 13px; + height: 35px; + cursor: pointer; + border: 1.5px solid rgba(17, 17, 17, 0.05); + padding-left:25px; + padding-top: 20px; + height: 137px;} + + + + + /* Button Submit close modal form */ + .modal_form-btn { + display: flex; + justify-content: space-around; + align-items: center; + width: 140px; + height: 40px; + background-color: var(--orange); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + outline: none; + border: none; + cursor: pointer; + color: var(--white); + font-size: 16px; + font-weight: 700; + line-height: 30px; + letter-spacing: 0.06em; + margin-top: 15px; + border-radius: 100px; + } + \ No newline at end of file diff --git a/src/css/how-is-made.css b/src/css/how-is-made.css new file mode 100644 index 00000000000..72dcba4aa1b --- /dev/null +++ b/src/css/how-is-made.css @@ -0,0 +1,144 @@ + +.how-is-made { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 32px; + margin-bottom: 72px; +} + +.how-is-made h2 { + font-weight: 600; + font-size: 20px; + line-height: 1.2; + letter-spacing: -0.03em; + text-transform: uppercase; + text-align: center; + /* margin-top: 24px; */ +} + +.how-is-made span { + color: var(--orange); +} + +.hm { + display: flex; + align-items: center; + justify-content: flex-start; + flex-direction: column; + gap: 10px; +} + +.hm p { + font-weight: 600; + font-size: 18px; + line-height: 1.33333; + margin: 14px; +} + +.hm ul { + font-weight: 400; + font-size: 14px; + line-height: 1.28571; + letter-spacing: -0.02em; + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-direction: column; + gap: 18px; + margin: 0px 15px 15px 30px; +} + +.hm_show { + border-radius: 15px; + width: 335px; + height: 500px; + background: rgba(0, 0, 0, 0.4), url("/src/images/how-is-made/how-is-made-for-mobile.jpg"); + position: relative; +} + +.hm_descr { + border-radius: 15px; + max-width: 335px; + background-color: rgb(247, 182, 145); + text-align: left; +} + +.hm_show svg { + width: 35px; + height: 35px; + position: absolute; + left: 45%; + top: 45%; +} + +/* .hm iframe { + display: none; +} */ + + + +@media screen and (min-width: 768px) { + + .how-is-made { + margin-bottom: 100px; + } + + .how-is-made h2 { + font-size: 24px; + /* margin-top: 100px; */ + } + + .hm_show { + width: 614px; + height: 400px; + background: rgba(0, 0, 0, 0.4), url("/src/images/how-is-made/how-is-made-for-tablet.jpg"); + } + + .hm_show svg { + width: 44px; + height: 44px; + } + + .hm_descr { + max-width: 614px; + } + +} + +@media screen and (min-width: 1200px) { + + .how-is-made { + margin-bottom: 128px; + } + + /* .how-is-made h2 { + margin-top: 128px; + } */ + + .hm { + flex-direction: row; + gap: 20px; + } + + .hm_descr { + max-width: 516px; + height: 400px; + padding: 31px; + } + + .hm_show { + width: 600px; + height: 400px; + background: rgba(0, 0, 0, 0.4), url("/src/images/how-is-made/how-is-made-for-station.jpg"); + } + + .hm ul { + gap: 18px; + } + + .hm p { + margin-bottom: 28px; + } +} \ No newline at end of file diff --git a/src/css/our-products.css b/src/css/our-products.css new file mode 100644 index 00000000000..ff9f9e0a0b2 --- /dev/null +++ b/src/css/our-products.css @@ -0,0 +1,150 @@ + /*our products section*/ + /* Adaugat Anca - margine- bottom pe section */ + .products { + margin-bottom: 128px; + max-width: 1200px; + display: flex; + flex-flow: column; + margin: 0 auto; + justify-content: center; + } + + @media screen and (max-width: 767px) { + .products { + margin-bottom: 100px; + } + } + + @media screen and (max-width: 375px) { + .products { + margin-bottom: 72px; + } + } + + .background-section { + padding: 20px; +} + +img{ + size-adjust:335px ; +} +.products h2 { + justify-content: center; + align-items: center; + gap: 32px; + font-size: 24px; + letter-spacing: -0.03em; + text-transform: uppercase; + text-align: center; + margin-top: 24px; + line-height: 1.2; + font-weight: 600; +} + +.products span { + color: var(--orange); + +} + +.product-list { + display: flex; + flex-wrap: nowrap; + list-style: none; + margin: 0; + padding: 18px; + justify-content: center; + overflow-x: auto; scroll-behavior: smooth; + overflow: hidden; + box-sizing:border-box; + +} + +.product-item { + flex: 0 0 25%; + margin: 0 10px; + text-align: center; + border: 1px solid #FAFAFA; + padding: 20px; + box-sizing: border-box; + border-color: #E2E2E2; + border-radius: 10px; + object-fit: contain; + +} + +.product-item img { + width: 100%; + height: auto; + +} + +.product-item h4 { + font-size: 1.2em; + margin: 10px 0; + font-size: 18px; + font-weight: 600; +} + +.product-item p { + font-size: 12px; +} + +.button { + margin-top: 20px; + border-radius: 10px; + padding-inline: 10px; + border-color: var(--light_grey); + box-shadow: none; + color: #111111; + font-weight: 600; +} +.carousel-indicators { + text-align: center; + padding-top: 10px; + margin-bottom: 20px; + /* Add some space between the indicators and the product list */ +} + +.carousel-indicators .dot { + display: inline-block; + width: 12px; + height: 12px; + margin: 0 5px; + background-color: #ddd; + border-radius: 50%; + cursor: pointer; +} + +.carousel-indicators .dot.active { + background-color: var(--orange); + /* Change the color to match your accent color */ +} +.responsive-img-prod { + width: 100%; + height:auto; +} + +/* For mobile devices */ +@media screen and (min-width: 320px) and (max-width: 375px) { + .product-item { + flex: 0 0 100%; + margin: 0 5px; + text-align: center; + } +} + +/* For tablet devices */ +@media screen and (min-width: 376px) and (max-width: 767px) { + .product-item { + flex: 0 0 50%; + margin: 0 5px; + } +} + +/* For desktop devices */ +@media screen and (min-width: 769px) and (max-width:1200px){ + .product-item { + flex: 0 0 25%; + margin: 0 5px; + } +} \ No newline at end of file diff --git a/src/css/reviews.css b/src/css/reviews.css new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/css/subscribe.css b/src/css/subscribe.css new file mode 100644 index 00000000000..87bbfff577d --- /dev/null +++ b/src/css/subscribe.css @@ -0,0 +1,75 @@ + +.background-section { + background-image: url(../images/Subcribe-desktop@1x.jpg); + width: 100%; + height: 370; + align-items: center; +} + +.background-section { + display: flex; + justify-content: center; + align-items: center; + gap: 32px; +} + +/* Adaugat de Anca */ + +.background-section { + max-width: 1200px; + margin: 0 auto; + background-size: cover; + background-position: 50% 50%; +} +/* ####################### */ + +.background-section h2 { + text-align: center; + font-size: 20px; + font-weight: 600; + line-height: 1.2; + letter-spacing: -0.03em; + text-transform: uppercase; + margin-top: 24px; + color: #fff; +} + +.background-section p { + text-align: center; + font-size: 14px; + font-weight: 400; + line-height: 1.2; + letter-spacing: -0.03em; + margin-top: 24px; + color: #fff; + max-width: 467px; + padding-bottom: 20px; +} + +.button-subscribe { + background-color: #FD9222; + color: #fff; + border-radius: 15px; + padding: 15px; + width: 35%; + border-color: none; + display: flex; + justify-content: center; + margin-left: auto; + margin-right: 30%; +} + + +/* Mobile image */ +@media (min-width: 325px) and (max-width: 768px) { + .background-section { + background-image: url("../images/Subcribe-mobile@1x.jpg"); + } +} + +/* Tablet image */ +@media (min-width: 768px) and (max-width: 992px) { + .background-section { + background-image: url("../images/Subcribe-tablet@1x.jpg"); + } +} diff --git a/src/css/top-sellers.css b/src/css/top-sellers.css new file mode 100644 index 00000000000..19bbe26c7c9 --- /dev/null +++ b/src/css/top-sellers.css @@ -0,0 +1,408 @@ +/*top seller section*/ + +/* Adaugat Anca - margine- bottom pe section */ + +.top-sellers { + margin-bottom: 128px; +} +@media screen and (max-width: 375px) { + .top-sellers { + margin-bottom: 72px; + } +} +/* tablet */ +@media screen and (max-width: 768px) { + .top-sellers { + margin-bottom: 100px; + } + .top-sellers h2 { + font-size: 24px; +} + + .img-hide { + display: none; +} +} + +/*phone*/ +@media screen and (max-width: 320px) { + .top-sellers h2 { + font-size: 24px; + font-weight: 400; + } + + .seller-images { + display: flex; + flex-direction: column; + align-items: center; + } + .seller-description { + display: flex; + flex-direction: column; + align-items: center; + } + + +} + +@media screen and (max-width: 768px) { + + .top-sellers h2 { + font-size: 24px; + } + .img-hide { + display: none; + } + +} + +/* Adaugat Anca - margine- bottom pe section */ + +.seller-images .seller-list { + list-style: none; + padding: 0; + margin: 0; + display: flex; +} + +.seller-images { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + flex-direction: column; +} +.seller { + display: flex; + gap: 16px; + justify-content: space-between; + flex-wrap: wrap; +} +.seller-description { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + margin-top: 20px; + width: 100%; +} + +.seller-description p { + flex: 1; + margin-right: 567px; + max-width: 375px; +} + +.top-sellers { + max-width: 1200px; + justify-content: center; + align-items: center; + display: flex; + flex-direction: column; + gap: 32px; + flex-wrap: wrap; + margin: 30px auto; + padding: 20px; + padding-top: 50px; + width: 100%; +} + +.top-sellers h2 { + justify-content: center; + align-items: center; + gap: 32px; + letter-spacing: -0.03em; + text-transform: uppercase; + text-align: center; + margin-top: 24px; + line-height: 1.2; + font-weight: 600; + font-size: 24px; +} + +.top-sellers span { + color: var(--orange); +} + +.top-sellers-container { + display: flex; + justify-content: space-between; +} +.seller-list { + flex-wrap: wrap; + list-style: none; + display: flex; + flex-direction: row; + margin: 0; + padding: 20px; + overflow-x: auto; + box-sizing: border-box; + gap: 16px; +} + +.seller img { + border-radius: 10px; + width: 100%; +} + +.seller-description { + display: flex; + justify-content: space-between; + padding: 10px; + margin-top: 20px; + width: 100%; + box-sizing: border-box; + align-items: flex-start; +} + +img { + display: block; + max-width: 100%; + height: auto; +} + +.seller-description p { + margin: 0; + font-size: 16px; + line-height: 1.3; +} + +/* Buy now button */ + +.buynow_button { + display: inline-block; + text-decoration: none; + font-family: var(--primary-font); + font-weight: 600; + font-size: 14px; + line-height: 17px; + color: var(--white); + background-color: var(--orange); + border-radius: 100px; + padding: 14px 40px; + transition-property: color, background-color, transform; + transition-duration: 400ms, 400ms, 1s; + gap: 20px; + margin-right: 20px; + +} + +.buynow_button:hover, +.buynow_button:focus, +.buynow_button:active { + background-color: rgba(252, 241, 224, 1); + color: var(--orange); + transform: scale(1.1); +} + +/* Modal Buy Now */ + +.is-hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; +} + +[data-modal] { + z-index: 2; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); +} + +.is-hidden [data-modal-content] { + transform: translate(-50%, -50%) scale(0.5); + +} + +[data-modal-content] { + max-width: 600px; + background-color: #FAFAFA; + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + padding: 20px; + filter: drop-shadow(0, 2, 1, 1), (0, 1, 1, 0), (0, 1, 3, 0); + border-radius: px; + transform: translate(-50%, -50%) scale(1); + transition-duration: 1s; + padding: 20px 40px; + + +} + +[data-modal-close] { + top: 10px; + position: absolute; + right: 10px; + padding: 6px; + background-color: var(--white); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 90%; + color: rgba(0, 0, 0, 1); + +} + +/* Modal form products to buy top section */ +.modal_title { + text-transform: uppercase; + color: var(--orange); + text-decoration: none; + font-family: var(--primary-font); + font-weight: 600; + font-size: 24px; + line-height: 28px; + letter-spacing: -3%; + text-align: center; + padding: 1em; + +} + +.modal_title span { + color: var(--black); + text-decoration: none; + font-family: var(--primary-font); + font-weight: 600; + font-size: 24px; + line-height: 28px; + letter-spacing: -3%; +} + + +.container_products_list { + padding: 1em; +} + +.products_list { + display: flex; + flex-wrap: wrap; + gap: 10px; + align-content: center; + justify-content: center; + margin-top: 10px; + margin-bottom: 20px; + list-style: none; +} + +.products_list li { + background-color: var(--white); + border-radius: 10px; + padding: 10px 10px; +} + +.products_list .grams { + font-family: var(--primary-font); + font-weight: 600; + font-size: 14px; + line-height: 17px; + color: var(--black); + background-color: rgba(250, 250, 250, 1); + margin-top: 10px; + margin-left: 25px; + text-align: center; + border: 1px solid rgba(17, 17, 17, 0.1); + border-radius: 100px; + padding: 6px 20px; + +} + +/* Modal form data collection */ + +.modal_form_position { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + gap: 1px; + font-family: var(--primary-font); + font-weight: 500px; + font-size: 14px; + line-height: 18px; + letter-spacing: -2%; + color: var(--black); + position: relative; + margin-bottom: 20px; +} + +.pers_info { + display: flex; + flex-wrap: wrap; + gap: 22px +} + +.modal_form_position .phone_icon { + position: absolute; + height: 32px; + width: 32px; + top: 40px; + left: 12px; +} + +.modal_form_position .card_icon { + position: absolute; + height: 30px; + width: 44px; + top: 40px; + right: 12px; +} + +.modal_form_input { + outline: none; + margin-top: 4px; + border-radius: 13px; + height: 60px; + cursor: pointer; + border: 1.5px solid rgba(17, 17, 17, 0.05); + box-shadow: #000000; + padding-left: 12px; + gap: 0px; +} + +.modal_form_position input { + padding-left: 25px; +} + +.modal_form_position .phone { + padding-left: 60px; +} + +.modal_form_position input:focus+svg, +.modal_form_position input:hover+svg { + fill: #2196f3; +} + +.modal_form_comments { + outline: none; + margin-top: 5px; + border-radius: 13px; + height: 35px; + cursor: pointer; + border: 1.5px solid rgba(17, 17, 17, 0.05); + padding-left: 25px; + padding-top: 20px; + height: 137px; +} + +/* Button Submit close modal form */ +.modal_form-btn { + display: flex; + justify-content: space-around; + align-items: center; + width: 140px; + height: 40px; + background-color: var(--orange); + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); + outline: none; + border: none; + cursor: pointer; + color: var(--white); + font-size: 16px; + font-weight: 700; + line-height: 30px; + letter-spacing: 0.06em; + margin-top: 15px; + border-radius: 100px; +} diff --git a/src/css/unique-components.css b/src/css/unique-components.css new file mode 100644 index 00000000000..0b947ed2ba2 --- /dev/null +++ b/src/css/unique-components.css @@ -0,0 +1,207 @@ +.unique-comp { + margin-bottom: 72px; +} +.unique-comp h2 { + font-weight: 600; + font-size: 20px; + line-height: 1.2; + letter-spacing: -0.03em; + text-transform: uppercase; + text-align: center; + margin-bottom: 20px; +} + +.unique-comp span { + color: var(--orange); +} + +.unique-comp__description { + font-weight: 400; + font-size: 14px; + line-height: 1.28571; + letter-spacing: -0.02em; + text-align: center; + max-width: 335px; +} + +.unique-comp ul { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 20px; + margin-top: 32px; +} + +.unique-comp__card { + border-radius: 15px; + border: 1px solid var(--orange); + max-width: 335px; + height: 270px; + background-color: var(--white); + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + position: relative; + overflow: hidden; + width: 335px; + height: 270px; +} + +.unique-comp__card:first-child { + background-color: var(--orange); +} + +.unique-comp__card:nth-child(3) { + background-color: var(--black); + border-color: var(--black) +} + +.ingredient-img { + align-self: center; +} + +.ingredient-name { + font-weight: 600; + font-size: 14px; + line-height: 1.28571; + letter-spacing: -0.02em; + text-transform: uppercase; + margin-left: 25px; +} + +.unique-comp__card:first-child .ingredient-name, +.unique-comp__card:nth-of-type(3) .ingredient-name { + color: var(--white); +} + +.ingredient-over { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + transform: translateY(100%); + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + display: flex; + align-items: flex-start; + justify-content: flex-start; + flex-direction: column; + gap: 8px; + background-color: var(--white); + padding: 20px; + border-radius: 15px; + border: 1.5px solid var(--white); +} + +.unique-comp li:hover .ingredient-over { + transform: translateY(0); +} + +.ingredient-over__name { + font-weight: 600; + font-size: 18px; + letter-spacing: -0.03em; + text-transform: uppercase; +} + +.ingredient-over__text { + font-weight: 400; + font-size: 14px; + line-height: 1.28571; + letter-spacing: -0.02em; + margin-top: 14px; +} + +.ingredient-over__btn { + display: flex; + align-items: center; + justify-content: center; + flex-direction: row; + gap: 14px; +} + +.ingredient-over__btn__1, .ingredient-over__btn__2 { + border-radius: 35px; + padding: 6px 16px; + height: 24px; + font-weight: 400; + font-size: 10px; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; + flex-direction: row; + gap: 14px; +} + +.ingredient-over__btn__1 { + border: none; + color: var(--white); + background-color: var(--orange); +} + +.ingredient-over__btn__2 { + border: 1px solid #fd9222; + background-color: var(--white); +} + + +@media screen and (min-width: 768px) { + + .unique-comp { + margin-bottom: 100px; + } + + .unique-comp h2 { + font-size: 24px; + } + + .unique-comp ul { + gap: 32px; + flex-wrap: wrap; + height: 572px; + align-content: center; + } + + .unique-comp__description { + max-width: 486px; + } + + .unique-comp__card:nth-child(3) { + position: rank (4); + } + +} + +@media screen and (min-width: 1200px) { + .unique-comp { + margin-bottom: 128px; + } + .unique-comp ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 19px; + justify-content: center; + max-height: 270px; + margin-bottom: 128px; + } + + .unique-comp__card { + width: 270px; + height: 270px; + } + + .ingredient-over__text { + margin-top: 0px; + } + + .ingredient-over { + padding: 12px; + } + +} \ No newline at end of file diff --git a/src/images/Desktop-UniqComp-choco-milk@1x.jpg b/src/images/Desktop-UniqComp-choco-milk@1x.jpg new file mode 100644 index 00000000000..9147b9ff394 Binary files /dev/null and b/src/images/Desktop-UniqComp-choco-milk@1x.jpg differ diff --git a/src/images/Desktop-UniqComp-choco-milk@2x.jpg b/src/images/Desktop-UniqComp-choco-milk@2x.jpg new file mode 100644 index 00000000000..8b2f5bc5d1b Binary files /dev/null and b/src/images/Desktop-UniqComp-choco-milk@2x.jpg differ diff --git a/src/images/Desktop-UniqComp-choco-sweet@1x.jpg b/src/images/Desktop-UniqComp-choco-sweet@1x.jpg new file mode 100644 index 00000000000..1f6dba46a53 Binary files /dev/null and b/src/images/Desktop-UniqComp-choco-sweet@1x.jpg differ diff --git a/src/images/Desktop-UniqComp-choco-sweet@2x.jpg b/src/images/Desktop-UniqComp-choco-sweet@2x.jpg new file mode 100644 index 00000000000..d3223935bf9 Binary files /dev/null and b/src/images/Desktop-UniqComp-choco-sweet@2x.jpg differ diff --git a/src/images/Desktop-UniqComp-milk@1x.jpg b/src/images/Desktop-UniqComp-milk@1x.jpg new file mode 100644 index 00000000000..0eb8798471b Binary files /dev/null and b/src/images/Desktop-UniqComp-milk@1x.jpg differ diff --git a/src/images/Desktop-UniqComp-milk@2x.jpg b/src/images/Desktop-UniqComp-milk@2x.jpg new file mode 100644 index 00000000000..6221e8bac0f Binary files /dev/null and b/src/images/Desktop-UniqComp-milk@2x.jpg differ diff --git a/src/images/Desktop-UniqComp-nuts@1x.jpg b/src/images/Desktop-UniqComp-nuts@1x.jpg new file mode 100644 index 00000000000..ce9500a4125 Binary files /dev/null and b/src/images/Desktop-UniqComp-nuts@1x.jpg differ diff --git a/src/images/Desktop-UniqComp-nuts@2x.jpg b/src/images/Desktop-UniqComp-nuts@2x.jpg new file mode 100644 index 00000000000..b7768c4a97a Binary files /dev/null and b/src/images/Desktop-UniqComp-nuts@2x.jpg differ diff --git a/src/images/HowItsMade_img_Desktop@1x.jpg b/src/images/HowItsMade_img_Desktop@1x.jpg new file mode 100644 index 00000000000..b1f62516f2d Binary files /dev/null and b/src/images/HowItsMade_img_Desktop@1x.jpg differ diff --git a/src/images/HowItsMade_img_Desktop@2x.jpg b/src/images/HowItsMade_img_Desktop@2x.jpg new file mode 100644 index 00000000000..b6bcb3b8a21 Binary files /dev/null and b/src/images/HowItsMade_img_Desktop@2x.jpg differ diff --git a/src/images/HowItsMade_img_Mobil@1x.jpg b/src/images/HowItsMade_img_Mobil@1x.jpg new file mode 100644 index 00000000000..bbe6e068d6c Binary files /dev/null and b/src/images/HowItsMade_img_Mobil@1x.jpg differ diff --git a/src/images/HowItsMade_img_Mobil@2x.jpg b/src/images/HowItsMade_img_Mobil@2x.jpg new file mode 100644 index 00000000000..614ae153723 Binary files /dev/null and b/src/images/HowItsMade_img_Mobil@2x.jpg differ diff --git a/src/images/HowItsMade_img_Tablet@1x.jpg b/src/images/HowItsMade_img_Tablet@1x.jpg new file mode 100644 index 00000000000..316873d1751 Binary files /dev/null and b/src/images/HowItsMade_img_Tablet@1x.jpg differ diff --git a/src/images/HowItsMade_img_Tablet@2x.jpg b/src/images/HowItsMade_img_Tablet@2x.jpg new file mode 100644 index 00000000000..7620be86955 Binary files /dev/null and b/src/images/HowItsMade_img_Tablet@2x.jpg differ diff --git a/src/images/Review_DaniloNottingham@1x.jpg b/src/images/Review_DaniloNottingham@1x.jpg new file mode 100644 index 00000000000..4be5e91d24c Binary files /dev/null and b/src/images/Review_DaniloNottingham@1x.jpg differ diff --git a/src/images/Review_DaniloNottingham@2x.jpg b/src/images/Review_DaniloNottingham@2x.jpg new file mode 100644 index 00000000000..7c1105adbf5 Binary files /dev/null and b/src/images/Review_DaniloNottingham@2x.jpg differ diff --git a/src/images/Review_IrinaTydnyuk@1x.jpg b/src/images/Review_IrinaTydnyuk@1x.jpg new file mode 100644 index 00000000000..d8e5983dc3a Binary files /dev/null and b/src/images/Review_IrinaTydnyuk@1x.jpg differ diff --git a/src/images/Review_IrinaTydnyuk@2x.jpg b/src/images/Review_IrinaTydnyuk@2x.jpg new file mode 100644 index 00000000000..e5c4c89a727 Binary files /dev/null and b/src/images/Review_IrinaTydnyuk@2x.jpg differ diff --git a/src/images/Review_NataliaSus@1x.jpg b/src/images/Review_NataliaSus@1x.jpg new file mode 100644 index 00000000000..7d44820bd4c Binary files /dev/null and b/src/images/Review_NataliaSus@1x.jpg differ diff --git a/src/images/Review_NataliaSus@2x.jpg b/src/images/Review_NataliaSus@2x.jpg new file mode 100644 index 00000000000..75bfabd79b5 Binary files /dev/null and b/src/images/Review_NataliaSus@2x.jpg differ diff --git a/src/images/Review_NazarBabenko@1x.jpg b/src/images/Review_NazarBabenko@1x.jpg new file mode 100644 index 00000000000..3a91742f0fc Binary files /dev/null and b/src/images/Review_NazarBabenko@1x.jpg differ diff --git a/src/images/Review_NazarBabenko@2x.jpg b/src/images/Review_NazarBabenko@2x.jpg new file mode 100644 index 00000000000..80be69467c8 Binary files /dev/null and b/src/images/Review_NazarBabenko@2x.jpg differ diff --git a/src/images/Review_OlenaKampusch@1x.jpg b/src/images/Review_OlenaKampusch@1x.jpg new file mode 100644 index 00000000000..d822e9d340b Binary files /dev/null and b/src/images/Review_OlenaKampusch@1x.jpg differ diff --git a/src/images/Review_OlenaKampusch@2x.jpg b/src/images/Review_OlenaKampusch@2x.jpg new file mode 100644 index 00000000000..17a9cb4b742 Binary files /dev/null and b/src/images/Review_OlenaKampusch@2x.jpg differ diff --git a/src/images/Review_VictoriaDobrzhanska@1x.jpg b/src/images/Review_VictoriaDobrzhanska@1x.jpg new file mode 100644 index 00000000000..adfa3e0f1c4 Binary files /dev/null and b/src/images/Review_VictoriaDobrzhanska@1x.jpg differ diff --git a/src/images/Review_VictoriaDobrzhanska@2x.jpg b/src/images/Review_VictoriaDobrzhanska@2x.jpg new file mode 100644 index 00000000000..8dca338632d Binary files /dev/null and b/src/images/Review_VictoriaDobrzhanska@2x.jpg differ diff --git a/src/images/Subcribe-desktop@1x.jpg b/src/images/Subcribe-desktop@1x.jpg new file mode 100644 index 00000000000..503f7b7d3f2 Binary files /dev/null and b/src/images/Subcribe-desktop@1x.jpg differ diff --git a/src/images/Subcribe-desktop@2x.jpg b/src/images/Subcribe-desktop@2x.jpg new file mode 100644 index 00000000000..87936cbb418 Binary files /dev/null and b/src/images/Subcribe-desktop@2x.jpg differ diff --git a/src/images/Subcribe-mobile@1x.jpg b/src/images/Subcribe-mobile@1x.jpg new file mode 100644 index 00000000000..a7b7a80a70f Binary files /dev/null and b/src/images/Subcribe-mobile@1x.jpg differ diff --git a/src/images/Subcribe-mobile@2x.jpg b/src/images/Subcribe-mobile@2x.jpg new file mode 100644 index 00000000000..ffdd5ea4c54 Binary files /dev/null and b/src/images/Subcribe-mobile@2x.jpg differ diff --git a/src/images/Subcribe-tablet@1x.jpg b/src/images/Subcribe-tablet@1x.jpg new file mode 100644 index 00000000000..7e66a11029f Binary files /dev/null and b/src/images/Subcribe-tablet@1x.jpg differ diff --git a/src/images/Subcribe-tablet@2x.jpg b/src/images/Subcribe-tablet@2x.jpg new file mode 100644 index 00000000000..4c7b6181602 Binary files /dev/null and b/src/images/Subcribe-tablet@2x.jpg differ diff --git a/src/images/SubcribePopUp-Mobil@1x.jpg b/src/images/SubcribePopUp-Mobil@1x.jpg new file mode 100644 index 00000000000..f36ee2787b1 Binary files /dev/null and b/src/images/SubcribePopUp-Mobil@1x.jpg differ diff --git a/src/images/SubcribePopUp-Mobil@2x.jpg b/src/images/SubcribePopUp-Mobil@2x.jpg new file mode 100644 index 00000000000..f31433798dc Binary files /dev/null and b/src/images/SubcribePopUp-Mobil@2x.jpg differ diff --git a/src/images/SubcribePopUp-desktop_tablet@1x.jpg b/src/images/SubcribePopUp-desktop_tablet@1x.jpg new file mode 100644 index 00000000000..15ce9c03782 Binary files /dev/null and b/src/images/SubcribePopUp-desktop_tablet@1x.jpg differ diff --git a/src/images/SubcribePopUp-desktop_tablet@2x.jpg b/src/images/SubcribePopUp-desktop_tablet@2x.jpg new file mode 100644 index 00000000000..431f7632dbe Binary files /dev/null and b/src/images/SubcribePopUp-desktop_tablet@2x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-choco-milk@1x.jpg b/src/images/TabletaMobil-UniqComp-choco-milk@1x.jpg new file mode 100644 index 00000000000..379967a8e6c Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-choco-milk@1x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-choco-milk@2x.jpg b/src/images/TabletaMobil-UniqComp-choco-milk@2x.jpg new file mode 100644 index 00000000000..dad52e1e378 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-choco-milk@2x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-choco-sweet@1x.jpg b/src/images/TabletaMobil-UniqComp-choco-sweet@1x.jpg new file mode 100644 index 00000000000..1ac986f6551 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-choco-sweet@1x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-choco-sweet@2x.jpg b/src/images/TabletaMobil-UniqComp-choco-sweet@2x.jpg new file mode 100644 index 00000000000..c693ed3fad0 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-choco-sweet@2x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-milk@1x.jpg b/src/images/TabletaMobil-UniqComp-milk@1x.jpg new file mode 100644 index 00000000000..f0bb723c117 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-milk@1x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-milk@2x.jpg b/src/images/TabletaMobil-UniqComp-milk@2x.jpg new file mode 100644 index 00000000000..c3ce9726642 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-milk@2x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-nuts@1x.jpg b/src/images/TabletaMobil-UniqComp-nuts@1x.jpg new file mode 100644 index 00000000000..dfea7ad5472 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-nuts@1x.jpg differ diff --git a/src/images/TabletaMobil-UniqComp-nuts@2x.jpg b/src/images/TabletaMobil-UniqComp-nuts@2x.jpg new file mode 100644 index 00000000000..21696844f67 Binary files /dev/null and b/src/images/TabletaMobil-UniqComp-nuts@2x.jpg differ diff --git a/src/images/TopSellers_img1_Desktop@1x.jpg b/src/images/TopSellers_img1_Desktop@1x.jpg new file mode 100644 index 00000000000..e886a938fd4 Binary files /dev/null and b/src/images/TopSellers_img1_Desktop@1x.jpg differ diff --git a/src/images/TopSellers_img1_Desktop@2x.jpg b/src/images/TopSellers_img1_Desktop@2x.jpg new file mode 100644 index 00000000000..36bcebdcece Binary files /dev/null and b/src/images/TopSellers_img1_Desktop@2x.jpg differ diff --git a/src/images/TopSellers_img1_Mobil@1x.jpg b/src/images/TopSellers_img1_Mobil@1x.jpg new file mode 100644 index 00000000000..c78222faa53 Binary files /dev/null and b/src/images/TopSellers_img1_Mobil@1x.jpg differ diff --git a/src/images/TopSellers_img1_Mobil@2x.jpg b/src/images/TopSellers_img1_Mobil@2x.jpg new file mode 100644 index 00000000000..f72e180caac Binary files /dev/null and b/src/images/TopSellers_img1_Mobil@2x.jpg differ diff --git a/src/images/TopSellers_img1_Tablet@1x.jpg b/src/images/TopSellers_img1_Tablet@1x.jpg new file mode 100644 index 00000000000..ba069966fa7 Binary files /dev/null and b/src/images/TopSellers_img1_Tablet@1x.jpg differ diff --git a/src/images/TopSellers_img1_Tablet@2x.jpg b/src/images/TopSellers_img1_Tablet@2x.jpg new file mode 100644 index 00000000000..42ca666bbd7 Binary files /dev/null and b/src/images/TopSellers_img1_Tablet@2x.jpg differ diff --git a/src/images/TopSellers_img2_Desktop@1x.jpg b/src/images/TopSellers_img2_Desktop@1x.jpg new file mode 100644 index 00000000000..df3cdd4dc28 Binary files /dev/null and b/src/images/TopSellers_img2_Desktop@1x.jpg differ diff --git a/src/images/TopSellers_img2_Desktop@2x.jpg b/src/images/TopSellers_img2_Desktop@2x.jpg new file mode 100644 index 00000000000..d20cc3d9192 Binary files /dev/null and b/src/images/TopSellers_img2_Desktop@2x.jpg differ diff --git a/src/images/TopSellers_img2_Mobil@1x.jpg b/src/images/TopSellers_img2_Mobil@1x.jpg new file mode 100644 index 00000000000..7128a646e26 Binary files /dev/null and b/src/images/TopSellers_img2_Mobil@1x.jpg differ diff --git a/src/images/TopSellers_img2_Mobil@2x.jpg b/src/images/TopSellers_img2_Mobil@2x.jpg new file mode 100644 index 00000000000..49512b628a3 Binary files /dev/null and b/src/images/TopSellers_img2_Mobil@2x.jpg differ diff --git a/src/images/TopSellers_img2_Tablet@1x.jpg b/src/images/TopSellers_img2_Tablet@1x.jpg new file mode 100644 index 00000000000..3aa33697f5a Binary files /dev/null and b/src/images/TopSellers_img2_Tablet@1x.jpg differ diff --git a/src/images/TopSellers_img2_Tablet@2x.jpg b/src/images/TopSellers_img2_Tablet@2x.jpg new file mode 100644 index 00000000000..24043344c03 Binary files /dev/null and b/src/images/TopSellers_img2_Tablet@2x.jpg differ diff --git a/src/images/TopSellers_img3_Desktop@1x.jpg b/src/images/TopSellers_img3_Desktop@1x.jpg new file mode 100644 index 00000000000..3504269f8bd Binary files /dev/null and b/src/images/TopSellers_img3_Desktop@1x.jpg differ diff --git a/src/images/TopSellers_img3_Desktop@2x.jpg b/src/images/TopSellers_img3_Desktop@2x.jpg new file mode 100644 index 00000000000..a19943f8352 Binary files /dev/null and b/src/images/TopSellers_img3_Desktop@2x.jpg differ diff --git a/src/images/apple&cranberry.jpg b/src/images/apple&cranberry.jpg new file mode 100644 index 00000000000..d679b931d4b Binary files /dev/null and b/src/images/apple&cranberry.jpg differ diff --git a/src/images/classic.jpg b/src/images/classic.jpg new file mode 100644 index 00000000000..f0c6d299816 Binary files /dev/null and b/src/images/classic.jpg differ diff --git a/src/images/classic_white.jpg b/src/images/classic_white.jpg new file mode 100644 index 00000000000..55253c970c7 Binary files /dev/null and b/src/images/classic_white.jpg differ diff --git a/src/images/hero_desktop@1x.jpg b/src/images/hero_desktop@1x.jpg new file mode 100644 index 00000000000..1cda0cbe2f4 Binary files /dev/null and b/src/images/hero_desktop@1x.jpg differ diff --git a/src/images/hero_desktop@2x.jpg b/src/images/hero_desktop@2x.jpg new file mode 100644 index 00000000000..d5f004c785b Binary files /dev/null and b/src/images/hero_desktop@2x.jpg differ diff --git a/src/images/hero_mobile@1x.jpg b/src/images/hero_mobile@1x.jpg new file mode 100644 index 00000000000..dc48eec36c3 Binary files /dev/null and b/src/images/hero_mobile@1x.jpg differ diff --git a/src/images/hero_mobile@2x.jpg b/src/images/hero_mobile@2x.jpg new file mode 100644 index 00000000000..ad6551b22c7 Binary files /dev/null and b/src/images/hero_mobile@2x.jpg differ diff --git a/src/images/hero_tablet@1x.jpg b/src/images/hero_tablet@1x.jpg new file mode 100644 index 00000000000..00955bce7bd Binary files /dev/null and b/src/images/hero_tablet@1x.jpg differ diff --git a/src/images/hero_tablet@2x.jpg b/src/images/hero_tablet@2x.jpg new file mode 100644 index 00000000000..b31ed2bd073 Binary files /dev/null and b/src/images/hero_tablet@2x.jpg differ diff --git a/src/images/honey.jpg b/src/images/honey.jpg new file mode 100644 index 00000000000..83e00e428fe Binary files /dev/null and b/src/images/honey.jpg differ diff --git a/src/images/how-is-made/how-is-made-for-mobile.jpg b/src/images/how-is-made/how-is-made-for-mobile.jpg new file mode 100644 index 00000000000..0c412253e6a Binary files /dev/null and b/src/images/how-is-made/how-is-made-for-mobile.jpg differ diff --git a/src/images/how-is-made/how-is-made-for-station.jpg b/src/images/how-is-made/how-is-made-for-station.jpg new file mode 100644 index 00000000000..418864ebe06 Binary files /dev/null and b/src/images/how-is-made/how-is-made-for-station.jpg differ diff --git a/src/images/how-is-made/how-is-made-for-tablet.jpg b/src/images/how-is-made/how-is-made-for-tablet.jpg new file mode 100644 index 00000000000..0fc548ccfac Binary files /dev/null and b/src/images/how-is-made/how-is-made-for-tablet.jpg differ diff --git a/src/images/how-is-made/icon-play.svg b/src/images/how-is-made/icon-play.svg new file mode 100644 index 00000000000..3106da3922b --- /dev/null +++ b/src/images/how-is-made/icon-play.svg @@ -0,0 +1,8 @@ + diff --git a/src/images/icons.svg b/src/images/icons.svg new file mode 100644 index 00000000000..2df1e5ed081 --- /dev/null +++ b/src/images/icons.svg @@ -0,0 +1,52 @@ + diff --git a/src/images/lime&sea_salt.jpg b/src/images/lime&sea_salt.jpg new file mode 100644 index 00000000000..e128f1300ca Binary files /dev/null and b/src/images/lime&sea_salt.jpg differ diff --git a/src/images/modal_pics_icons/buynow_icons.svg b/src/images/modal_pics_icons/buynow_icons.svg new file mode 100644 index 00000000000..1ababac7bb0 --- /dev/null +++ b/src/images/modal_pics_icons/buynow_icons.svg @@ -0,0 +1,15 @@ + diff --git a/src/images/modal_pics_icons/chocolate-modal-1.jpg b/src/images/modal_pics_icons/chocolate-modal-1.jpg new file mode 100644 index 00000000000..c58bfa9cd7c Binary files /dev/null and b/src/images/modal_pics_icons/chocolate-modal-1.jpg differ diff --git a/src/images/modal_pics_icons/chocolate-modal-2.jpg b/src/images/modal_pics_icons/chocolate-modal-2.jpg new file mode 100644 index 00000000000..da81268b0c1 Binary files /dev/null and b/src/images/modal_pics_icons/chocolate-modal-2.jpg differ diff --git a/src/images/modal_pics_icons/chocolate-modal-3.jpg b/src/images/modal_pics_icons/chocolate-modal-3.jpg new file mode 100644 index 00000000000..dcf08889136 Binary files /dev/null and b/src/images/modal_pics_icons/chocolate-modal-3.jpg differ diff --git a/src/images/orange.jpg b/src/images/orange.jpg new file mode 100644 index 00000000000..8b16479f24c Binary files /dev/null and b/src/images/orange.jpg differ diff --git a/src/images/pineapple.jpg b/src/images/pineapple.jpg new file mode 100644 index 00000000000..dc117582cb2 Binary files /dev/null and b/src/images/pineapple.jpg differ diff --git a/src/images/roasted_fruits.jpg b/src/images/roasted_fruits.jpg new file mode 100644 index 00000000000..fd76f0e8473 Binary files /dev/null and b/src/images/roasted_fruits.jpg differ diff --git a/src/images/top-sellers/top-seller-desktop1.jpg b/src/images/top-sellers/top-seller-desktop1.jpg new file mode 100644 index 00000000000..5355ff2b084 Binary files /dev/null and b/src/images/top-sellers/top-seller-desktop1.jpg differ diff --git a/src/images/top-sellers/top-seller-desktop2.jpg b/src/images/top-sellers/top-seller-desktop2.jpg new file mode 100644 index 00000000000..e85a6982b8c Binary files /dev/null and b/src/images/top-sellers/top-seller-desktop2.jpg differ diff --git a/src/images/top-sellers/top-seller-desktop3.jpg b/src/images/top-sellers/top-seller-desktop3.jpg new file mode 100644 index 00000000000..82a022189db Binary files /dev/null and b/src/images/top-sellers/top-seller-desktop3.jpg differ diff --git a/src/images/top-sellers/top-seller-mobile1.jpg b/src/images/top-sellers/top-seller-mobile1.jpg new file mode 100644 index 00000000000..4dd98408a61 Binary files /dev/null and b/src/images/top-sellers/top-seller-mobile1.jpg differ diff --git a/src/images/top-sellers/top-seller-mobile2.jpg b/src/images/top-sellers/top-seller-mobile2.jpg new file mode 100644 index 00000000000..301438768fb Binary files /dev/null and b/src/images/top-sellers/top-seller-mobile2.jpg differ diff --git a/src/images/top-sellers/top-seller-tablet1.jpg b/src/images/top-sellers/top-seller-tablet1.jpg new file mode 100644 index 00000000000..a691dbef940 Binary files /dev/null and b/src/images/top-sellers/top-seller-tablet1.jpg differ diff --git a/src/images/top-sellers/top-seller-tablet2.jpg b/src/images/top-sellers/top-seller-tablet2.jpg new file mode 100644 index 00000000000..8d530b31023 Binary files /dev/null and b/src/images/top-sellers/top-seller-tablet2.jpg differ diff --git a/src/images/unique-components-ingredients/beans-for-mobile.png b/src/images/unique-components-ingredients/beans-for-mobile.png new file mode 100644 index 00000000000..e71d7e1a2cc Binary files /dev/null and b/src/images/unique-components-ingredients/beans-for-mobile.png differ diff --git a/src/images/unique-components-ingredients/beans-for-station.png b/src/images/unique-components-ingredients/beans-for-station.png new file mode 100644 index 00000000000..55c83df598b Binary files /dev/null and b/src/images/unique-components-ingredients/beans-for-station.png differ diff --git a/src/images/unique-components-ingredients/chocolate-bar-for-mobile.png b/src/images/unique-components-ingredients/chocolate-bar-for-mobile.png new file mode 100644 index 00000000000..796e8565197 Binary files /dev/null and b/src/images/unique-components-ingredients/chocolate-bar-for-mobile.png differ diff --git a/src/images/unique-components-ingredients/chocolate-bar-for-station.png b/src/images/unique-components-ingredients/chocolate-bar-for-station.png new file mode 100644 index 00000000000..867771fc5df Binary files /dev/null and b/src/images/unique-components-ingredients/chocolate-bar-for-station.png differ diff --git a/src/images/unique-components-ingredients/milk-for-mobile.png b/src/images/unique-components-ingredients/milk-for-mobile.png new file mode 100644 index 00000000000..e70778b4927 Binary files /dev/null and b/src/images/unique-components-ingredients/milk-for-mobile.png differ diff --git a/src/images/unique-components-ingredients/milk-for-station.png b/src/images/unique-components-ingredients/milk-for-station.png new file mode 100644 index 00000000000..82748f74607 Binary files /dev/null and b/src/images/unique-components-ingredients/milk-for-station.png differ diff --git a/src/images/unique-components-ingredients/nuts-for-mobile.png b/src/images/unique-components-ingredients/nuts-for-mobile.png new file mode 100644 index 00000000000..db6682b9240 Binary files /dev/null and b/src/images/unique-components-ingredients/nuts-for-mobile.png differ diff --git a/src/images/unique-components-ingredients/nuts-for-station.png b/src/images/unique-components-ingredients/nuts-for-station.png new file mode 100644 index 00000000000..a3d5589b5fc Binary files /dev/null and b/src/images/unique-components-ingredients/nuts-for-station.png differ diff --git a/src/index.html b/src/index.html index 92da07de4e6..c3e63931508 100755 --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,55 @@ - +
-Crafted with the finest quality cocoa beans and a dedication to perfection, each bite is a decadent experience that simply cannot be matched. Savor the richness and complexity of our Unsurpassed Taste and discover a new level of chocolate bliss.
++ Indulge in high-quality chocolate without breaking the bank with Simply Chocolate's selection of affordable treats. Enjoy mouth-watering truffles and velvety chocolate bars without sacrificing taste or quality. Browse our selection and indulge in affordable luxury today
+We take pride in our own production process, ensuring that every step is carefully crafted to perfection. From selecting the finest ingredients to handcrafting each piece, our attention to detail is evident in every bite.
+Try our chocolates today and discover the perfect balance of flavor
+
+ Dark chocolate
+ +
+ Milk chocolate
+ +
+ Dark chocolate
+ +
+ Dark chocolate
+ +
+ Milk chocolate
+ +
+ Milk chocolate
+ +
+ Dark chocolate
+ +
+ White chocolate
+ ++ From the velvety texture to the rich and complex flavor, our New Chocolate + is a true indulgence that will leave you craving more. Made with only the + finest ingredients and handcrafted with the utmost care, each piece is a + work of art that is sure to please. +
+ +
+
+
+ Crazy enough chocolate originates from a bean just like the coffee bean called Cacao. Cacao has been + around for thousands of years and was first discovered by the Native American tribe called the Mayans. +
+At Simply Chocolate, we believe that the secret to exceptional chocolate is in the details. From the sourcing of the finest ingredients to the careful crafting of each individual piece, every step of our process adds up to one exceptional taste sensation.
+Milk chocolate
+Milk chocolate is a solid chocolate confectionery containing cocoa, sugar and milk. It is the most consumed type of chocolate. Chocolate was originally sold and consumed as a beverage in pre-Columbian times. Although four-fifths of all milk chocolate is sold in the United States and Europe.
+
+ MILK CHOCOLATE
+Milk
+Milk is a white liquid food produced by the mammary glands of mammals. It is the primary source of nutrition for young mammals (including breastfed human infants) before they are able to digest solid food.Early-lactation milk, which is called colostrum, contains antibodies that strengthen the immune system.
+
+ MILK
+NUTS
+Almonds, pistachios, and walnuts are some types of nuts that contain healthy nutrients. When eaten as part of a nutrient-dense diet, these 9 nuts may offer benefits such as reducing your risk of heart disease. They’re a good source of fiber, healthy fats, and plant protein. Plus, they’re great on their own.
+
+ NUTS
+SEMI - SWEET CHOCOLATE
+Semi-sweet chocolate has a cocoa solid content of 35 to 65%. One of the best ways to gain an understanding of this type of chocolate is to compare it to a different type of chocolate. Semisweet is darker than milk chocolate. In a taste comparison, it has a slightly bitter taste whereas milk chocolate is sweeter.
+
+ SEMI - SWEET CHOCOLATE
+