This commit is contained in:
2025-06-18 18:03:30 +05:00
parent b10dea1591
commit e48b6d75ef
4 changed files with 11 additions and 11 deletions
+1 -1
View File
@@ -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
+3 -3
View File
@@ -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>
+2 -2
View File
@@ -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
)}