diff --git a/.env b/.env index 11804ce..8dbb94c 100644 --- a/.env +++ b/.env @@ -1,2 +1,2 @@ -VITE_API_URL=http://192.168.1.170:4002 +VITE_API_URL=http://192.168.1.122:4002 # VITE_API_URL=http://194.26.138.94:4002 \ No newline at end of file diff --git a/public/images/about-complex/marasi-drive/1bedroom2.jpg b/public/images/about-complex/marasi-drive/1bedroom2.jpg new file mode 100644 index 0000000..fde1299 Binary files /dev/null and b/public/images/about-complex/marasi-drive/1bedroom2.jpg differ diff --git a/public/images/about-complex/marasi-drive/2bedroom2.jpg b/public/images/about-complex/marasi-drive/2bedroom2.jpg new file mode 100644 index 0000000..3f64769 Binary files /dev/null and b/public/images/about-complex/marasi-drive/2bedroom2.jpg differ diff --git a/public/images/about-complex/marasi-drive/amenties.jpg b/public/images/about-complex/marasi-drive/amenties.jpg new file mode 100644 index 0000000..9d33733 Binary files /dev/null and b/public/images/about-complex/marasi-drive/amenties.jpg differ diff --git a/public/images/about-complex/marasi-drive/arena.png b/public/images/about-complex/marasi-drive/arena.png new file mode 100644 index 0000000..9064855 Binary files /dev/null and b/public/images/about-complex/marasi-drive/arena.png differ diff --git a/public/images/about-complex/marasi-drive/buisness_bay.jpg b/public/images/about-complex/marasi-drive/buisness_bay.jpg new file mode 100644 index 0000000..e8ac9db Binary files /dev/null and b/public/images/about-complex/marasi-drive/buisness_bay.jpg differ diff --git a/public/images/about-complex/marasi-drive/burj_halifa.png b/public/images/about-complex/marasi-drive/burj_halifa.png new file mode 100644 index 0000000..112d619 Binary files /dev/null and b/public/images/about-complex/marasi-drive/burj_halifa.png differ diff --git a/public/images/about-complex/marasi-drive/city_walk.jpg b/public/images/about-complex/marasi-drive/city_walk.jpg new file mode 100644 index 0000000..dc65d44 Binary files /dev/null and b/public/images/about-complex/marasi-drive/city_walk.jpg differ diff --git a/public/images/about-complex/marasi-drive/city_walk.png b/public/images/about-complex/marasi-drive/city_walk.png new file mode 100644 index 0000000..a3917f0 Binary files /dev/null and b/public/images/about-complex/marasi-drive/city_walk.png differ diff --git a/public/images/about-complex/marasi-drive/community.jpg b/public/images/about-complex/marasi-drive/community.jpg new file mode 100644 index 0000000..291c880 Binary files /dev/null and b/public/images/about-complex/marasi-drive/community.jpg differ diff --git a/public/images/about-complex/marasi-drive/design.jpg b/public/images/about-complex/marasi-drive/design.jpg new file mode 100644 index 0000000..5c3c1d0 Binary files /dev/null and b/public/images/about-complex/marasi-drive/design.jpg differ diff --git a/public/images/about-complex/marasi-drive/downtown.jpg b/public/images/about-complex/marasi-drive/downtown.jpg new file mode 100644 index 0000000..c646116 Binary files /dev/null and b/public/images/about-complex/marasi-drive/downtown.jpg differ diff --git a/public/images/about-complex/marasi-drive/dubai_fountain.png b/public/images/about-complex/marasi-drive/dubai_fountain.png new file mode 100644 index 0000000..284250f Binary files /dev/null and b/public/images/about-complex/marasi-drive/dubai_fountain.png differ diff --git a/public/images/about-complex/marasi-drive/dubai_international_airport.png b/public/images/about-complex/marasi-drive/dubai_international_airport.png new file mode 100644 index 0000000..0a21f60 Binary files /dev/null and b/public/images/about-complex/marasi-drive/dubai_international_airport.png differ diff --git a/public/images/about-complex/marasi-drive/dubai_mall.png b/public/images/about-complex/marasi-drive/dubai_mall.png new file mode 100644 index 0000000..79f7e58 Binary files /dev/null and b/public/images/about-complex/marasi-drive/dubai_mall.png differ diff --git a/public/images/about-complex/marasi-drive/dubai_opera.png b/public/images/about-complex/marasi-drive/dubai_opera.png new file mode 100644 index 0000000..eb26772 Binary files /dev/null and b/public/images/about-complex/marasi-drive/dubai_opera.png differ diff --git a/public/images/about-complex/marasi-drive/living_solution1.jpg b/public/images/about-complex/marasi-drive/living_solution1.jpg new file mode 100644 index 0000000..4e78e1a Binary files /dev/null and b/public/images/about-complex/marasi-drive/living_solution1.jpg differ diff --git a/public/images/about-complex/marasi-drive/living_solution2.jpg b/public/images/about-complex/marasi-drive/living_solution2.jpg new file mode 100644 index 0000000..3b753de Binary files /dev/null and b/public/images/about-complex/marasi-drive/living_solution2.jpg differ diff --git a/public/images/about-complex/marasi-drive/living_solution3.jpg b/public/images/about-complex/marasi-drive/living_solution3.jpg new file mode 100644 index 0000000..4785d8d Binary files /dev/null and b/public/images/about-complex/marasi-drive/living_solution3.jpg differ diff --git a/public/images/about-complex/marasi-drive/location.jpg b/public/images/about-complex/marasi-drive/location.jpg new file mode 100644 index 0000000..daaadc1 Binary files /dev/null and b/public/images/about-complex/marasi-drive/location.jpg differ diff --git a/public/images/about-complex/marasi-drive/mall.jpg b/public/images/about-complex/marasi-drive/mall.jpg new file mode 100644 index 0000000..3f8dcd5 Binary files /dev/null and b/public/images/about-complex/marasi-drive/mall.jpg differ diff --git a/public/images/about-complex/marasi-drive/marasi_promenade.png b/public/images/about-complex/marasi-drive/marasi_promenade.png new file mode 100644 index 0000000..b6512fe Binary files /dev/null and b/public/images/about-complex/marasi-drive/marasi_promenade.png differ diff --git a/public/images/about-complex/marasi-drive/promenade.jpg b/public/images/about-complex/marasi-drive/promenade.jpg new file mode 100644 index 0000000..8b7ce75 Binary files /dev/null and b/public/images/about-complex/marasi-drive/promenade.jpg differ diff --git a/public/images/about-complex/marasi-drive/rove_city_walk_hotel.png b/public/images/about-complex/marasi-drive/rove_city_walk_hotel.png new file mode 100644 index 0000000..7653019 Binary files /dev/null and b/public/images/about-complex/marasi-drive/rove_city_walk_hotel.png differ diff --git a/public/images/about-complex/marasi-drive/rove_downtown_hotel.png b/public/images/about-complex/marasi-drive/rove_downtown_hotel.png new file mode 100644 index 0000000..171d862 Binary files /dev/null and b/public/images/about-complex/marasi-drive/rove_downtown_hotel.png differ diff --git a/public/images/about-complex/marasi-drive/services.jpg b/public/images/about-complex/marasi-drive/services.jpg new file mode 100644 index 0000000..c91ef7e Binary files /dev/null and b/public/images/about-complex/marasi-drive/services.jpg differ diff --git a/public/images/about-complex/marasi-drive/studio2.jpg b/public/images/about-complex/marasi-drive/studio2.jpg new file mode 100644 index 0000000..aa21ae8 Binary files /dev/null and b/public/images/about-complex/marasi-drive/studio2.jpg differ diff --git a/public/images/about-complex/marasi-drive/studio_flex.jpg b/public/images/about-complex/marasi-drive/studio_flex.jpg new file mode 100644 index 0000000..62d01ef Binary files /dev/null and b/public/images/about-complex/marasi-drive/studio_flex.jpg differ diff --git a/public/images/about-complex/marasi-drive/tower.png b/public/images/about-complex/marasi-drive/tower.png new file mode 100644 index 0000000..51abfb3 Binary files /dev/null and b/public/images/about-complex/marasi-drive/tower.png differ diff --git a/public/images/map/clouds-mobile-2k.png b/public/images/map/clouds-mobile-2k.png new file mode 100644 index 0000000..bd99f91 Binary files /dev/null and b/public/images/map/clouds-mobile-2k.png differ diff --git a/public/images/map/clouds-mobile.png b/public/images/map/clouds-mobile-fhd.png similarity index 100% rename from public/images/map/clouds-mobile.png rename to public/images/map/clouds-mobile-fhd.png diff --git a/public/images/map/map-new-mobile.jpg b/public/images/map/map-new-mobile-2k.jpg similarity index 100% rename from public/images/map/map-new-mobile.jpg rename to public/images/map/map-new-mobile-2k.jpg diff --git a/public/images/map/map-new-mobile-fhd.jpg b/public/images/map/map-new-mobile-fhd.jpg new file mode 100644 index 0000000..62d1696 Binary files /dev/null and b/public/images/map/map-new-mobile-fhd.jpg differ diff --git a/public/images/video-posters/about.jpg b/public/images/video-posters/about.jpg new file mode 100644 index 0000000..95e0014 Binary files /dev/null and b/public/images/video-posters/about.jpg differ diff --git a/src/components/AboutDubaiMarina.tsx b/src/components/AboutDubaiMarina.tsx new file mode 100644 index 0000000..f216327 --- /dev/null +++ b/src/components/AboutDubaiMarina.tsx @@ -0,0 +1,382 @@ +import { useRef, useState } from "react"; +import { + dubaiMarinaDescription, + dubaiMarinaFeatures, + dubaiMarinaSlider, + dubaiMarinaDescriptionBadges, + sliderBadgesCategory, +} from "../data/aboutDubaiMarina"; +import { + AnimatePresence, + motion, + useInView, + useScroll, + useTransform, +} from "motion/react"; +import useWindowSize from "../hooks/useWindowSize"; +import TextBox from "./ui/TextBox"; +import SliderMobile from "./SliderMobile"; +import clsx from "clsx"; +import Slider from "./Slider"; +import PlusIcon from "./icons/map/PlusIcon"; +import EqualIcon from "./icons/EqualIcon"; +import FullScreenButton from "./FullScreenButton"; + +function AboutDubaiMarina() { + const containerRef = useRef(null); + const sliderRef = useRef(null); + const mapRef = useRef(null); + const { width } = useWindowSize(); + + const [selectedCategorySlider, setSelectedCategorySlider] = + useState("Wellness"); + + const { scrollYProgress } = useScroll({ + target: containerRef, + offset: ["start start", "end start"], + }); + + const firstSectionOpacity = useTransform(scrollYProgress, [0, 0.2], [1, 0]); + + const secondSectionY = useTransform( + scrollYProgress, + [0, 0.4], + ["100dvh", "0dvh"] + ); + + const isSliderInView = useInView(sliderRef, { + once: true, + amount: 0.1, + }); + const isMapInView = useInView(mapRef, { + once: true, + margin: `0px 0px ${-window.innerHeight / 2}px 0px`, + }); + + return ( +
+ 1439 ? firstSectionOpacity : 1, + }} + > +
+ dubai marina about + dubai marina about +
+
+
+

