upd
This commit is contained in:
@@ -1,2 +1,2 @@
|
||||
VITE_API_URL=http://192.168.1.168:4002
|
||||
VITE_API_URL=http://192.168.1.224:4002
|
||||
# VITE_API_URL=http://194.26.138.94:4002
|
||||
@@ -77,7 +77,7 @@ function AboutMarasiDrive() {
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<div className="2xl:sticky relative 2xl:top-[-275%], top-[-135vw] bg-white w-full overflow-clip">
|
||||
<div className="2xl:sticky relative top-[-134vw] bg-white w-full overflow-clip">
|
||||
<section className="2xl:pt-[9.444vw] 2xl:px-[2.222vw] 2xl:pb-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 pb-8 flex flex-col 2xl:gap-[4.444vw] md:max-2xl:gap-12 gap-10">
|
||||
<div className="flex flex-col 2xl:gap-[2.222vw] md:max-2xl:gap-8 gap-6 items-center">
|
||||
<h2 className="font-mixcase-unmixed md:text-h1 text-[28px] leading-none text-center max-md:whitespace-pre-line ">
|
||||
@@ -129,7 +129,7 @@ function AboutMarasiDrive() {
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
<section className="flex flex-col 2xl:gap-[4.444vw] 2xl:pt-[9.444vw] 2xl:px-[2.222vw] 2xl:pb-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 pb-8">
|
||||
<section className="flex flex-col 2xl:gap-[4.444vw] 2xl:pt-[9.444vw] 2xl:pb-[15vw] 2xl:px-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 max-md:pb-8">
|
||||
<div className="flex flex-col 2xl:gap-[2.222vw] items-center">
|
||||
<h2 className="font-mixcase-unmixed text-h1 text-center">
|
||||
Inspired interiors
|
||||
@@ -205,7 +205,7 @@ function AboutMarasiDrive() {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="flex items-stretch justify-center gap-[1.111vw] 2xl:px-[10.278vw] 2xl:py-[9.444vw] md:max-2xl:py-[104px] md:mx-2xl:px-6 max-md:pt-20 max-md:pb-12 px-4">
|
||||
<section className="flex items-stretch justify-center gap-[1.111vw] 2xl:px-[10.278vw] 2xl:pt-[9.444vw] 2xl:pb-[15vw] md:max-2xl:py-[104px] md:mx-2xl:px-6 max-md:pt-20 max-md:pb-12 px-4">
|
||||
<div>
|
||||
<img
|
||||
src="/images/about-complex/marasi-drive/podium.png"
|
||||
|
||||
@@ -24,7 +24,7 @@ function MarasiDriveInteriorsSlider() {
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="relative" {...handlers}>
|
||||
<div className="relative 2xl:mb-[15vw]" {...handlers}>
|
||||
<motion.div
|
||||
className="flex items-center gap-[6.667vw] min-h-[38.333vw]"
|
||||
animate={{
|
||||
@@ -68,23 +68,23 @@ function MarasiDriveInteriorsSlider() {
|
||||
onlyIcon
|
||||
disabled={currentIndex === 0}
|
||||
onClick={() => setCurrentIndex(Math.max(currentIndex - 1, 0))}
|
||||
className="!bg-[#F3F3F2] absolute 2xl:left-[27.778vw] top-1/2 -translate-y-1/2"
|
||||
className="!bg-[#F3F3F2] absolute 2xl:left-[27.778vw] top-[15.833vw]"
|
||||
>
|
||||
<span className="2xl:size-[1.389vw] size-5 text-[#0D1922]">
|
||||
<span className="2xl:size-[1.389vw] size-5 text-[#0D1922] in-disabled:text-[#0D1922]/40">
|
||||
<ChevronLeftIcon />
|
||||
</span>
|
||||
</Button>
|
||||
<Button
|
||||
onlyIcon
|
||||
disabled={currentIndex === marasiDriveInspiredInteriors.length - 1}
|
||||
className="!bg-[#F3F3F2] absolute 2xl:right-[27.778vw] top-1/2 -translate-y-1/2"
|
||||
className="!bg-[#F3F3F2] absolute 2xl:right-[27.778vw] top-[15.833vw]"
|
||||
onClick={() =>
|
||||
setCurrentIndex(
|
||||
Math.min(currentIndex + 1, marasiDriveInspiredInteriors.length - 1)
|
||||
)
|
||||
}
|
||||
>
|
||||
<span className="2xl:size-[1.389vw] size-5 text-[#0D1922]">
|
||||
<span className="2xl:size-[1.389vw] size-5 text-[#0D1922] in-disabled:text-[#0D1922]/40">
|
||||
<ChevronRightIcon />
|
||||
</span>
|
||||
</Button>
|
||||
|
||||
@@ -43,10 +43,10 @@ function Button({
|
||||
],
|
||||
variant === "link" && "text-sm text-black/50 w-fit",
|
||||
variant === "primary" &&
|
||||
"bg-[#00BED7] text-white hover:bg-[#0AB3C9] active:bg-[#00A7BD] ",
|
||||
"!bg-[#f3f3f2] text-white hover:!bg-[#0AB3C9] active:!bg-[#00A7BD] disabled:!bg-[#0D1922]/8 disabled:!text-[#0D1922]/40",
|
||||
variant === "secondary" && "bg-white text-[#0D1922]/70",
|
||||
variant === "tertiary" &&
|
||||
"text-xs leading-[135%] text-[#0D1922]/70 !px-0 hover:text-[#0D1922] disabled:bg-transparent",
|
||||
"text-xs leading-[135%] text-[#0D1922]/70 !px-0 hover:!text-[#0D1922] disabled:!bg-transparent",
|
||||
roundedFull ? "rounded-full" : "2xl:rounded-[0.833vw] rounded-xl",
|
||||
className
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user