cart: enhacne desktop styles

src/pages/restaurant/page.tsx

@@ -87,47 +87,49 @@ export default function RestaurantPage() {
       </div>
 
       <div className={styles.homeContainer}>
-        <div style={{ textAlign: "center", maxWidth: "100%" }}>
-          <div className={styles.logoContainer}>
-            <img
-              src={restaurant?.restaurant_logo || ""}
-              alt="logo"
-              width={96}
-              height={96}
-              className={styles.logo}
-            />
+        <div className={styles.homeContainerContent}>
+          <div style={{ textAlign: "center", maxWidth: "100%" }}>
+            <div className={styles.logoContainer}>
+              <img
+                src={restaurant?.restaurant_logo || ""}
+                alt="logo"
+                width={96}
+                height={96}
+                className={styles.logo}
+              />
+            </div>
+            <ProTitle level={5} style={{ margin: 0 }}>
+              {isRTL ? restaurant?.nameAR : restaurant?.restautantName}
+            </ProTitle>
+            <ProText style={{ fontSize: 14, margin: 0 }}>
+              {isRTL ? restaurant?.descriptionAR : restaurant?.description}
+            </ProText>
           </div>
-          <ProTitle level={5} style={{ margin: 0 }}>
-            {isRTL ? restaurant?.nameAR : restaurant?.restautantName}
-          </ProTitle>
-          <ProText style={{ fontSize: 14, margin: 0 }}>
-            {isRTL ? restaurant?.descriptionAR : restaurant?.description}
-          </ProText>
-        </div>
 
-        <RestaurantServices />
-        <div
-          ref={containerRef}
-          onTouchStart={handleTouchStart}
-          onTouchEnd={handleTouchEnd}
-        >
-          <div className={styles.promotionContainer}>
-            <Ads1 />
+          <RestaurantServices />
+          <div
+            ref={containerRef}
+            onTouchStart={handleTouchStart}
+            onTouchEnd={handleTouchEnd}
+          >
+            <div className={styles.promotionContainer}>
+              <Ads1 />
+            </div>
+          </div>
+          <div className={styles.socialIconsContainer}>
+            <Link to={`https://www.instagram.com/${restaurant?.instagram}`}>
+              <InstagramIcon className={styles.socialIcon} />
+            </Link>
+            <Link to="https://x.com/">
+              <XIcon className={styles.socialIcon} />
+            </Link>
+            <Link to="https://www.snapchat.com/">
+              <SnapIcon className={styles.socialIcon} />
+            </Link>
+            <Link to="https://www.jordan.com/">
+              <JIcon className={styles.socialIcon} />
+            </Link>
           </div>
-        </div>
-        <div className={styles.socialIconsContainer}>
-          <Link to={`https://www.instagram.com/${restaurant?.instagram}`}>
-            <InstagramIcon className={styles.socialIcon} />
-          </Link>
-          <Link to="https://x.com/">
-            <XIcon className={styles.socialIcon} />
-          </Link>
-          <Link to="https://www.snapchat.com/">
-            <SnapIcon className={styles.socialIcon} />
-          </Link>
-          <Link to="https://www.jordan.com/">
-            <JIcon className={styles.socialIcon} />
-          </Link>
         </div>
       </div>