This commit is contained in:
2026-04-01 11:44:04 +05:00
parent a9e373aba4
commit 64a31ec8e0
6 changed files with 14 additions and 10 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

@@ -16,7 +16,7 @@ export default function Slider() {
<h2 <h2
className="mt-[9.722vw] md:max-lg:mt-[13.021vw] max-md:mt-[27.778vw] font-medium text-[4.444vw] leading-[95%] tracking-[-0.02em] text-start mb-[4.444vw] bg-gradient-to-r from-[#7A55FF] via-[#C932E8] to-[#FF79D2] bg-clip-text className="mt-[9.722vw] md:max-lg:mt-[13.021vw] max-md:mt-[27.778vw] font-medium text-[4.444vw] leading-[95%] tracking-[-0.02em] text-start mb-[4.444vw] bg-gradient-to-r from-[#7A55FF] via-[#C932E8] to-[#FF79D2] bg-clip-text
md:max-lg:text-[5.208vw] md:max-lg:mb-[3.125vw] md:max-lg:text-[5.208vw] md:max-lg:mb-[3.125vw]
max-md:text-[8.889vw] max-md:mb-[6.667vw]" max-md:text-[8.889vw] max-md:mb-[6.667vw] max-md:leading-[100%]"
> >
<span className="text-transparent bg-clip-text"> <span className="text-transparent bg-clip-text">
Immerse your client in your project <br /> Immerse your client in your project <br />
@@ -110,10 +110,10 @@ export default function WebDemo() {
<h2 <h2
className=" mt-[9.722vw] md:max-lg:mt-[13.021vw] max-md:mt-[27.778vw] font-medium text-[4.444vw] leading-[95%] tracking-[-0.02em] text-start mb-[4.444vw] bg-gradient-to-r from-[#7A55FF] via-[#C932E8] to-[#FF79D2] bg-clip-text className=" mt-[9.722vw] md:max-lg:mt-[13.021vw] max-md:mt-[27.778vw] font-medium text-[4.444vw] leading-[95%] tracking-[-0.02em] text-start mb-[4.444vw] bg-gradient-to-r from-[#7A55FF] via-[#C932E8] to-[#FF79D2] bg-clip-text
md:max-lg:text-[5.208vw] md:max-lg:mb-[3.125vw] md:max-lg:text-[5.208vw] md:max-lg:mb-[3.125vw]
max-md:text-[8.889vw] max-md:mb-[6.667vw]" max-md:text-[8.889vw] max-md:mb-[6.667vw] max-md:leading-[100%]"
> >
<span className="text-transparent bg-clip-text"> <span className="text-transparent bg-clip-text">
A showroom isn&apos;t the only stage for a great project A showroom isn&apos;t the only stage for a great project.
</span>{" "} </span>{" "}
With GRAFF.estate Web you can launch your project online using a 360° With GRAFF.estate Web you can launch your project online using a 360°
spheres. spheres.
@@ -255,25 +255,29 @@ export default function WebDemo() {
className="lg:bottom-0 lg:left-[8.194vw]" className="lg:bottom-0 lg:left-[8.194vw]"
> >
<style>{cloudsAnimationStyles}</style> <style>{cloudsAnimationStyles}</style>
<div className="cloud-animation flex absolute top-0 h-full"> <div className="cloud-animation flex absolute top-0 h-full ">
<img <img
draggable={false}
src={"/img/pages/web/demo/clouds.webp"} src={"/img/pages/web/demo/clouds.webp"}
className="object-contain flex-1 self-start scale-125" className="object-contain flex-1 self-start scale-125 select-none [-webkit-touch-callout:none]"
alt="Clouds move in the correct direction, matching your location's actual weather patterns" alt="Clouds move in the correct direction, matching your location's actual weather patterns"
/> />
<img <img
draggable={false}
src={"/img/pages/web/demo/clouds.webp"} src={"/img/pages/web/demo/clouds.webp"}
className="object-contain flex-1 scale-125" className="object-contain flex-1 scale-125 select-none [-webkit-touch-callout:none]"
alt="Clouds move in the correct direction, matching your location's actual weather patterns" alt="Clouds move in the correct direction, matching your location's actual weather patterns"
/> />
<img <img
draggable={false}
src={"/img/pages/web/demo/clouds.webp"} src={"/img/pages/web/demo/clouds.webp"}
className="object-contain flex-1 self-start scale-125" className="object-contain flex-1 self-start scale-125 select-none [-webkit-touch-callout:none]"
alt="Clouds move in the correct direction, matching your location's actual weather patterns" alt="Clouds move in the correct direction, matching your location's actual weather patterns"
/> />
<img <img
draggable={false}
src={"/img/pages/web/demo/clouds.webp"} src={"/img/pages/web/demo/clouds.webp"}
className="object-contain flex-1 scale-125" className="object-contain flex-1 scale-125 select-none [-webkit-touch-callout:none]"
alt="Clouds move in the correct direction, matching your location's actual weather patterns" alt="Clouds move in the correct direction, matching your location's actual weather patterns"
/> />
</div> </div>
@@ -15,7 +15,7 @@ export default function WebExperience() {
<h2 <h2
className=" mt-[9.722vw] md:max-lg:mt-[13.021vw] max-md:mt-[27.778vw] font-medium text-[4.444vw] leading-[95%] tracking-[-0.02em] text-start mb-[4.444vw] bg-gradient-to-r from-[#7A55FF] via-[#C932E8] to-[#FF79D2] bg-clip-text className=" mt-[9.722vw] md:max-lg:mt-[13.021vw] max-md:mt-[27.778vw] font-medium text-[4.444vw] leading-[95%] tracking-[-0.02em] text-start mb-[4.444vw] bg-gradient-to-r from-[#7A55FF] via-[#C932E8] to-[#FF79D2] bg-clip-text
md:max-lg:text-[5.208vw] md:max-lg:mb-[8.333vw] md:max-lg:text-[5.208vw] md:max-lg:mb-[8.333vw]
max-md:text-[8.889vw] max-md:mb-[6.667vw]" max-md:text-[8.889vw] max-md:mb-[6.667vw] max-md:leading-[100%]"
> >
<span className="text-transparent bg-clip-text"> <span className="text-transparent bg-clip-text">
People from around the globe{" "} People from around the globe{" "}
@@ -110,7 +110,7 @@ export default function ContentSlideCards({
}} }}
transition={{ duration: 0.5, type: "just" }} transition={{ duration: 0.5, type: "just" }}
className="absolute z-[1] lg:rounded-[0.417vw] rounded-2xl" className="absolute z-[1] lg:rounded-[0.417vw] rounded-2xl"
src="/img/pages/web/content/card_bt.webp" src="/img/pages/web/content/card_bt.png"
alt="" alt=""
/> />
</motion.div> </motion.div>