diff --git a/src/components/About.tsx b/src/components/About.tsx index 21d1f38..88fa433 100644 --- a/src/components/About.tsx +++ b/src/components/About.tsx @@ -15,7 +15,7 @@ export default function About() { // Parallax effect: Moving the image vertically as the user scrolls // The image height is significantly larger than the container // We move from 0% (top aligned) to a negative percentage to reveal the bottom - const y = useTransform(scrollYProgress, [0, 1], ["0%", "-50%"]); + const y = useTransform(scrollYProgress, [0, 1], ["0%", "-30%"]); return (
@@ -32,10 +32,10 @@ export default function About() {
-
- {/* Text Content */} +
+ {/* Text Content - Takes 5 columns */}

- At Sky and Soil, we curate exceptional living spaces that harmonize with nat - - ure. As authorized sales partners for Godrej Properties, we bring you the finest homes in Bangalore's most sought-after locations. + At Sky and Soil, we curate exceptional living spaces that harmonize with nature. As authorized sales partners for Godrej Properties, we bring you the finest homes in Bangalore's most sought-after locations.

Our mission is to connect you with homes that offer not just a roof over your head, but a lifestyle grounded in luxury and elevated by nature. From North Bengaluru to Sarjapur, discover a life of abundance. @@ -65,21 +63,23 @@ export default function About() { - {/* Parallax Image Container */} + {/* Parallax Image Container - Takes 7 columns */}