Repository: AvivYona/Yona-Marble
Pull request #52: שינוי טקסטים, עיצוב פונטים, הוספת כפתורים
Author: login: AvivYona
Created: 2025-05-04T20:13:14Z | Merged: 2025-05-05T16:00:02Z



Diff:
diff --git a/Yona-Marble-Frontend/index.html b/Yona-Marble-Frontend/index.html
index aec6ac2..974f320 100644
--- a/Yona-Marble-Frontend/index.html
+++ b/Yona-Marble-Frontend/index.html
@@ -11,7 +11,7 @@
     <!-- Favicon for dark mode -->
     <link rel="icon" href="/images/favicon-dark.ico" type="image/png" media="(prefers-color-scheme: dark)">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>שיש יונה</title>
+    <title>Yona Marble</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/Yona-Marble-Frontend/src/components/About/About.tsx b/Yona-Marble-Frontend/src/components/About/About.tsx
index 2b7b4d4..b9ea45c 100644
--- a/Yona-Marble-Frontend/src/components/About/About.tsx
+++ b/Yona-Marble-Frontend/src/components/About/About.tsx
@@ -15,16 +15,30 @@ export const About = () => {
         minHeight: "wrap",
       }}
     >
-      <Box sx={{ mt: 4, maxWidth: "900px", mx: "auto", textAlign: "justify" }}>
+      <Box sx={{ mt: 4, maxWidth: "80vw", mx: "auto", textAlign: "center",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+      }}>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h4" gutterBottom>
+          <Typography variant="h5" 
+          gutterBottom 
+          sx={{ whiteSpace: "pre", direction: "rtl" }}>
+            {aboutInfo.title1}
+          </Typography>
+
+          <Typography variant="h2" gutterBottom
+          sx={{ mt: 2, textAlign: "center" }}
+          color={theme.palette.primary.contrastText}>
             {aboutInfo.title}
           </Typography>
+
+
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
@@ -32,9 +46,18 @@ export const About = () => {
           transition={{ duration: 0.8, ease: "easeOut", delay: 0.2 }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ whiteSpace: "pre-line" }}>
-            {aboutInfo.description}
+          <Typography variant="body1" gutterBottom sx={{ whiteSpace: "pre-line", maxWidth: "70vw"}}>
+            {aboutInfo.desc1}
           </Typography>
+
+          <Typography variant="body1" gutterBottom sx={{ whiteSpace: "pre-line", maxWidth: "70vw"}}>
+            {aboutInfo.desc2}
+          </Typography>
+
+          <Typography variant="body1" gutterBottom sx={{ whiteSpace: "pre-line", maxWidth: "70vw"}}>
+            {aboutInfo.desc3}
+          </Typography>
+
         </motion.div>
       </Box>
 
diff --git a/Yona-Marble-Frontend/src/components/Bath/Bath.tsx b/Yona-Marble-Frontend/src/components/Bath/Bath.tsx
index cebbd3a..642dbea 100644
--- a/Yona-Marble-Frontend/src/components/Bath/Bath.tsx
+++ b/Yona-Marble-Frontend/src/components/Bath/Bath.tsx
@@ -1,10 +1,18 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { Catalog } from "../Catalog/Catalog";
 import bathInfo from "../../information/marbleBath/marbleBathInfo.json";
 import { motion } from "framer-motion";
 import theme from "../../theme";
