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