+ {`Rove Home + Dubai Marina`} +

+
+ {dubaiMarinaDescriptionBadges.map((description) => ( + + ))} +
+
+
+

+ {`Own the last slice of + Dubai Marina, ROVE Style`} +

+

+ {`With an extended playlist of life-enhancing + amenities, Rove Home is a complete ecosystem + that has everything you'll ever need.`} +

+
+
+ + 1439 ? secondSectionY : 0, + zIndex: 1, + }} + > +
+
+
+

+ {`Own the last slice of Dubai + Marina, ROVE Style`} +

+

+ {`With an extended playlist of life-enhancing + amenities, Rove Home is a complete ecosystem + that has everything you'll ever need.`} +

+
+
+

+ Rove Home has it all +

+

+ {`Rove Home Dubai Marina features modern-day + conveniences, carefully curated for an active + and social lifestyle.`} +

+
+
+ {dubaiMarinaFeatures.map((feature) => ( +
+
+ {feature.name} +
+
+ ))} +
+
+
+

+ Dubai, within reach +

+ +
+ {dubaiMarinaDescription.map((descriptionItem) => ( +
+ setSelectedCategorySlider(descriptionItem.title) + } + > +
+
+ {descriptionItem.title} +
+

+ {descriptionItem.description} +

+
+ ))} +
+ +
+ + + + + {sliderBadgesCategory[selectedCategorySlider].map( + (badgeItem, index) => ( + + + + ) + )} + +
+ +
+
+