+//import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState } from "react";
 export const Bath = () => {
   const itemData = [{ img: "/images/bath/bath2.jpeg", title: "image" }];
+
+  const [showMore, setShowMore] = useState(false);
+
+  const handleToggle = () => setShowMore((prev) => !prev);
+
   return (
     <>
       <Box
@@ -18,9 +26,10 @@ export const Bath = () => {
         <Box
           sx={{
             mt: 4,
-            maxWidth: "90vw",
+            maxWidth: "70vw",
             mx: "auto",
             textAlign: "justify",
+            mb: 9,
           }}
         >
           <motion.div
@@ -33,15 +42,74 @@ export const Bath = () => {
               שיש לאמבט
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
-              {bathInfo.paragraph1}
+            
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              {bathInfo.title}
             </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {bathInfo["bath-short"]}
+            </Typography>
+
+            {/* כפתור לפרטים נוספים */}
+            {!showMore && (
+            <Box mt={1}>
+              {/* <Button variant="outlined" 
+              sx={{ borderRadius: '20px', color: 'black', borderColor:'black'}}
+              endIcon={<KeyboardBackspaceIcon sx={{ mr: 1 }} />}
+              onClick={handleToggle}>
+                לפרטים נוספים
+              </Button> */}
+              
+              <Button
+                variant="text"
+                sx={{
+                  color: "black",
+                  px: 0,
+                  minWidth: 0,
+                  textTransform: "none",
+                  fontWeight: "bold",
+                  fontSize: "1rem",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  borderBottom: "2px solid #181A20", // קו תחתון
+                  borderRadius: 0,
+                }}
+                onClick={handleToggle}>
+                קרא עוד
+              </Button>
+            </Box>
+          )}
+
+          {/* המשך טקסט נחשף בלחיצה */}
+          {showMore && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.6 }}
+            >
+              <Typography
+                variant="body1"
+                gutterBottom
+                sx={{ mt: 2, whiteSpace: "pre-line" }}
+              >
+                {bathInfo.paragraph1}
+              </Typography>
+              <Button variant="outlined" 
+                sx={{ borderRadius: '20px', color: 'black', borderColor:'black', mt:3}} 
+                endIcon={<CloseIcon sx={{ mr: 1 }} />} 
+                onClick={handleToggle}>
+                סגור
+              </Button>
+            </motion.div>
+          )}
           </motion.div>
         </Box>
         <Catalog itemData={itemData} />
diff --git a/Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx b/Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
index 3f5effa..8dbdaa6 100644
--- a/Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
+++ b/Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
@@ -16,7 +16,6 @@ export const ContactUs = () => {
     >
       <Box
         sx={{
-          width: "80vw",
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-around",
@@ -31,18 +30,19 @@ export const ContactUs = () => {
         >
           <Box
             sx={{
-              width: "60vw",
+              width: "70vw",
+              height: "30vw",
               backdropFilter: "blur(10px)",
               backgroundColor: "rgba(255, 255, 255, 0.4)",
               borderTop: "1px solid rgba(0, 0, 0, 0.1)",
-              borderRadius: "calc(1vh + 1vw)",
+              borderRadius: "calc(2vh + 1.5vw)",
               display: "flex",
               flexDirection: "column",
               justifyContent: "center",
             }}
           >
             <Typography
-              variant="h3"
+              variant="h2"
               sx={{ mt: 2, textAlign: "center" }}
               color={theme.palette.primary.contrastText}
             >
diff --git a/Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx b/Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx
index 9968b3c..36709a0 100644
--- a/Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx
+++ b/Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx
@@ -3,8 +3,8 @@ import PhoneIcon from "@mui/icons-material/Phone";
 import EmailIcon from "@mui/icons-material/Email";
 import InstagramIcon from "@mui/icons-material/Instagram";
 import FacebookIcon from "@mui/icons-material/Facebook";
-import DirectionsIcon from "@mui/icons-material/Directions";
 import { OverridableComponent } from "@mui/material/OverridableComponent";
+import FmdGoodIcon from '@mui/icons-material/FmdGood';
 import { IconBox } from "./IconBox/IconBox";
 
 interface IconLink {
@@ -27,7 +27,7 @@ export const IconsBox = () => {
     {
       href: "https://www.waze.com/he/live-map/directions/%D7%A9%D7%99%D7%A9-%D7%99%D7%95%D7%A0%D7%94-%D7%94%D7%9E%D7%A9%D7%91%D7%99%D7%A8-32-%D7%97%D7%95%D7%9C%D7%95%D7%9F?to=place.w.22806848.228134017.335280",
       additionalInfo: "המשביר 32 חולון",
-      Icon: DirectionsIcon,
+      Icon: FmdGoodIcon,
     },
     {
       href: "https://www.facebook.com/YonaMarble/",
diff --git a/Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx b/Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
index 56a0052..ae30a90 100644
--- a/Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
+++ b/Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
@@ -1,8 +1,11 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { motion } from "framer-motion";
 import { Catalog } from "../Catalog/Catalog";
 import homeDecorInfo from "../../information/homeDecor/homeDecorInfo.json";
 import theme from "../../theme";
+//import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState } from "react";
 export const HomeDecor = () => {
   const itemData = [
     { img: "/images/homeDecor/IMG_6526.JPG", title: "image" },
@@ -10,6 +13,11 @@ export const HomeDecor = () => {
     { img: "/images/homeDecor/roundTable.webp", title: "image" },
     { img: "/images/homeDecor/table.webp", title: "image" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
+
+  const handleToggle = () => setShowMore((prev) => !prev);
+  
   return (
     <>
       <Box
@@ -23,9 +31,10 @@ export const HomeDecor = () => {
         <Box
           sx={{
             mt: 4,
-            maxWidth: "90vw",
+            maxWidth: "70vw",
             mx: "auto",
             textAlign: "justify",
+            mb: 9,
           }}
         >
           <motion.div
@@ -38,15 +47,79 @@ export const HomeDecor = () => {
               שיש בעיצוב הבית
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
-              {homeDecorInfo.paragraph1}
+            <Typography variant="h6" 
+            gutterBottom 
+            textAlign="justify">
+              {homeDecorInfo.title}
             </Typography>
+
+            <Typography variant="body1" 
+            gutterBottom 
+            textAlign="justify" 
+            sx={{ whiteSpace: "pre-line" }}>
+              {homeDecorInfo["homeDecor-short"]}
+            </Typography>
+            
+            {/* כפתור לפרטים נוספים */}
+            {!showMore && (
+            <Box mt={1}>
+              {/* <Button variant="outlined" 
+              sx={{ borderRadius: '20px', color: 'black', borderColor:'black' }} 
+              endIcon={<KeyboardBackspaceIcon sx={{ mr: 1 }} />}
+              onClick={handleToggle}>
+                לפרטים נוספים
+              </Button> */}
+
+              <Button
+                variant="text"
+                sx={{
+                  color: "black",
+                  px: 0,
+                  minWidth: 0,
+                  textTransform: "none",
+                  fontWeight: "bold",
+                  fontSize: "1rem",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  borderBottom: "2px solid #181A20", // קו תחתון
+                  borderRadius: 0,
+                }}
+                onClick={handleToggle}>
+                קרא עוד
+              </Button>
+            </Box>
+          )}
+
+          {/* המשך טקסט נחשף בלחיצה */}
+          {showMore && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.6 }}
+            >
+              <Typography
+                variant="body1"
+                gutterBottom
+                sx={{ mt: 2, whiteSpace: "pre-line" }}
+              >
+                {homeDecorInfo["paragraph1"]}
+              </Typography>
+              <Button variant="outlined" 
+                sx={{ borderRadius: '20px', color: 'black', borderColor:'black' , mt:3}} 
+                endIcon={<CloseIcon sx={{ mr: 1 }} />} 
+                onClick={handleToggle}>
+                סגור
+              </Button>
+            </motion.div>
+          )}
+
           </motion.div>
         </Box>
         <Catalog itemData={itemData} />
diff --git a/Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx b/Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx
index 2ed68b1..b84e0e8 100644
--- a/Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx
+++ b/Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx
@@ -1,14 +1,22 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Typography, Button } from "@mui/material";
 import { Catalog } from "../Catalog/Catalog";
 import kitchenInfo from "../../information/marbleKitchen/marbleKitchenInfo.json";
 import { motion } from "framer-motion";
 import theme from "../../theme";
+import { useState } from "react";
+import CloseIcon from '@mui/icons-material/Close';
+//import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
 export const Kitchen = () => {
   const itemData = [
     { img: "/images/kitchen/catalog_3.webp", title: "מטבח" },
     { img: "/images/kitchen/catalog_5.webp", title: "מטבח" },
     { img: "/images/kitchen/catalog_6.webp", title: "מטבח" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
+
+  const handleToggle = () => setShowMore((prev) => !prev);
+
   return (
     <Box
       sx={{
@@ -20,9 +28,10 @@ export const Kitchen = () => {
       <Box
         sx={{
           mt: 4,
-          maxWidth: "90vw",
+          maxWidth: "70vw",
           mx: "auto",
           textAlign: "justify",
+          mb: 9,
         }}
       >
         <motion.div
@@ -41,9 +50,63 @@ export const Kitchen = () => {
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom>
-            {kitchenInfo.paragraph1}
+          <Typography variant="h6" gutterBottom textAlign="justify">
+            {kitchenInfo.title}
           </Typography>
+
+          <Typography variant="body1" gutterBottom textAlign="justify">
+            {kitchenInfo["kitchen-short"]}
+          </Typography>
+
+          {/* כפתור לפרטים נוספים */}
+          {!showMore && (
+            <Box mt={1}>
+              {/* <Button variant="outlined" 
+              sx={{ borderRadius: '20px', color: 'black', borderColor:'black' , mt:3}} 
+              endIcon={<KeyboardBackspaceIcon sx={{ mr: 1 }} />}
+              onClick={handleToggle}>
+                לפרטים נוספים
+              </Button> */}
+
+              <Button
+                variant="text"
+                sx={{
+                  color: "black",
+                  px: 0,
+                  minWidth: 0,
+                  textTransform: "none",
+                  fontWeight: "bold",
+                  fontSize: "1rem",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  borderBottom: "2px solid #181A20", // קו תחתון
+                  borderRadius: 0,
+                }}
+                onClick={handleToggle}>
+                קרא עוד
+              </Button>
+            </Box>
+          )}
+
+          {/* המשך טקסט נחשף בלחיצה */}
+          {showMore && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.6 }}
+            >
+              <Typography
+                variant="body1"
+                gutterBottom
+                sx={{ mt: 2, whiteSpace: "pre-line" }}
+              >
+                {kitchenInfo.paragraph1}
+              </Typography>
+              <Button variant="outlined" sx={{ borderRadius: '20px', color: 'black', borderColor:'black' }} endIcon={<CloseIcon sx={{ mr: 1 }} />} onClick={handleToggle}>
+                סגור
+              </Button>
+            </motion.div>
+          )}
         </motion.div>
       </Box>
       <Catalog itemData={itemData} />
diff --git a/Yona-Marble-Frontend/src/components/Sink/sink.tsx b/Yona-Marble-Frontend/src/components/Sink/sink.tsx
index 8ceece1..b2b2ed2 100644
--- a/Yona-Marble-Frontend/src/components/Sink/sink.tsx
+++ b/Yona-Marble-Frontend/src/components/Sink/sink.tsx
@@ -1,14 +1,21 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { motion } from "framer-motion";
 import { Catalog } from "../Catalog/Catalog";
 import sinkInfo from "../../information/sink/sinkInfo.json";
 import theme from "../../theme";
+import { useState } from "react";
+import CloseIcon from "@mui/icons-material/Close";
 export const Sink = () => {
   const itemData = [
     { img: "/images/sinks/סבליין-350-לבן.png", title: "סבליין-350-לבן" },
     { img: "/images/sinks/רונדו-לבן.jpeg", title: "רונדו-לבן" },
     { img: "/images/sinks/פלאון-5.jpeg", title: "פלאון-5" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
+
+  const handleToggle = () => setShowMore((prev) => !prev);
+
   return (
     <Box
       sx={{
@@ -20,9 +27,10 @@ export const Sink = () => {
       <Box
         sx={{
           mt: 4,
-          maxWidth: "90vw",
+          maxWidth: "70vw",
           mx: "auto",
           textAlign: "justify",
+          mb: 9,
         }}
       >
         <motion.div
@@ -35,15 +43,86 @@ export const Sink = () => {
             כיורים{" "}
           </Typography>
         </motion.div>
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.9, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.8 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
-            {sinkInfo.paragraph1}
+          <Typography variant="h6" gutterBottom textAlign="justify">
+            {sinkInfo.title}
           </Typography>
+
+          <Typography
+            variant="body1"
+            gutterBottom
+            textAlign="justify"
+            sx={{ whiteSpace: "pre-line" }}
+          >
+            {sinkInfo.sinkShort}
+          </Typography>
+
+          {/* כפתור לפרטים נוספים */}
+          {!showMore && (
+            <Box mt={1}>
+              {/* <Button variant="outlined" 
+              sx={{ borderRadius: '20px', color: 'black', borderColor:'black'}} 
+              endIcon={<KeyboardBackspaceIcon sx={{ mr: 1 }} />}
+              onClick={handleToggle}>
+                לפרטים נוספים
+              </Button> */}
+
+              <Button
+                variant="text"
+                sx={{
+                  color: "black",
+                  px: 0,
+                  minWidth: 0,
+                  textTransform: "none",
+                  fontWeight: "bold",
+                  fontSize: "1rem",
+                  display: "inline-flex",
+                  alignItems: "center",
+                  borderBottom: "2px solid #181A20", // קו תחתון
+                  borderRadius: 0,
+                }}
+                onClick={handleToggle}
+              >
+                קרא עוד
+              </Button>
+            </Box>
+          )}
+
+          {/* המשך טקסט נחשף בלחיצה */}
+          {showMore && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.6 }}
+            >
+              <Typography
+                variant="body1"
+                gutterBottom
+                sx={{ mt: 2, whiteSpace: "pre-line" }}
+              >
+                {sinkInfo.paragraph1}
+              </Typography>
+              <Button
+                variant="outlined"
+                sx={{
+                  borderRadius: "20px",
+                  color: "black",
+                  borderColor: "black",
+                  mt: 3,
+                }}
+                endIcon={<CloseIcon sx={{ mr: 1 }} />}
+                onClick={handleToggle}
+              >
+                סגור
+              </Button>
+            </motion.div>
+          )}
         </motion.div>
       </Box>
       <Catalog itemData={itemData}></Catalog>
diff --git a/Yona-Marble-Frontend/src/information/about/aboutInfo.json b/Yona-Marble-Frontend/src/information/about/aboutInfo.json
index 4519d1b..3daba82 100644
--- a/Yona-Marble-Frontend/src/information/about/aboutInfo.json
+++ b/Yona-Marble-Frontend/src/information/about/aboutInfo.json
@@ -1,5 +1,10 @@
 {
   "title": "חברת שיש יונה",
+  "title1": "ה י י,  א נ ח נ ו",
   "description": "עם למעלה מ-30 שנות ניסיון עשיר בעולם השיש, שיש יונה מביאה אליכם שילוב מנצח של מקצועיות ללא פשרות, אמינות ושירות אישי ברמה הגבוהה ביותר, לצד תשוקה בלתי מתפשרת לאיכות ולאומנות.\nאנו עובדים בשיתוף פעולה עם הספקים המובילים בארץ ובעולם כדי להביא אליכם את חומרי הגלם האיכותיים ביותר ואת הפתרונות העיצוביים והטכנולוגיים המתקדמים ביותר.\nבשיש יונה, אנו מאמינים בליווי צמוד ושקיפות מלאה בכל שלב – מרגע בחירת המשטח ועד להתקנה המושלמת בביתכם. המטרה שלנו היא להבטיח לכם לא רק שיש יפה, אלא חוויה נעימה ותוצאה שתשמש אתכם ותשמור על יופייה לאורך שנים רבות.",
-  "title2": "״כשאומנות וניסיון עתיר שנים נפגשים יחדיו באה לידי ביטוי היצירתיות והייחוד של עבודתנו.״"
+  "title2": "״כשאומנות וניסיון עתיר שנים נפגשים יחדיו באה לידי ביטוי היצירתיות והייחוד של עבודתנו.״",
+  "desc1": "עם ניסיון עשיר של למעלה מ-30 שנה בעולם השיש, שיש יונה גאה להציע לכם שילוב של מקצועיות בלתי מתפשרת, אמינות גבוהה ושירות אישי יוצא דופן, המלווה בתשוקה עמוקה לאיכות ולאומנות.",
+  "desc2": "אנו מקיימים שיתופי פעולה הדוקים עם הספקים המובילים בארץ ובעולם, דבר המאפשר לנו להביא אליכם את חומרי הגלם המשובחים ביותר ואת הפתרונות העיצוביים והטכנולוגיים החדשניים ביותר הקיימים בשוק.",
+  "desc3": "בשיש יונה, אתם לא סתם עוד לקוח. אנחנו מאמינים בשותפות אמיתית – ליווי צמוד ושקיפות מלאה מרגע התכנון ועד להתקנה הסופית בביתכם. המטרה שלנו היא אחת: להעניק לכם חוויה נעימה וחלקה, וליהנות יחד איתכם מתוצאה מרהיבה שתשדרג את ביתכם ותישאר יפהפייה לאורך שנים רבות."
+
 }
diff --git a/Yona-Marble-Frontend/src/information/homeDecor/homeDecorInfo.json b/Yona-Marble-Frontend/src/information/homeDecor/homeDecorInfo.json
index 4926277..f1dbb42 100644
--- a/Yona-Marble-Frontend/src/information/homeDecor/homeDecorInfo.json
+++ b/Yona-Marble-Frontend/src/information/homeDecor/homeDecorInfo.json
@@ -1,3 +1,5 @@
 {
-  "paragraph1": "מעבר למשטחים למטבח ולאמבטיה, שיש יונה מביאה את היוקרה, היופי הטבעי והעמידות של האבן לעולם עיצוב הבית כולו. אנו מתמחים בהפיכת חומרי הגלם האיכותיים ביותר ליצירות ריהוט ואלמנטים עיצוביים בהתאמה אישית מלאה, שנועדו להעניק לכל חלל בביתכם נוכחות ייחודית ואלגנטיות נצחית.אצלנו תוכלו להגשים כל חזון עיצובי וליצור את הפריט המושלם שאתם מדמיינים. אנו מייצרים שולחנות קפה, שולחנות אוכל, מזנונים, קונסולות, מדפים, חיפויי קירות ואלמנטים דקורטיביים נוספים, כולם מעוצבים ומיוצרים בעבודת אומנות ובדיוק מירבי על פי הדרישות, המידות והצורניות הספציפיות שלכם .השילוב של מגוון עצום של סוגי אבן טבעית (שיש, גרניט ועוד), חומרים סינתטיים איכותיים כמו גרניט פורצלן, ויכולות הייצור המתקדמות שלנו (כולל שימוש בטכנולוגיית CNC), מאפשר לכם ליצור פריט ריהוט שהוא גם פרקטי להפליא וגם יצירת אומנות יפהפייה ועמידה שתלווה את ביתכם לשנים רבות.בחירה בפריטי אבן מבית שיש יונה היא הצהרה עיצובית שמוסיפה יוקרה, אישיות וטאץ' ייחודי לכל פינה בבית."
+  "title": "מעבר לשיש – עיצוב רהיטים ואלמנטים בהתאמה אישית מבית שיש יונה",
+  "homeDecor-short": "לא רק למטבח ולאמבטיה – בשיש יונה הופכים את האבן הטבעית לאמנות שמעצבת את כל הבית. שולחנות, מדפים, קונסולות ואלמנטים דקורטיביים – כולם בהתאמה אישית, גימור מושלם ותוצאה שנשארת איתכם לשנים.",
+  "paragraph1": "שיש יונה לא עוצרת במטבח או באמבטיה – אנחנו מביאים את היוקרה, המידות והעיצוב גם לעולם הריהוט ועיצוב הבית כולו. אנחנו מתמחים ביצירת פריטי ריהוט ואלמנטים דקורטיביים בהתאמה אישית מלאה: שולחנות אוכל, שולחנות קפה, קונסולות, מדפים, מזנונים, חיפוי קיר ועוד – כולם יוצרים מחומרי גלם איכותיים ובגימור מוקפד, לפי הסגנון והמידות שלכם. באמצעות שילוב של שיש, גרניט, גרניט פורצלן וטכנולוגיות מתקדמות כמו CNC, אנחנו יוצרים פריטים שהם גם שימושיים וגם יצירות אמנות שישרתו לאורך שנים. בחירה בעיצוב מאבן מבית שיש יונה היא הצהרה של יוקרה, סגנון וטאץ' ייחודי בכל חלל בבית."
 }
diff --git a/Yona-Marble-Frontend/src/information/marbleBath/marbleBathInfo.json b/Yona-Marble-Frontend/src/information/marbleBath/marbleBathInfo.json
index 80f103a..f545fd5 100644
--- a/Yona-Marble-Frontend/src/information/marbleBath/marbleBathInfo.json
+++ b/Yona-Marble-Frontend/src/information/marbleBath/marbleBathInfo.json
@@ -1,3 +1,5 @@
 {
-  "paragraph1": "חדר האמבטיה הוא המפלט הפרטי שלכם, מקום למנוחה, התחדשות ועיצוב אישי. משטח האמבטיה הוא אלמנט עיצובי ופונקציונלי מרכזי שקובע את הטון של החלל כולו. בשיש יונה, אנו מתמחים בתכנון, עיצוב וייצור משטחים לחדרי אמבטיה, המשלבים יופי עוצר נשימה, עמידות בפני רטיבות ונוחות שימוש מקסימלית. אנו מציעים לכם גישה למגוון רחב ועשיר של חומרים איכותיים המתאימים במיוחד לסביבה לחה, כגון שיש טבעי, גרניט וגרניט פורצלן, במבחר עצום של צבעים, דוגמאות וגימורים. כל משטח מיוצר אצלנו בהתאמה אישית מלאה למידות המדויקות של חדר האמבטיה שלכם ולסגנון העיצובי שאתם שואפים אליו, תוך שימוש בטכנולוגיות מתקדמות להבטחת גימור מושלם ואיכות בלתי מתפשרת. שדרגו את חדר האמבטיה שלכם עם משטח מבית שיש יונה – פתרון יפהפה, פונקציונלי ועמיד שיעניק לחלל מראה יוקרתי וישרת אתכם לשנים רבות."
+  "title": "שיש לחדר האמבטיה – יופי, נוחות ועמידות במקום הכי אישי בבית",
+  "paragraph1": "דמיינו רגע: מקום מפלט שכולו שלכם, בו היופי פוגש את הנוחות. משטח האמבטיה הוא הלב הפועם של החלל הזה, והוא מספר את הסיפור של הסגנון האישי שלכם. בשיש יונה, אנחנו יוצרים משטחים שהם הרבה יותר מסתם משטח - הם יצירת אמנות עמידה במים, המותאמת בדיוק לחלום שלכם. אנו פותחים בפניכם עולם של אפשרויות: שיש טבעי עוצר נשימה, גרניט חזק ואלגנטי, וגרניט פורצלן חדשני. כל חומר מגיע בשלל צבעים, טקסטורות וגימורים שיעניקו לחדר האמבטיה שלכם מראה יוקרתי וייחודי. אצלנו, כל משטח נולד מחדש, בהתאמה אישית מלאה למידות האמבטיה ולסגנון שלכם. בעזרת טכנולוגיות מתקדמות ומומחיות ללא פשרות, אנו מבטיחים גימור מושלם ואיכות שתלווה אתכם לשנים רבות. שיש יונה - כי חדר האמבטיה שלכם ראוי לטוב ביותר. שדרגו עכשיו למשטח שיש יפהפה, פונקציונלי ועמיד, ותהפכו את חדר האמבטיה שלכם לחוויה יומיומית של פינוק וסטייל.",
+  "bath-short": "חדר האמבטיה הוא המקום שבו אנחנו עוצרים, נרגעים ומתחדשים. בשיש יונה תקבלו התאמה אישית מושלמת, עיצובים מרהיבים וחומרים עמידים המתאימים במיוחד לסביבה לחה."
 }
diff --git a/Yona-Marble-Frontend/src/information/marbleKitchen/marbleKitchenInfo.json b/Yona-Marble-Frontend/src/information/marbleKitchen/marbleKitchenInfo.json
index 912cc23..3a1b80a 100644
--- a/Yona-Marble-Frontend/src/information/marbleKitchen/marbleKitchenInfo.json
+++ b/Yona-Marble-Frontend/src/information/marbleKitchen/marbleKitchenInfo.json
@@ -1,3 +1,8 @@
 {
-  "paragraph1": "המטבח הוא לב הבית – המקום שבו אנו מבשלים, מתכנסים ויוצרים זיכרונות. משטח השיש הוא האלמנט המרכזי שמשפיע גם על הפונקציונליות וגם על העיצוב שלו. בשיש יונה, אנו מומחים ביצירת משטחי שיש למטבח מותאמים אישית בדיוק לחלום שלכם. אנו משלבים ניסיון עשיר עם טכנולוגיות מתקדמות, כמו מכונת CNC לגימור מושלם ודיוק מקסימלי, כדי להבטיח שכל משטח יהיה יצירת מופת בפני עצמה. אנו מציעים מגוון עשיר ואיכותי של חומרים למטבח – שיש טבעי, גרניט וגרניט פורצלן, במבחר עצום של צבעים, טקסטורות וסגנונות. בחרו בשיש יונה למשטח מטבח יפהפה, פונקציונלי ועמיד שישמש אתכם נאמנה לשנים רבות."
+  "title": "שיש למטבח – לב הבית מתחיל כאן",
+  "paragraph1": "המטבח הוא לב הבית – המקום שבו אנו מבשלים, מתכנסים ויוצרים זיכרונות. משטח השיש הוא האלמנט המרכזי שמשפיע גם על הפונקציונליות וגם על העיצוב שלו. בשיש יונה, אנו מומחים ביצירת משטחי שיש למטבח מותאמים אישית בדיוק לחלום שלכם. אנו משלבים ניסיון עשיר עם טכנולוגיות מתקדמות, כמו מכונת CNC לגימור מושלם ודיוק מקסימלי, כדי להבטיח שכל משטח יהיה יצירת מופת בפני עצמה. אנו מציעים מגוון עשיר ואיכותי של חומרים למטבח – שיש טבעי, גרניט וגרניט פורצלן, במבחר עצום של צבעים, טקסטורות וסגנונות. בחרו בשיש יונה למשטח מטבח יפהפה, פונקציונלי ועמיד שישמש אתכם נאמנה לשנים רבות.",
+  "kitchen-short": "התאמה אישית, עיצוב יוקרתי ועמידות – זה מה שיוצר כל מטבח לבלתי נשכח. בשיש יונה נביא לכם את המשטח המושלם בדיוק כמו שחלמתם."
 }
+
+
+
diff --git a/Yona-Marble-Frontend/src/information/sink/sinkInfo.json b/Yona-Marble-Frontend/src/information/sink/sinkInfo.json
index 8f1c103..baf3591 100644
--- a/Yona-Marble-Frontend/src/information/sink/sinkInfo.json
+++ b/Yona-Marble-Frontend/src/information/sink/sinkInfo.json
@@ -1,3 +1,5 @@
 {
-  "paragraph1": "אחרי שבחרתם את משטח השיש המושלם, הגיע הזמן להתאים לו את הכיור והברז שישלימו את המראה ויעניקו פונקציונליות מקסימלית. שיש יונה מציעה לכם מגוון רחב ועשיר במיוחד של כיורים איכותיים למטבח ולאמבטיה, עם דגש מיוחד על כיורי Blanco היוקרתיים והאמינים, אותם אנו מציעים במחירים תחרותיים ואטרקטיביים במיוחד."
+  "title": "כיורים וברזים – השלמת המראה עם פונקציונליות מושלמת",
+  "sinkShort": "אחרי שבחרתם את השיש – מגיע החלק שמשלים את התמונה. בשיש יונה תמצאו מגוון כיורים וברזים איכותיים במחירים תחרותיים במיוחד.",
+  "paragraph1": "אחרי שבחרתם את משטח השיש המושלם, הגיע הזמן להתאים לו את הכיור והברז שיסגרו את המראה ויספקו פונקציונליות מקסימלית. בשיש יונה תמצאו מגוון רחב ועשיר במיוחד של כיורים איכותיים למטבח ולאמבטיה, עם דגש מיוחד על כיורי BLANCO – מהמותגים האמינים והיוקרתיים ביותר בתחום. כל זאת – במחירים תחרותיים ואטרקטיביים במיוחד, עם שירות מותאם אישית, מקצועי וללא פשרות."
 }
diff --git a/Yona-Marble-Frontend/src/theme.ts b/Yona-Marble-Frontend/src/theme.ts
index 4f93123..d4a012c 100644
--- a/Yona-Marble-Frontend/src/theme.ts
+++ b/Yona-Marble-Frontend/src/theme.ts
@@ -51,8 +51,8 @@ const theme = createTheme({
       color: "#e0e0e0",
     },
     body1: {
-      fontSize: "1rem",
-      color: "#bdbdbd", // Softer grey for body text
+      fontSize: "1.1rem",
+      color: "#181A20", // Softer grey for body text
     },
     body2: {
       fontSize: "0.875rem",
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..deb0fdb
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "Yona-Marble",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}


Reviews:
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:52:38Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:53:17Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:53:39Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:54:37Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:54:58Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:56:39Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:56:52Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:57:41Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:58:02Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:58:56Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T06:59:22Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T07:02:26Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T13:51:43Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T13:52:01Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T13:53:16Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T13:55:00Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T13:55:22Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T13:55:38Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:05:57Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:06:15Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:07:08Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:07:34Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:07:57Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:08:08Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:08:30Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T14:27:42Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T14:28:15Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T14:28:58Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T14:29:52Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T14:30:15Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T14:30:47Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T14:57:38Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T15:00:17Z
user: login: matantubali
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-05-05T15:01:03Z
user: login: AvivYona
state: COMMENTED
author_association: OWNER
submitted_at: 2025-05-05T15:49:44Z

Review comments:
diff_hunk: @@ -15,26 +15,49 @@ export const About = () => {
         minHeight: "wrap",
       }}
     >
-      <Box sx={{ mt: 4, maxWidth: "900px", mx: "auto", textAlign: "justify" }}>
+      <Box sx={{ mt: 4, maxWidth: "80vw", mx: "auto", textAlign: "center",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+      }}>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h4" gutterBottom>
+          <Typography variant="h5" 
+          gutterBottom 
+          sx={{ whiteSpace: "pre", direction: "rtl" }}>
+            {aboutInfo.title1}
+          </Typography>
+
+          <Typography variant="h2" gutterBottom
+          sx={{ mt: 2, textAlign: "center" }}
+          color={theme.palette.primary.contrastText}>
             {aboutInfo.title}
           </Typography>
+
+
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut", delay: 0.2 }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ whiteSpace: "pre-line" }}>
-            {aboutInfo.description}
+          <Typography variant="body1" gutterBottom sx={{ whiteSpace: "pre-line", maxWidth: "900px"}}>
path: Yona-Marble-Frontend/src/components/About/About.tsx
user: login: AvivYona
body: dont use 900 px, 80vw instead
created_at: 2025-05-05T06:52:38Z
author_association: OWNER
diff_hunk: @@ -33,15 +42,58 @@ export const Bath = () => {
               שיש לאמבט
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {bathInfo.paragraph1}
+            </Typography> */}
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              שיש לחדר האמבטיה – יופי, נוחות ועמידות במקום הכי אישי בבית  
path: Yona-Marble-Frontend/src/components/Bath/Bath.tsx
user: login: AvivYona
body: add this to json file
created_at: 2025-05-05T06:53:17Z
author_association: OWNER
diff_hunk: @@ -33,15 +42,58 @@ export const Bath = () => {
               שיש לאמבט
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {bathInfo.paragraph1}
+            </Typography> */}
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              שיש לחדר האמבטיה – יופי, נוחות ועמידות במקום הכי אישי בבית  
             </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {bathInfo["bath-short"]}
+            </Typography>
+
+            {/* כפתור לפרטים נוספים */}
+            {!showMore && (
+            <Box mt={2}>
+              <Button variant="outlined" 
+              sx={{ borderRadius: '20px', color: 'black', borderColor:'black'}}
path: Yona-Marble-Frontend/src/components/Bath/Bath.tsx
user: login: AvivYona
body: didnt like how it looks
created_at: 2025-05-05T06:53:39Z
author_association: OWNER
diff_hunk: @@ -31,18 +31,19 @@ export const ContactUs = () => {
         >
           <Box
             sx={{
-              width: "60vw",
+              width: "90vw",
+              height: "25vw",
               backdropFilter: "blur(10px)",
               backgroundColor: "rgba(255, 255, 255, 0.4)",
               borderTop: "1px solid rgba(0, 0, 0, 0.1)",
-              borderRadius: "calc(1vh + 1vw)",
+              borderRadius: "calc(3vh + 1vw)",
path: Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
user: login: AvivYona
body: maybe it need to be 2 vh + 1.5 vw
created_at: 2025-05-05T06:54:37Z
author_association: OWNER
diff_hunk: @@ -27,7 +27,7 @@ export const IconsBox = () => {
     {
       href: "https://www.waze.com/he/live-map/directions/%D7%A9%D7%99%D7%A9-%D7%99%D7%95%D7%A0%D7%94-%D7%94%D7%9E%D7%A9%D7%91%D7%99%D7%A8-32-%D7%97%D7%95%D7%9C%D7%95%D7%9F?to=place.w.22806848.228134017.335280",
       additionalInfo: "המשביר 32 חולון",
-      Icon: DirectionsIcon,
+      Icon: FmdGoodIcon,
path: Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx
user: login: AvivYona
body: i want to change it to waze icon
created_at: 2025-05-05T06:54:58Z
author_association: OWNER
diff_hunk: @@ -1,15 +1,23 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { motion } from "framer-motion";
 import { Catalog } from "../Catalog/Catalog";
 import homeDecorInfo from "../../information/homeDecor/homeDecorInfo.json";
 import theme from "../../theme";
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState } from "react";
 export const HomeDecor = () => {
   const itemData = [
     { img: "/images/homeDecor/IMG_6526.JPG", title: "image" },
     { img: "/images/homeDecor/IMG_6528.JPG", title: "image" },
     { img: "/images/homeDecor/roundTable.webp", title: "image" },
     { img: "/images/homeDecor/table.webp", title: "image" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
path: Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
user: login: AvivYona
body: need to make it another component, it doesnt make sense to put the same thing in 3 components, maybe  i should merge them all to 1
created_at: 2025-05-05T06:56:39Z
author_association: OWNER
diff_hunk: @@ -38,15 +47,58 @@ export const HomeDecor = () => {
               שיש בעיצוב הבית
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {homeDecorInfo.paragraph1}
+            </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              מעבר לשיש – עיצוב רהיטים ואלמנטים בהתאמה אישית מבית שיש יונה   
path: Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
user: login: AvivYona
body: json
created_at: 2025-05-05T06:56:52Z
author_association: OWNER
diff_hunk: @@ -1,14 +1,22 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Typography, Button } from "@mui/material";
 import { Catalog } from "../Catalog/Catalog";
 import kitchenInfo from "../../information/marbleKitchen/marbleKitchenInfo.json";
 import { motion } from "framer-motion";
 import theme from "../../theme";
+import { useState } from "react";
+import CloseIcon from '@mui/icons-material/Close';
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
 export const Kitchen = () => {
   const itemData = [
     { img: "/images/kitchen/catalog_3.webp", title: "מטבח" },
     { img: "/images/kitchen/catalog_5.webp", title: "מטבח" },
     { img: "/images/kitchen/catalog_6.webp", title: "מטבח" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
+
+  const handleToggle = () => setShowMore((prev) => !prev);
path: Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx
user: login: AvivYona
body: מי זה שיודעעע
created_at: 2025-05-05T06:57:41Z
author_association: OWNER
diff_hunk: @@ -41,9 +50,54 @@ export const Kitchen = () => {
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom>
+          
+          {/* <Typography variant="h6" gutterBottom>
             {kitchenInfo.paragraph1}
+          </Typography> */}
+
+          {/* <Typography variant="h6" gutterBottom>
+            המטבח הוא לב הבית – המקום שבו אנו מבשלים, מתכנסים ויוצרים זיכרונות.
path: Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx
user: login: AvivYona
body: erase
created_at: 2025-05-05T06:58:02Z
author_association: OWNER
diff_hunk: @@ -1,14 +1,22 @@
-import { Box, Typography } from "@mui/material";
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: AvivYona
body: same cr issues as sink, kitchen and homedecor
created_at: 2025-05-05T06:58:56Z
author_association: OWNER
diff_hunk: @@ -35,15 +44,62 @@ export const Sink = () => {
             כיורים{" "}
           </Typography>
         </motion.div>
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.9, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.8 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
+          {/* <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
             {sinkInfo.paragraph1}
-          </Typography>
+          </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              כיורים וברזים – השלמת המראה עם פונקציונליות מושלמת    
+            </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {sinkInfo["sink-short"]}
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: AvivYona
body: use .
created_at: 2025-05-05T06:59:21Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,6 @@
+{
+  "name": "Yona-Marble",
path: package-lock.json
user: login: AvivYona
body: remove
created_at: 2025-05-05T07:02:26Z
author_association: OWNER
diff_hunk: @@ -27,7 +27,7 @@ export const IconsBox = () => {
     {
       href: "https://www.waze.com/he/live-map/directions/%D7%A9%D7%99%D7%A9-%D7%99%D7%95%D7%A0%D7%94-%D7%94%D7%9E%D7%A9%D7%91%D7%99%D7%A8-32-%D7%97%D7%95%D7%9C%D7%95%D7%9F?to=place.w.22806848.228134017.335280",
       additionalInfo: "המשביר 32 חולון",
-      Icon: DirectionsIcon,
+      Icon: FmdGoodIcon,
path: Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx
user: login: matantubali
body: אין זה היה הראשון שחיפשתי כאילו אפשר תמונה אבל זה יהיה מכוער כי זה לא אותו סט. הורדתי אייקון של מפה שיכול גם להתאים אבל חושב שהאייקון ששמתי הוא הכי מתאים.
created_at: 2025-05-05T13:51:43Z
author_association: COLLABORATOR
diff_hunk: @@ -33,15 +42,58 @@ export const Bath = () => {
               שיש לאמבט
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {bathInfo.paragraph1}
+            </Typography> */}
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              שיש לחדר האמבטיה – יופי, נוחות ועמידות במקום הכי אישי בבית  
             </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {bathInfo["bath-short"]}
+            </Typography>
+
+            {/* כפתור לפרטים נוספים */}
+            {!showMore && (
+            <Box mt={2}>
+              <Button variant="outlined" 
+              sx={{ borderRadius: '20px', color: 'black', borderColor:'black'}}
path: Yona-Marble-Frontend/src/components/Bath/Bath.tsx
user: login: matantubali
body: שתוק
created_at: 2025-05-05T13:52:00Z
author_association: COLLABORATOR
diff_hunk: @@ -1,15 +1,23 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { motion } from "framer-motion";
 import { Catalog } from "../Catalog/Catalog";
 import homeDecorInfo from "../../information/homeDecor/homeDecorInfo.json";
 import theme from "../../theme";
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState } from "react";
 export const HomeDecor = () => {
   const itemData = [
     { img: "/images/homeDecor/IMG_6526.JPG", title: "image" },
     { img: "/images/homeDecor/IMG_6528.JPG", title: "image" },
     { img: "/images/homeDecor/roundTable.webp", title: "image" },
     { img: "/images/homeDecor/table.webp", title: "image" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
path: Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
user: login: matantubali
body:  חשבתי על זה, לא היה לי כוח להתעסק עם זה כי לא זכרתי איך עושים, כנ"ל לגבי הכפתור גם שם יש שכפול בערך זה כבר התפקיד שלך
created_at: 2025-05-05T13:53:16Z
author_association: COLLABORATOR
diff_hunk: @@ -15,26 +15,49 @@ export const About = () => {
         minHeight: "wrap",
       }}
     >
-      <Box sx={{ mt: 4, maxWidth: "900px", mx: "auto", textAlign: "justify" }}>
+      <Box sx={{ mt: 4, maxWidth: "80vw", mx: "auto", textAlign: "center",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+      }}>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h4" gutterBottom>
+          <Typography variant="h5" 
+          gutterBottom 
+          sx={{ whiteSpace: "pre", direction: "rtl" }}>
+            {aboutInfo.title1}
+          </Typography>
+
+          <Typography variant="h2" gutterBottom
+          sx={{ mt: 2, textAlign: "center" }}
+          color={theme.palette.primary.contrastText}>
             {aboutInfo.title}
           </Typography>
+
+
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut", delay: 0.2 }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ whiteSpace: "pre-line" }}>
-            {aboutInfo.description}
+          <Typography variant="body1" gutterBottom sx={{ whiteSpace: "pre-line", maxWidth: "900px"}}>
path: Yona-Marble-Frontend/src/components/About/About.tsx
user: login: matantubali
body: זה אותם מידות?
לא זה לפי הגודל של המסך
80 vw זה דומה ל80% אבל לא בדיוק
created_at: 2025-05-05T13:55:00Z
author_association: COLLABORATOR
diff_hunk: @@ -33,15 +42,58 @@ export const Bath = () => {
               שיש לאמבט
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {bathInfo.paragraph1}
+            </Typography> */}
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              שיש לחדר האמבטיה – יופי, נוחות ועמידות במקום הכי אישי בבית  
path: Yona-Marble-Frontend/src/components/Bath/Bath.tsx
user: login: matantubali
body: סתום
created_at: 2025-05-05T13:55:22Z
author_association: COLLABORATOR
diff_hunk: @@ -31,18 +31,19 @@ export const ContactUs = () => {
         >
           <Box
             sx={{
-              width: "60vw",
+              width: "90vw",
+              height: "25vw",
               backdropFilter: "blur(10px)",
               backgroundColor: "rgba(255, 255, 255, 0.4)",
               borderTop: "1px solid rgba(0, 0, 0, 0.1)",
-              borderRadius: "calc(1vh + 1vw)",
+              borderRadius: "calc(3vh + 1vw)",
path: Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
user: login: matantubali
body: למה?
created_at: 2025-05-05T13:55:38Z
author_association: COLLABORATOR
diff_hunk: @@ -15,26 +15,49 @@ export const About = () => {
         minHeight: "wrap",
       }}
     >
-      <Box sx={{ mt: 4, maxWidth: "900px", mx: "auto", textAlign: "justify" }}>
+      <Box sx={{ mt: 4, maxWidth: "80vw", mx: "auto", textAlign: "center",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+      }}>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h4" gutterBottom>
+          <Typography variant="h5" 
+          gutterBottom 
+          sx={{ whiteSpace: "pre", direction: "rtl" }}>
+            {aboutInfo.title1}
+          </Typography>
+
+          <Typography variant="h2" gutterBottom
+          sx={{ mt: 2, textAlign: "center" }}
+          color={theme.palette.primary.contrastText}>
             {aboutInfo.title}
           </Typography>
+
+
         </motion.div>
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.8, ease: "easeOut", delay: 0.2 }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ whiteSpace: "pre-line" }}>
-            {aboutInfo.description}
+          <Typography variant="body1" gutterBottom sx={{ whiteSpace: "pre-line", maxWidth: "900px"}}>
path: Yona-Marble-Frontend/src/components/About/About.tsx
user: login: matantubali
body: תיקנתי
created_at: 2025-05-05T14:05:57Z
author_association: COLLABORATOR
diff_hunk: @@ -33,15 +42,58 @@ export const Bath = () => {
               שיש לאמבט
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {bathInfo.paragraph1}
+            </Typography> */}
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              שיש לחדר האמבטיה – יופי, נוחות ועמידות במקום הכי אישי בבית  
path: Yona-Marble-Frontend/src/components/Bath/Bath.tsx
user: login: matantubali
body: תיקנתי

created_at: 2025-05-05T14:06:15Z
author_association: COLLABORATOR
diff_hunk: @@ -38,15 +47,58 @@ export const HomeDecor = () => {
               שיש בעיצוב הבית
             </Typography>
           </motion.div>
+
           <motion.div
             initial={{ opacity: 0, y: 40 }}
             whileInView={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.9, ease: "easeOut" }}
             viewport={{ once: true, amount: 0.5 }}
           >
-            <Typography variant="h6" gutterBottom>
+            {/* <Typography variant="h6" gutterBottom>
               {homeDecorInfo.paragraph1}
+            </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              מעבר לשיש – עיצוב רהיטים ואלמנטים בהתאמה אישית מבית שיש יונה   
path: Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
user: login: matantubali
body: תיקנתי
created_at: 2025-05-05T14:07:08Z
author_association: COLLABORATOR
diff_hunk: @@ -41,9 +50,54 @@ export const Kitchen = () => {
           transition={{ duration: 0.8, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.6 }}
         >
-          <Typography variant="h6" gutterBottom>
+          
+          {/* <Typography variant="h6" gutterBottom>
             {kitchenInfo.paragraph1}
+          </Typography> */}
+
+          {/* <Typography variant="h6" gutterBottom>
+            המטבח הוא לב הבית – המקום שבו אנו מבשלים, מתכנסים ויוצרים זיכרונות.
path: Yona-Marble-Frontend/src/components/Kitchen/Kitchen.tsx
user: login: matantubali
body: תיקנתי
created_at: 2025-05-05T14:07:34Z
author_association: COLLABORATOR
diff_hunk: @@ -1,14 +1,22 @@
-import { Box, Typography } from "@mui/material";
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: matantubali
body: לא הבנתי מה אתה רוצה
created_at: 2025-05-05T14:07:57Z
author_association: COLLABORATOR
diff_hunk: @@ -35,15 +44,62 @@ export const Sink = () => {
             כיורים{" "}
           </Typography>
         </motion.div>
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.9, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.8 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
+          {/* <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
             {sinkInfo.paragraph1}
-          </Typography>
+          </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              כיורים וברזים – השלמת המראה עם פונקציונליות מושלמת    
+            </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {sinkInfo["sink-short"]}
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: matantubali
body: גם פה
created_at: 2025-05-05T14:08:08Z
author_association: COLLABORATOR
diff_hunk: @@ -0,0 +1,6 @@
+{
+  "name": "Yona-Marble",
path: package-lock.json
user: login: matantubali
body: למחוק את הקובץ כאילו?
created_at: 2025-05-05T14:08:30Z
author_association: COLLABORATOR
diff_hunk: @@ -31,18 +31,19 @@ export const ContactUs = () => {
         >
           <Box
             sx={{
-              width: "60vw",
+              width: "90vw",
+              height: "25vw",
               backdropFilter: "blur(10px)",
               backgroundColor: "rgba(255, 255, 255, 0.4)",
               borderTop: "1px solid rgba(0, 0, 0, 0.1)",
-              borderRadius: "calc(1vh + 1vw)",
+              borderRadius: "calc(3vh + 1vw)",
path: Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
user: login: AvivYona
body: כי ככה במסכים ארוכים זה יהיה ארוך ובמסכים צרים קצר
created_at: 2025-05-05T14:27:42Z
author_association: OWNER
diff_hunk: @@ -27,7 +27,7 @@ export const IconsBox = () => {
     {
       href: "https://www.waze.com/he/live-map/directions/%D7%A9%D7%99%D7%A9-%D7%99%D7%95%D7%A0%D7%94-%D7%94%D7%9E%D7%A9%D7%91%D7%99%D7%A8-32-%D7%97%D7%95%D7%9C%D7%95%D7%9F?to=place.w.22806848.228134017.335280",
       additionalInfo: "המשביר 32 חולון",
-      Icon: DirectionsIcon,
+      Icon: FmdGoodIcon,
path: Yona-Marble-Frontend/src/components/ContactUs/IconsBox/IconsBox.tsx
user: login: AvivYona
body: יש במלאי אתרים של וויז אני אחפש
created_at: 2025-05-05T14:28:15Z
author_association: OWNER
diff_hunk: @@ -1,15 +1,23 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { motion } from "framer-motion";
 import { Catalog } from "../Catalog/Catalog";
 import homeDecorInfo from "../../information/homeDecor/homeDecorInfo.json";
 import theme from "../../theme";
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState } from "react";
 export const HomeDecor = () => {
   const itemData = [
     { img: "/images/homeDecor/IMG_6526.JPG", title: "image" },
     { img: "/images/homeDecor/IMG_6528.JPG", title: "image" },
     { img: "/images/homeDecor/roundTable.webp", title: "image" },
     { img: "/images/homeDecor/table.webp", title: "image" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
path: Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
user: login: AvivYona
body: נראלי כבר אחבר את כולם לאותה הקומפוננט לכולם יש אותו מבנה
created_at: 2025-05-05T14:28:58Z
author_association: OWNER
diff_hunk: @@ -1,14 +1,22 @@
-import { Box, Typography } from "@mui/material";
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: AvivYona
body: אותם התיקונים כמו בקומפוננטות האחרות זה סתם חזר על עצמו
created_at: 2025-05-05T14:29:52Z
author_association: OWNER
diff_hunk: @@ -35,15 +44,62 @@ export const Sink = () => {
             כיורים{" "}
           </Typography>
         </motion.div>
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.9, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.8 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
+          {/* <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
             {sinkInfo.paragraph1}
-          </Typography>
+          </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              כיורים וברזים – השלמת המראה עם פונקציונליות מושלמת    
+            </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {sinkInfo["sink-short"]}
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: AvivYona
body: לא הבנתי מה גם פה
created_at: 2025-05-05T14:30:15Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,6 @@
+{
+  "name": "Yona-Marble",
path: package-lock.json
user: login: AvivYona
body: כן, הוא נוצר בגלל שעשית npm I בתיקייה בחוץ
created_at: 2025-05-05T14:30:47Z
author_association: OWNER
diff_hunk: @@ -31,18 +31,19 @@ export const ContactUs = () => {
         >
           <Box
             sx={{
-              width: "60vw",
+              width: "90vw",
+              height: "25vw",
               backdropFilter: "blur(10px)",
               backgroundColor: "rgba(255, 255, 255, 0.4)",
               borderTop: "1px solid rgba(0, 0, 0, 0.1)",
-              borderRadius: "calc(1vh + 1vw)",
+              borderRadius: "calc(3vh + 1vw)",
path: Yona-Marble-Frontend/src/components/ContactUs/ContactUs.tsx
user: login: matantubali
body: טוב
created_at: 2025-05-05T14:57:38Z
author_association: COLLABORATOR
diff_hunk: @@ -1,15 +1,23 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Button, Typography } from "@mui/material";
 import { motion } from "framer-motion";
 import { Catalog } from "../Catalog/Catalog";
 import homeDecorInfo from "../../information/homeDecor/homeDecorInfo.json";
 import theme from "../../theme";
+import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState } from "react";
 export const HomeDecor = () => {
   const itemData = [
     { img: "/images/homeDecor/IMG_6526.JPG", title: "image" },
     { img: "/images/homeDecor/IMG_6528.JPG", title: "image" },
     { img: "/images/homeDecor/roundTable.webp", title: "image" },
     { img: "/images/homeDecor/table.webp", title: "image" },
   ];
+
+  const [showMore, setShowMore] = useState(false);
path: Yona-Marble-Frontend/src/components/HomeDecor/HomeDecor.tsx
user: login: matantubali
body: כולם הכוונה כל הקבצים של השירותים?
created_at: 2025-05-05T15:00:17Z
author_association: COLLABORATOR
diff_hunk: @@ -35,15 +44,62 @@ export const Sink = () => {
             כיורים{" "}
           </Typography>
         </motion.div>
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.9, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.8 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
+          {/* <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
             {sinkInfo.paragraph1}
-          </Typography>
+          </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              כיורים וברזים – השלמת המראה עם פונקציונליות מושלמת    
+            </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {sinkInfo["sink-short"]}
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: matantubali
body: מה רצית פה
created_at: 2025-05-05T15:01:02Z
author_association: COLLABORATOR
diff_hunk: @@ -35,15 +44,62 @@ export const Sink = () => {
             כיורים{" "}
           </Typography>
         </motion.div>
+
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.9, ease: "easeOut" }}
           viewport={{ once: true, amount: 0.8 }}
         >
-          <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
+          {/* <Typography variant="h6" gutterBottom sx={{ display: "inline" }}>
             {sinkInfo.paragraph1}
-          </Typography>
+          </Typography> */}
+
+            <Typography variant="h6" gutterBottom textAlign="justify">
+              כיורים וברזים – השלמת המראה עם פונקציונליות מושלמת    
+            </Typography>
+
+            <Typography variant="body1" gutterBottom textAlign="justify" sx={{ whiteSpace: "pre-line" }}>
+              {sinkInfo["sink-short"]}
path: Yona-Marble-Frontend/src/components/Sink/sink.tsx
user: login: AvivYona
body: sinkInfo.sinkshort

created_at: 2025-05-05T15:49:44Z
author_association: OWNER

PR comments:
user: login: vercel[bot]
created_at: 2025-05-04T20:13:18Z
body: [vc]: #zvizX7d54eDpqO6AwlAm5X+hCn92ET/Tu+Od+MiswxU=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJ5b25hLW1hcmJsZSIsImxpdmVGZWVkYmFjayI6eyJyZXNvbHZlZCI6MCwidW5yZXNvbHZlZCI6MCwidG90YWwiOjAsImxpbmsiOiJ5b25hLW1hcmJsZS1naXQtbWF0YW5kZXYtYXZpdnMtcHJvamVjdHMtY2ZkYzhiMDIudmVyY2VsLmFwcCJ9LCJpbnNwZWN0b3JVcmwiOiJodHRwczovL3ZlcmNlbC5jb20vYXZpdnMtcHJvamVjdHMtY2ZkYzhiMDIveW9uYS1tYXJibGUvR1BjeFpHUERRYkFkRWJlYmkxYnJVZkNwTlV1NiIsInByZXZpZXdVcmwiOiJ5b25hLW1hcmJsZS1naXQtbWF0YW5kZXYtYXZpdnMtcHJvamVjdHMtY2ZkYzhiMDIudmVyY2VsLmFwcCIsIm5leHRDb21taXRTdGF0dXMiOiJERVBMT1lFRCIsInJvb3REaXJlY3RvcnkiOiJZb25hLU1hcmJsZS1Gcm9udGVuZCJ9XX0=
**The latest updates on your projects**. Learn more about [Vercel for Git ↗︎](https://vercel.link/github-learn-more)

| Name | Status | Preview | Comments | Updated (UTC) |
| :--- | :----- | :------ | :------- | :------ |
| **yona-marble** | ✅ Ready ([Inspect](https://vercel.com/avivs-projects-cfdc8b02/yona-marble/GPcxZGPDQbAdEbebi1brUfCpNUu6)) | [Visit Preview](https://yona-marble-git-matandev-avivs-projects-cfdc8b02.vercel.app) | 💬 [**Add feedback**](https://vercel.live/open-feedback/yona-marble-git-matandev-avivs-projects-cfdc8b02.vercel.app?via=pr-comment-feedback-link) | May 5, 2025 3:58pm |


author_association: NONE
user: login: AvivYona
created_at: 2025-05-05T07:03:36Z
body: צריך להסתכל על טקסט מה שרשמת, לא ישבתי על זה
author_association: OWNER