iaiaiaia
/
travelmarine-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
Sergey Bolshakov 2025-10-27 03:07:12 +03:00
parent 7b282e4435
commit 9170bd24b4
3 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/components/Advantages.tsx
View File

@ -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>
);
}

6
src/app/components/Reviews.tsx
View File

@ -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)" }}
>
{/* Кнопка закрытия */}

4
src/components/ui/dialog.tsx
View File

@ -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>