+ Dubai's first-ever combinable Apartments +

+ + + +

+ {`Enjoy the option to combine 2 apartments and create + a larger space and configuration.`} +

+
+
+

+ Studio² +

+
+
+ + + +
+
+

+ Studio² +

+
+
+ + + +
+
+

+ 1 Bedroom² +

+
+
+
+ or +
+
+
+

+ Studio² +

+
+
+ + + +
+
+

+ 1 Bedroom² +

+
+
+ + + +
+
+

+ 2 Bedroom² +

+
+
+
+
+

+ Live central. Live centred +

+

+ {`Located in the heart of Dubai Marina, Rove Home Dubai Marina is where active + living meets modern convenience. Enjoy an energetic lifestyle surrounded by + trendy cafés, shops, and entertainment options – all within reach.`} +

+ +
+ central map +
+ {}} + onFullScreenChange={() => {}} + /> +
+
+
+
+ +
+ ); +} + +export default AboutDubaiMarina; diff --git a/src/components/AboutMarasiDrive.tsx b/src/components/AboutMarasiDrive.tsx new file mode 100644 index 0000000..b308fdf --- /dev/null +++ b/src/components/AboutMarasiDrive.tsx @@ -0,0 +1,165 @@ +import { + marasiDriveFeatures, + marasiDriveDescriptionBadges, + marasiDriveExpandable, +} from "../data/aboutMarasiDrive"; +import MarariDriveNeighboursSlider from "./MarasiDriveNeighboursSlider"; +import MarasiDriveInteriorsSlider from "./MarasiDriveInteriorsSlider"; +import TextBox from "./ui/TextBox"; +import { useEffect, useRef } from "react"; +import { useScroll } from "motion/react"; + +function AboutMarasiDrive() { + const target = useRef(null); + + const { scrollYProgress } = useScroll({ + target, + }); + + useEffect(() => { + scrollYProgress.on("change", (latest) => { + console.log(latest); + }); + }, [scrollYProgress]); + + return ( +
+
+
+

+ {`Rove Home + Marasi Drive`} +

+
+ {marasiDriveDescriptionBadges.map((description) => ( + + ))} +
+
+
+

+ {`A home for the young + and young in heart`} +

+

+ {`The dynamic essence of Rove comes to life at our + new location in Marasi Drive, Business Bay. Enjoy + an urban living experience beyond the ordinary.`} +

+
+
+
+
+
+

+ What makes a Rove Home? +

+

+ {`Experience the difference with Rove Home where modern amenities, trendy + interiors, and smart features cater to your unique style. Rove Home is your + destination for artful inspiration and cleverly activated spaces.`} +

+
+
+ {marasiDriveFeatures.map(({ image, name }) => ( +
+ {name} +
+ ))} +
+
+
+
+

+ Expandable Living Solutions +

+

+ {`ORI introduces a revolutionary solution to apartment living, + where space is not just a constraint but an opportunity.`} +

+
+ {["Simple", "Safe", "Effortless"].map((text) => ( + + ))} +
+
+
+ {marasiDriveExpandable.map((image) => ( +
+ Expandable Living Solutions +
+ ))} +
+
+
+
+

+ Inspired interiors +

+

+ {`Smart, flexible designs maximize every inch. The ORI Cloud Bed + expands space by 33%, while the Flexibed transforms living areas + into bedrooms. Multipurpose layouts adapt effortlessly—blending + innovation with modern urban living.`} +

+
+ +
+
+
+

+ {`A home for the young + and young in heart`} +

+

+ {`The dynamic essence of Rove comes to life at our new + location in Marasi Drive, Business Bay. Enjoy an urban + living experience beyond the ordinary.`} +

+
+ +
+
+
+
+

+ {`Explore the neighbourhood`} +

+

+ {`With Dubai's trendiest spots right at your doorstep, explore nearby + entertainment and dining experiences in just 15 minutes. Live your best life + at Rove Home Marasi Drive!`} +

+
+ +
+
+
+
+

+ Rove around the city +

+

+ Located in the heart of Dubai Marina, Rove Home Dubai Marina is + where active living meets modern convenience. Enjoy an energetic + lifestyle surrounded by trendy cafés, shops, and entertainment + options – all within reach. +

+
+
+
+
+
+
+ ); +} + +export default AboutMarasiDrive; diff --git a/src/components/ButtonGroup.tsx b/src/components/ButtonGroup.tsx index 429ff5e..fc6eab0 100644 --- a/src/components/ButtonGroup.tsx +++ b/src/components/ButtonGroup.tsx @@ -4,8 +4,11 @@ import MoreIcon from "./icons/MoreIcon"; import PrivacyPolicyButton from "./PrivacyPolicyButton"; import FullScreenButton from "./FullScreenButton"; import { useState } from "react"; +import { AnimatePresence, motion } from "motion/react"; +import CloseIcon from "./icons/CloseIcon"; function ButtonGroup() { + const [expanded, setExpanded] = useState(false); const [isFullScreen, setIsFullScreen] = useState(false); async function handleFullScreenClick() { @@ -27,22 +30,35 @@ function ButtonGroup() { return ( <> -
- - - +
+ + {(innerWidth >= 768 || expanded) && ( + + + + + + )} +
diff --git a/src/components/DisclaimerButton.tsx b/src/components/DisclaimerButton.tsx index 49f5f54..48995a6 100644 --- a/src/components/DisclaimerButton.tsx +++ b/src/components/DisclaimerButton.tsx @@ -8,14 +8,15 @@ export default function BottomButton() { return ( ); } diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 13fa5de..b3a42ef 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -36,31 +36,51 @@ function Footer() {

Follow us for more:

-
+
-
-
+ +
-
-
+ +
-
-
+ +
-
-
+ +
-
+
@@ -78,7 +98,7 @@ function Footer() { Unit Types About IRTH @@ -92,7 +112,7 @@ function Footer() { > Favorites {!!favoriteUnits.length && ( -
+
{favoriteUnits.length}
)} diff --git a/src/components/FullScreenButton.tsx b/src/components/FullScreenButton.tsx index c4195f6..8ef90c5 100644 --- a/src/components/FullScreenButton.tsx +++ b/src/components/FullScreenButton.tsx @@ -30,8 +30,13 @@ function FullScreenButton({ if (isMobileSafari) return null; return ( - diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 8929e1e..b4789f1 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -249,7 +249,7 @@ function NavItem({ href, title }: { href: string; title: string }) { > {title} {title === "Favorites" && !!favoriteUnits.length && ( -
+
{favoriteUnits.length}
)} @@ -257,17 +257,6 @@ function NavItem({ href, title }: { href: string; title: string }) { ); } -// function ProfileBar() { -// return ( -// -// ); -// } - function BrochuresDropdown() { const [opened, setOpened] = useState(false); @@ -293,6 +282,7 @@ function BrochuresDropdown() { {opened && ( { + // Увеличенная задержка для полного применения изменений размера экрана на мобильных + setTimeout(() => { + updateContainerSize(); + }, 200); + }; + updateContainerSize(); window.addEventListener("resize", updateContainerSize); + document.addEventListener("fullscreenchange", handleFullscreenChange); - return () => window.removeEventListener("resize", updateContainerSize); + return () => { + window.removeEventListener("resize", updateContainerSize); + document.removeEventListener("fullscreenchange", handleFullscreenChange); + }; }, [originalSize, zoom]); useEffect(() => { @@ -524,7 +535,8 @@ function Map({ maxZoom = 1 }: MapProps) { lastTimestamp = now; setCloudOffset((prev) => { let next = prev + windSpeed * delta; - if (cloudImageWidth > 0 && next > 0) next -= cloudImageWidth; + if (cloudImageWidth > 0 && (next > 0 || prev > 0)) + next -= cloudImageWidth; return next; }); cloudAnimationRef.current = requestAnimationFrame(animateClouds); @@ -557,7 +569,7 @@ function Map({ maxZoom = 1 }: MapProps) { map @@ -590,18 +602,20 @@ function Map({ maxZoom = 1 }: MapProps) { style={{ rotate: `${90 + windDirection}deg`, transform: `translateX(${cloudOffset}px) translateZ(0px)`, - transformOrigin: "0 0", + // transformOrigin: "0 0", }} >
@@ -621,46 +635,30 @@ function Map({ maxZoom = 1 }: MapProps) { ))}
- + {!!temperature && } - {isShowInstruction && - (isMobile ? ( - -
- - - -
- - - -
-

Tap to move

- - ) : ( - -
- - - -
- - - -
-

Zoom and Move to select a location

- - ))} + {isShowInstruction && ( + +
+ + + + + + +
+

+ Zoom and Move to +
+ select a location +

+ + )} diff --git a/src/components/MarasiDriveInteriorsSlider.tsx b/src/components/MarasiDriveInteriorsSlider.tsx new file mode 100644 index 0000000..d6d9a24 --- /dev/null +++ b/src/components/MarasiDriveInteriorsSlider.tsx @@ -0,0 +1,94 @@ +import { useState } from "react"; +import { marasiDriveInspiredInteriors } from "../data/aboutMarasiDrive"; +import clsx from "clsx"; +import Button from "./ui/Button"; +import ChevronLeftIcon from "./icons/ChevronLeftIcon"; +import ChevronRightIcon from "./icons/ChevronRightIcon"; +import { AnimatePresence, motion } from "motion/react"; +import { useSwipeable } from "react-swipeable"; + +function MarasiDriveInteriorsSlider() { + const [currentIndex, setCurrentIndex] = useState(0); + + const handlers = useSwipeable({ + onSwipedLeft: () => + setCurrentIndex( + Math.min(currentIndex + 1, marasiDriveInspiredInteriors.length - 1) + ), + onSwipedRight: () => setCurrentIndex(Math.max(currentIndex - 1, 0)), + preventScrollOnSwipe: true, + touchEventOptions: { + passive: false, + }, + trackMouse: true, + }); + + return ( +
+ + + {marasiDriveInspiredInteriors.map(({ image, name }, index) => ( + + setCurrentIndex(index)} + /> +

+ {name} +

+ + ))} + + + + +
+ ); +} +export default MarasiDriveInteriorsSlider; diff --git a/src/components/MarasiDriveMapCard.tsx b/src/components/MarasiDriveMapCard.tsx new file mode 100644 index 0000000..5d54066 --- /dev/null +++ b/src/components/MarasiDriveMapCard.tsx @@ -0,0 +1,31 @@ +function MarasiDriveMapCard({ + title, + mins, + image, + className, +}: { + title: string; + mins: number; + image: string; + className?: string; +}) { + return ( +
+
+

{title}

+

{`${mins} mins`}

+
+ {title} +
+ ); +} + +export default MarasiDriveMapCard; diff --git a/src/components/MarasiDriveNeighboursSlider.tsx b/src/components/MarasiDriveNeighboursSlider.tsx new file mode 100644 index 0000000..2b49824 --- /dev/null +++ b/src/components/MarasiDriveNeighboursSlider.tsx @@ -0,0 +1,69 @@ +import { + AnimatePresence, + motion, + MotionValue, + useTransform, +} from "motion/react"; +import { marasiDriveNeighbours } from "../data/aboutMarasiDrive"; + +function MarariDriveNeighboursSlider({ + scrollYProgress, +}: { + scrollYProgress: MotionValue; +}) { + const x = useTransform( + scrollYProgress, + [0, 1 / 3, 2 / 3], + ["4.236vw", "-20.868vw", "-45.972vw"] + ); + + const width1 = useTransform( + scrollYProgress, + [0, 1 / 3, 2 / 3], + ["20.139vw", "20.139vw", "20.139vw"] + ); + + const width2 = useTransform( + scrollYProgress, + [0, 1 / 3, 2 / 3], + ["36.944vw", "20.139vw", "20.139vw"] + ); + + const width3 = useTransform( + scrollYProgress, + [0, 1 / 3, 2 / 3], + ["20.139vw", "36.944vw", "20.139vw"] + ); + + const width4 = useTransform( + scrollYProgress, + [0, 1 / 3, 2 / 3], + ["20.139vw", "20.139vw", "36.944vw"] + ); + + return ( + + + {marasiDriveNeighbours.map(({ name, image }, index) => ( + + {name} +

{name}

+ + ))} + + + ); +} + +export default MarariDriveNeighboursSlider; diff --git a/src/components/ModalContainer.tsx b/src/components/ModalContainer.tsx index 9913a90..fd35031 100644 --- a/src/components/ModalContainer.tsx +++ b/src/components/ModalContainer.tsx @@ -42,19 +42,20 @@ function ModalContainer() { return ( {modal && ( - +
-
+
{modal}
-
+
- +
)} ); diff --git a/src/components/PrivacyPolicyButton.tsx b/src/components/PrivacyPolicyButton.tsx index 3b5351a..ef6a004 100644 --- a/src/components/PrivacyPolicyButton.tsx +++ b/src/components/PrivacyPolicyButton.tsx @@ -8,12 +8,12 @@ export default function PrivacyPolicyButton() { return ( diff --git a/src/components/SequenceSlider.tsx b/src/components/SequenceSlider.tsx index ae229f3..65230bf 100644 --- a/src/components/SequenceSlider.tsx +++ b/src/components/SequenceSlider.tsx @@ -234,8 +234,8 @@ function SequenceSlider({ complexName }: SequenceSliderProps) { }} />