Доработки по главной странице, итерация 13
This commit is contained in:
parent
2b7c336239
commit
4af814d42d
|
|
@ -139,7 +139,11 @@ export default function FeaturedYacht() {
|
|||
{/* Promoted badge */}
|
||||
{yacht.isPromoted && (
|
||||
<div className="flex items-center gap-2 text-sm text-gray-400">
|
||||
<Icon className="min-w-[21px] min-h-[21px]" size={21} name="ad" />
|
||||
<Icon
|
||||
className="min-w-[21px] min-h-[21px]"
|
||||
size={21}
|
||||
name="ad"
|
||||
/>
|
||||
<span>
|
||||
Это объявление продвигается.{" "}
|
||||
<span className="underline cursor-pointer">
|
||||
|
|
@ -182,10 +186,7 @@ export default function FeaturedYacht() {
|
|||
|
||||
{/* Booking form */}
|
||||
<div className="mb-8">
|
||||
<div>
|
||||
<GuestDatePicker />
|
||||
</div>
|
||||
|
||||
<GuestDatePicker />
|
||||
</div>
|
||||
|
||||
{/* Book button */}
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ export default function Hero() {
|
|||
</div>
|
||||
|
||||
{/* Поисковая форма - скрыта на мобильных устройствах */}
|
||||
<Card className="bg-white shadow-lg s hidden md:block rounded-full">
|
||||
<Card className="bg-white shadow-lg s md:block rounded-full">
|
||||
<CardContent className="p-2">
|
||||
{/* Основные поля поиска */}
|
||||
<div className="flex flex-col md:flex-row gap-4">
|
||||
|
|
|
|||
|
|
@ -1,32 +1,34 @@
|
|||
import Image from 'next/image'
|
||||
import Image from "next/image";
|
||||
|
||||
export default function VideoSection() {
|
||||
return (
|
||||
<section className="bg-white mt-12">
|
||||
<div className="container max-w-6xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12">
|
||||
{/* Левая колонка с текстом */}
|
||||
<div className="lg:w-1/2">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6 leading-tight">
|
||||
Откройте мир морских прогулок
|
||||
</h2>
|
||||
<p className="text-lg text-gray-700 leading-relaxed">
|
||||
Романтическая прогулка, отдых с семьей, вечеринка с друзьями, спорт и развлечения, элитный отдых, девичник & морская фотосессия.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Правая колонка с изображением */}
|
||||
<div className="lg:w-1/2 relative">
|
||||
<div className="relative rounded-[40px] overflow-hidden">
|
||||
<Image
|
||||
src="/images/video/video1.jpg"
|
||||
alt="Яхта SALVADOR на море"
|
||||
width={800}
|
||||
height={600}
|
||||
className="w-full h-auto cursor-pointer"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<section className="bg-white mt-12">
|
||||
<div className="container max-w-6xl mx-auto px-4 flex flex-col lg:flex-row items-center gap-12">
|
||||
{/* Левая колонка с текстом */}
|
||||
<div className="lg:w-1/2">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6 leading-tight">
|
||||
Откройте мир морских прогулок
|
||||
</h2>
|
||||
<p className="text-lg text-gray-700 leading-relaxed">
|
||||
Романтическая прогулка, отдых с семьёй, вечеринка
|
||||
с друзьями, cпорт и развлечения, элитный отдых, девичник
|
||||
& морская фотосессия.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Правая колонка с изображением */}
|
||||
<div className="w-full lg:w-1/2 relative">
|
||||
<div className="relative rounded-[40px] overflow-hidden">
|
||||
<Image
|
||||
src="/images/video/video1.jpg"
|
||||
alt="Яхта SALVADOR на море"
|
||||
width={800}
|
||||
height={600}
|
||||
className="w-full h-auto cursor-pointer"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,41 +53,41 @@ const CommonPopoverContent: React.FC<CommonPopoverContentProps> = ({
|
|||
handleApply,
|
||||
}) => {
|
||||
return (
|
||||
<PopoverContent className="rounded-[20px] p-6 pb-4 w-[374px]">
|
||||
<PopoverContent className="rounded-[20px] p-6 pb-4 w-[324px]">
|
||||
{/* Календарь */}
|
||||
<div className="min-h-fit">
|
||||
<Calendar
|
||||
mode="single"
|
||||
selected={date}
|
||||
onSelect={setDate}
|
||||
className="mb-[24px]"
|
||||
locale={ru}
|
||||
disabled={(date) =>
|
||||
date < new Date(new Date().setHours(0, 0, 0, 0))
|
||||
}
|
||||
classNames={{
|
||||
root: "w-full",
|
||||
month: "flex w-full flex-col gap-4",
|
||||
button_previous:
|
||||
"h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
|
||||
button_next:
|
||||
"h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
|
||||
month_caption:
|
||||
"flex h-8 w-full items-center justify-center px-8 text-gray-700 font-semibold",
|
||||
table: "w-full border-collapse",
|
||||
weekdays: "flex",
|
||||
weekday:
|
||||
"flex-1 text-gray-500 text-xs font-normal p-2 text-center",
|
||||
day_button: "font-bold ring-0 focus:ring-0",
|
||||
week: "mt-2 flex w-full",
|
||||
today: "bg-gray-100 text-gray-900 rounded-full",
|
||||
outside: "text-gray-300",
|
||||
disabled: "text-gray-400 cursor-not-allowed",
|
||||
selected:
|
||||
"rounded-full border-none outline-none !bg-brand text-white",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Calendar
|
||||
mode="single"
|
||||
selected={date}
|
||||
onSelect={setDate}
|
||||
className="mb-[24px]"
|
||||
locale={ru}
|
||||
disabled={(date) =>
|
||||
date < new Date(new Date().setHours(0, 0, 0, 0))
|
||||
}
|
||||
classNames={{
|
||||
root: "w-full",
|
||||
month: "flex w-full flex-col gap-4",
|
||||
button_previous:
|
||||
"h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
|
||||
button_next:
|
||||
"h-8 w-8 flex items-center justify-center hover:bg-gray-100 rounded-md",
|
||||
month_caption:
|
||||
"flex h-8 w-full items-center justify-center px-8 text-gray-700 font-semibold",
|
||||
table: "w-full border-collapse",
|
||||
weekdays: "flex",
|
||||
weekday:
|
||||
"flex-1 text-gray-500 text-xs font-normal p-2 text-center",
|
||||
day_button: "font-bold ring-0 focus:ring-0",
|
||||
week: "mt-2 flex w-full",
|
||||
today: "bg-gray-100 text-gray-900 rounded-full",
|
||||
outside: "text-gray-300",
|
||||
disabled: "text-gray-400 cursor-not-allowed",
|
||||
selected:
|
||||
"rounded-full border-none outline-none !bg-brand text-white",
|
||||
}}
|
||||
/>
|
||||
|
||||
|
||||
{/* Счетчики гостей */}
|
||||
<div className="mb-[24px] flex gap-3">
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ export const Counter: React.FC<CounterProps> = ({
|
|||
>
|
||||
<Minus className="w-4 h-4" />
|
||||
</button>
|
||||
<span className="mx-4 text-gray-800 font-medium min-w-[20px] text-center">
|
||||
<span className="mx-2 text-gray-800 font-medium min-w-[20px] text-center">
|
||||
{value}
|
||||
</span>
|
||||
<button
|
||||
|
|
|
|||
Loading…
Reference in New Issue