inmake/estate-landing-page
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upd

Browse Source
This commit is contained in:
Aleksey Panivanov
2023-04-14 10:12:27 +05:00
parent 398854362e
commit 274c1cd284
13 changed files with 627 additions and 608 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -3
View File
@@ -12,8 +12,7 @@
"@react-spring/parallax": "^9.7.2",
"@react-three/drei": "^9.62.2",
"@react-three/fiber": "^8.12.0",
"axios": "^1.3.5",
"fetch-jsonp": "^1.2.3",
"framer-motion": "^10.11.6",
"ky": "^0.33.3",
"react": "^18.2.0",
"react-dom": "^18.2.0",
@@ -21,7 +20,6 @@
"react-range-slider-input": "^3.0.7",
"react-responsive-carousel": "^3.2.23",
"react-scroll": "^1.8.9",
"react-scroll-parallax": "^3.4.2",
"swiper": "^9.2.0",
"three": "^0.151.3"
},
src/App.tsx
+563 -507
View File
File diff suppressed because it is too large Load Diff
src/components/Slider/Slide1.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide1() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Интеграция
@@ -16,7 +17,7 @@ function Slide1() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide1.png" alt="" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide2.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide2() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Вся инфрастуктура
@@ -17,7 +18,7 @@ function Slide2() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide2.jpg" alt="" className="rounded-md" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide3.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide3() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Параметрический
@@ -18,7 +19,7 @@ function Slide3() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide3.png" alt="" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide4.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide4() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Виртуальный тур
@@ -17,7 +18,7 @@ function Slide4() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide4.jpg" alt="" className="rounded-md" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide5.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide5() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Конфигуратор интерьера
@@ -16,7 +17,7 @@ function Slide5() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide5.png" alt="" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide6.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide6() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Формирование
@@ -17,7 +18,7 @@ function Slide6() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide6.png" alt="" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide7.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide7() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Любой рендер
@@ -17,7 +18,7 @@ function Slide7() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide7.jpg" alt="" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/Slide8.tsx
+3 -2
View File
@@ -1,8 +1,9 @@
import React from "react";
import SlideContainer from "./SlideContainer";
function Slide8() {
return (
<div className="grid grid-cols-4 gap-16 mr-16">
<SlideContainer>
<div className="col-span-1 space-y-6 flex flex-col justify-center">
<p className="font-gilroy text-gradient text-4xl">
Отправка коммерческого
@@ -17,7 +18,7 @@ function Slide8() {
<div className="col-span-3 flex justify-end">
<img src="/images/slider/slide8.png" alt="" />
</div>
</div>
</SlideContainer>
);
}
src/components/Slider/SlideContainer.tsx
+12
View File
@@ -0,0 +1,12 @@
import React, { ReactNode } from "react";
import { SwiperSlide } from "swiper/react";
interface ISlideContainer {
children: ReactNode;
}
function SlideContainer({ children }: ISlideContainer) {
return <div className="grid grid-cols-4 gap-16 mr-16">{children}</div>;
}
export default SlideContainer;
src/components/Slider/Slider.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ function Slider() {
const [activeIndex, setActiveIndex] = useState<number>(0);
return (
<div className="relative space-y-6">
<div className="relative space-y-6 overflow-hidden">
<Swiper
modules={[Navigation, Pagination, Scrollbar, Autoplay]}
navigation={{
yarn.lock
+26 -81
View File
@@ -36,6 +36,18 @@
resolved "https://registry.npmjs.org/@chevrotain/utils/-/utils-10.5.0.tgz"
integrity sha512-hBzuU5+JjB2cqNZyszkDHZgOSrUUT8V3dhgRl8Q9Gp6dAj/H5+KILGjbhDpc3Iy9qmqlm/akuOI2ut9VUtzJxQ==
"@emotion/is-prop-valid@^0.8.2":
version "0.8.8"
resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
dependencies:
"@emotion/memoize" "0.7.4"
"@emotion/memoize@0.7.4":
version "0.7.4"
resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
"@esbuild/android-arm64@0.17.15":
version "0.17.15"
resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.15.tgz#893ad71f3920ccb919e1757c387756a9bca2ef42"
@@ -494,11 +506,6 @@ arg@^5.0.2:
resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
asynckit@^0.4.0:
version "0.4.0"
resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
autoprefixer@^10.4.14:
version "10.4.14"
resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz"
@@ -511,25 +518,11 @@ autoprefixer@^10.4.14:
picocolors "^1.0.0"
postcss-value-parser "^4.2.0"
axios@^1.3.5:
version "1.3.5"
resolved "https://registry.npmjs.org/axios/-/axios-1.3.5.tgz"
integrity sha512-glL/PvG/E+xCWwV8S6nCHcrfg1exGx7vxyUIivIA1iL7BIh6bePylCfVHwp6k13ao7SATxB6imau2kqY+I67kw==
dependencies:
follow-redirects "^1.15.0"
form-data "^4.0.0"
proxy-from-env "^1.1.0"
balanced-match@^1.0.0:
version "1.0.2"
resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
bezier-easing@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/bezier-easing/-/bezier-easing-2.1.0.tgz#c04dfe8b926d6ecaca1813d69ff179b7c2025d86"
integrity sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig==
bidi-js@^1.0.2:
version "1.0.2"
resolved "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.2.tgz"
@@ -624,13 +617,6 @@ color-name@^1.1.4:
resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
combined-stream@^1.0.8:
version "1.0.8"
resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
dependencies:
delayed-stream "~1.0.0"
commander@^4.0.0:
version "4.1.1"
resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
@@ -661,11 +647,6 @@ debounce@^1.2.1:
resolved "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz"
integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==
delayed-stream@~1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
detect-gpu@^5.0.14:
version "5.0.18"
resolved "https://registry.npmjs.org/detect-gpu/-/detect-gpu-5.0.18.tgz"
@@ -744,11 +725,6 @@ fastq@^1.6.0:
dependencies:
reusify "^1.0.4"
fetch-jsonp@^1.2.3:
version "1.2.3"
resolved "https://registry.npmjs.org/fetch-jsonp/-/fetch-jsonp-1.2.3.tgz"
integrity sha512-C13k1o7R9JTN1wmhKkrW5bU/00LwixXnkufQUR6Rbf4KCS0i8mycQaovt4WVbHnA2NKgi7Ryp9Whpy/CGcij6Q==
fflate@^0.6.9, fflate@~0.6.9:
version "0.6.10"
resolved "https://registry.npmjs.org/fflate/-/fflate-0.6.10.tgz"
@@ -761,25 +737,20 @@ fill-range@^7.0.1:
dependencies:
to-regex-range "^5.0.1"
follow-redirects@^1.15.0:
version "1.15.2"
resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz"
integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
form-data@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz"
integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
dependencies:
asynckit "^0.4.0"
combined-stream "^1.0.8"
mime-types "^2.1.12"
fraction.js@^4.2.0:
version "4.2.0"
resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz"
integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
framer-motion@^10.11.6:
version "10.11.6"
resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.11.6.tgz#1c59f9e2dcfa379f5dd1076eebdf8b11b7c62f80"
integrity sha512-QXfnUzPQqbJEnWpmtPaRB4OCuyH44uCys5Agg44LEQvItKTg0bou57WuhsNVuEyVCnMoAhrtRYiKeG/vAz6bFw==
dependencies:
tslib "^2.4.0"
optionalDependencies:
"@emotion/is-prop-valid" "^0.8.2"
fs.realpath@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
@@ -981,18 +952,6 @@ micromatch@^4.0.4, micromatch@^4.0.5:
braces "^3.0.2"
picomatch "^2.3.1"
mime-db@1.52.0:
version "1.52.0"
resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
mime-types@^2.1.12:
version "2.1.35"
resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
dependencies:
mime-db "1.52.0"
minimatch@^3.0.4:
version "3.1.2"
resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
@@ -1059,13 +1018,6 @@ opentype.js@^1.3.3:
string.prototype.codepointat "^0.2.1"
tiny-inflate "^1.0.3"
parallax-controller@^1.7.0:
version "1.7.0"
resolved "https://registry.yarnpkg.com/parallax-controller/-/parallax-controller-1.7.0.tgz#659e8176922034ac548009ac544951432330aa0a"
integrity sha512-tIU/LgH9oIrvC6o+rvGQis8/NXxsHNuF5LODmcc5TjvEDUi2qiR/iisFmyaqI9LImQ3psdAv28k2ZEAnFekiig==
dependencies:
bezier-easing "^2.1.0"
path-is-absolute@^1.0.0:
version "1.0.1"
resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
@@ -1163,11 +1115,6 @@ prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.7.2:
object-assign "^4.1.1"
react-is "^16.13.1"
proxy-from-env@^1.1.0:
version "1.1.0"
resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
queue-microtask@^1.2.2:
version "1.2.3"
resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
@@ -1243,13 +1190,6 @@ react-responsive-carousel@^3.2.23:
prop-types "^15.5.8"
react-easy-swipe "^0.0.21"
react-scroll-parallax@^3.4.2:
version "3.4.2"
resolved "https://registry.yarnpkg.com/react-scroll-parallax/-/react-scroll-parallax-3.4.2.tgz#4f987804581115f3fc50600341611ef5a7ea65d3"
integrity sha512-jNltdM1a6y2TRHW4X4nyNT9BAzbLoISTvXaoB9YKGudVcAsGWManMI6UZ6PMd2si6bbWtTROgF/A9IoplZ2OLA==
dependencies:
parallax-controller "^1.7.0"
react-scroll@^1.8.9:
version "1.8.9"
resolved "https://registry.npmjs.org/react-scroll/-/react-scroll-1.8.9.tgz"
@@ -1500,6 +1440,11 @@ ts-interface-checker@^0.1.9:
resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
tslib@^2.4.0:
version "2.5.0"
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
typescript@^4.9.3:
version "4.9.5"
resolved "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz"