Доработки по главной странице, итерация 8

src/app/components/Advantages.tsx

@@ -56,15 +56,12 @@ export default function Advantages() {
                         <div className="w-12 h-8 border border-brand rounded-full flex items-center justify-center mb-4">
                             <span className="text-m">03</span>
                         </div>
-                        <h3 className="text-xl font-bold mb-5">
+                        <h3 className="text-xl font-bold">
-                            Организация морских прогулок под ключ
+                            Организация морских прогулок
+                        </h3>
+                        <h3 className="text-xl font-bold mb-5">
+                            под ключ
                         </h3>
-                        <p className="text-gray-600 leading-relaxed">
-                            Вы можете связаться с нами, и наш менеджер поможет
-                            вам подобрать яхту, а также организовать праздник на
-                            борту: шампанское и фрукты, кейтеринг по меню,
-                            музыканты и DJ, украшение яхты, прогулка в подарок.
-                        </p>
                     </div>
                 </div>
 
@@ -172,6 +169,12 @@ export default function Advantages() {
                     </div>
                 </div>
             </div>
+            <p className="text-gray-600 leading-relaxed">
+                Вы можете связаться с нами, и наш менеджер поможет вам подобрать
+                яхту, а также организовать праздник на борту: шампанское и
+                фрукты, кейтеринг по меню, музыканты и DJ, украшение яхты,
+                прогулка в подарок.
+            </p>
         </section>
     );
 }

src/app/components/Reviews.tsx

@@ -58,10 +58,10 @@ export default function Reviews() {
     return (
         <section className="mt-8 md:mt-12">
             <div className="container mx-auto max-w-6xl px-4">
-                <h1 className="text-3xl md:text-4xl font-bold mb-8 text-black">
+                <h1 className="text-3xl md:text-4xl font-bold mb-8 text-black ">
                     Впечатления и отзывы
                 </h1>
-                <div className="flex gap-6 flex-wrap">
+                <div className="flex gap-6 overflow-auto">
                     {reviewCategories.map((category) => (
                         <div
                             key={category.id}
@@ -93,7 +93,7 @@ export default function Reviews() {
                 {/* Диалог */}
                 <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
                     <DialogContent
-                        className="!rounded-[10px] border-0 h-[700px] max-w-[370px] p-0 bg-cover bg-center bg-no-repeat flex flex-col"
+                        className="border-0 h-[700px] max-w-[370px] p-0 bg-cover bg-center bg-no-repeat flex flex-col"
                         style={{ backgroundImage: "url(/images/yacht.jpg)" }}
                     >
                         {/* Кнопка закрытия */}

src/components/ui/dialog.tsx

@@ -38,13 +38,13 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-[10px] overflow-hidden",
         className
       )}
       {...props}
     >
       {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+      <DialogPrimitive.Close className="absolute right-3 top-3 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>
       </DialogPrimitive.Close>