added: images
This commit is contained in:
parent
3a5de1c297
commit
b80dad045c
Binary file not shown.
|
After Width: | Height: | Size: 424 KiB |
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="195" height="45" viewBox="0 0 195 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M57.7327 23.3205C57.8381 23.7115 57.7177 24.0966 57.7177 24.4816C57.7207 27.3574 57.7117 30.2362 57.7087 33.1119C57.7087 35.8884 57.7147 41.4505 57.7057 44.9399H33.4321V23.5431C33.9737 23.2513 34.5003 22.9324 35.0118 22.5775C37.3017 21.0283 39.8052 19.7528 42.5133 19.1332C44.5503 18.6669 46.6506 18.5586 48.6907 18.1134C50.5142 17.7133 52.7198 17.1207 54.0798 15.758C54.2483 15.5956 54.9885 14.9037 54.8983 14.6721C54.7779 14.3502 54.4078 14.4224 54.2393 14.5247C53.472 14.991 52.3075 15.0301 51.4349 15.1985C49.0969 15.6497 46.78 16.0468 44.3909 16.0468C42.092 16.0258 39.7871 15.9566 37.4973 16.2484C35.8844 16.4589 34.1693 16.841 32.7852 17.7855C32.4181 18.0382 32.0119 18.4533 32.4542 18.706C33.4622 19.2866 33.4953 20.8207 34.9757 20.9501C34.1994 21.6299 33.2335 21.6389 32.5655 22.1894C31.9336 22.7128 31.3469 22.6406 30.6759 22.2736C28.6839 21.1757 27.0169 19.6445 25.2477 18.2548C24.0441 17.3162 22.7351 16.6966 21.2126 16.4469C18.7512 16.0498 16.2778 16.0077 13.8014 16.0498C11.325 16.0889 8.86369 15.8874 6.4595 15.3219C5.0182 14.9849 3.59193 14.5608 2.10549 14.2841C2.10549 14.3171 2.51171 14.9729 2.56888 15.0301C2.77951 15.2527 3.0112 15.4482 3.24891 15.6377C7.57885 19.082 13.5246 18.3149 18.4594 20.2341C20.1354 20.8869 21.8084 21.5577 23.4393 22.3097C24.5315 22.8151 24.5466 23.2242 23.7371 24.0725C23.3309 24.4936 22.8585 24.7945 22.341 25.0832C21.5797 25.5134 20.6289 25.6608 20.018 26.485C21.3901 26.7528 22.9759 26.479 24.4142 26.2173V44.9369H0.086458C0.0804401 41.4475 0.086458 35.8884 0.086458 33.1089C0.0834491 30.2332 0.0744221 27.3544 0.0774311 24.4786C0.0774311 24.0936 -0.0429286 23.7055 0.0623861 23.3175C0.0653951 22.394 0.0684041 21.4675 0.0714131 20.544C0.0744221 18.715 0.0744221 16.8921 0.0744221 15.0662C0.0322962 15.018 0.0322962 14.9669 0.0744221 14.9188C0.0533591 10.1298 0.0322962 5.34389 0.0202602 0.557956C0.0172512 0.371452 -0.0880635 0.121777 0.212836 0.0405575C0.263989 -0.00456447 0.32116 -0.0075726 0.381339 0.0195006C0.844724 0.0225087 1.3051 0.0225087 1.76849 0.0255168C1.79858 0.028525 1.82566 0.028525 1.84973 0.028525C1.99115 0.0345412 2.13257 0.0375494 2.26798 0.0435656C2.30409 0.00445993 2.34019 0.00445993 2.37329 0.0435656C6.94997 0.0405575 11.5297 0.05259 16.1063 0.028525C17.4724 0.0195006 18.8385 0.0947038 20.2046 0.0134843C20.6559 -0.016597 21.023 0.121777 21.3661 0.479744C22.1634 1.29796 22.9819 2.09812 23.7733 2.91934C24.8023 3.99023 25.9247 4.96487 26.9176 6.06584C27.4262 6.62535 27.9768 7.13674 28.5184 7.66015C28.5756 7.71731 28.6268 7.7504 28.6779 7.78048C28.8133 7.79251 28.8885 7.80454 28.8885 7.80454V7.81357L28.8946 7.80454C28.8946 7.80454 28.9728 7.79552 29.1082 7.78048C29.1593 7.7504 29.2135 7.7143 29.2677 7.66015C29.8123 7.13674 30.3629 6.62535 30.8685 6.06584C31.8614 4.96487 32.9838 3.99023 34.0129 2.91934C34.8042 2.09812 35.6257 1.29796 36.42 0.479744C36.7631 0.121777 37.1302 -0.0135889 37.5815 0.0134843C38.9476 0.0947038 40.3137 0.0195006 41.6798 0.028525C46.2564 0.0555981 50.8361 0.0405575 55.4128 0.0435656C55.4459 0.00445993 55.482 0.00445993 55.5181 0.0435656C55.6595 0.0375494 55.798 0.0345412 55.9364 0.028525C55.9635 0.028525 55.9875 0.028525 56.0176 0.0255168C56.481 0.0225087 56.9414 0.0225087 57.4048 0.0195006C57.4649 -0.0105807 57.5191 -0.0075726 57.5733 0.0405575C57.8742 0.121777 57.7689 0.371452 57.7658 0.557956C57.7538 5.34389 57.7327 10.1298 57.7147 14.9188C57.7568 14.9669 57.7568 15.018 57.7147 15.0662C57.7147 16.8951 57.7147 18.718 57.7177 20.544C57.7207 21.4675 57.7237 22.394 57.7267 23.3175L57.7327 23.3205Z" fill="#008299"/>
|
||||
<path d="M67.5931 0.00146484H88.0483V2.9374H79.6893V16.7658H75.9311V2.9374H67.5931V0.00146484Z" fill="#008299"/>
|
||||
<path d="M89.5979 0.00146484H102.913C107.727 0.00146484 110.215 1.9026 110.215 5.23561C110.215 8.03016 108.524 9.88317 105.166 10.3765L110.637 16.7628H105.988L100.821 10.4938H93.3531V16.7628H89.5948V0.00146484H89.5979ZM93.3561 7.5609H102.422C105.1 7.5609 106.343 6.85699 106.343 5.23561C106.343 3.61423 105.145 2.93439 102.422 2.93439H93.3561V7.5609Z" fill="#008299"/>
|
||||
<path d="M121.514 0.00146484H125.107L135.626 16.7658H131.33L128.959 12.8221H117.663L115.292 16.7658H111.019L121.514 0.00146484ZM127.385 10.0035L123.323 3.3826L119.261 10.0035H127.385Z" fill="#008299"/>
|
||||
<path d="M150.683 0.00146484H154.98L144.554 16.7658H141.383L130.981 0.00146484H135.277L143.005 12.7018L150.683 0.00146484Z" fill="#008299"/>
|
||||
<path d="M155.967 0.00146484H174.873V2.9374H159.726V6.76374H174.31V9.69968H159.726V13.8328H175.273V16.7688H155.97V0.00146484H155.967Z" fill="#008299"/>
|
||||
<path d="M195 13.8298V16.7658H177.785V0.00146484H181.544V13.8298H195Z" fill="#008299"/>
|
||||
<path d="M69.4948 28.1758H74.944L82.0603 41.0416L89.1766 28.1758H94.6259V44.9401H90.8676V32.5195L84.2208 44.4708H79.8998L73.253 32.5195V44.9401H69.4948V28.1758Z" fill="#008299"/>
|
||||
<path d="M105.591 28.1758H109.183L119.703 44.9401H115.406L113.035 40.9964H101.739L99.3681 44.9401H95.0953L105.594 28.1758H105.591ZM111.461 38.1778L107.399 31.5569L103.337 38.1778H111.461Z" fill="#008299"/>
|
||||
<path d="M120.223 28.1759H133.538C138.353 28.1759 140.841 30.077 140.841 33.41C140.841 36.2046 139.15 38.0576 135.792 38.5509L141.262 44.9372H136.613L131.447 38.6682H123.979V44.9372H120.22V28.1729L120.223 28.1759ZM123.982 35.7353H133.048C135.726 35.7353 136.969 35.0314 136.969 33.41C136.969 31.7886 135.771 31.1088 133.048 31.1088H123.982V35.7353Z" fill="#008299"/>
|
||||
<path d="M146.808 44.9401H143.05V28.1758H146.808V44.9401Z" fill="#008299"/>
|
||||
<path d="M149.651 44.9401V28.1758H154.676L167.498 40.9934V28.1758H171.256V44.9401H166.324L153.407 32.0262V44.9401H149.648H149.651Z" fill="#008299"/>
|
||||
<path d="M174.099 28.1758H193.005V31.1117H177.858V34.9381H192.442V37.874H177.858V42.0072H193.405V44.9431H174.102V28.1788L174.099 28.1758Z" fill="#008299"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
|
|
@ -1,26 +1,39 @@
|
|||
import Image from 'next/image'
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Hero() {
|
||||
return (
|
||||
<section className="relative h-[60vh] flex items-center justify-center text-center text-white">
|
||||
<Image
|
||||
src="/hero-bg.jpg"
|
||||
alt="Балканское море"
|
||||
fill
|
||||
className="object-cover"
|
||||
priority
|
||||
/>
|
||||
<div className="absolute inset-0 bg-black/40" /> {/* Оверлей для читаемости */}
|
||||
<div className="relative z-10">
|
||||
<h1 className="text-5xl font-bold mb-4">Аренда яхт в Балканах</h1>
|
||||
<p className="text-2xl">Путешествуйте с Marine Travel</p>
|
||||
<div className="mt-6 flex justify-center space-x-4">
|
||||
{/* Поисковая форма: используйте shadcn input и button */}
|
||||
<input type="text" placeholder="Каталог" className="px-4 py-2 rounded-l-full" />
|
||||
<input type="text" placeholder="Выберите дату" className="px-4 py-2" />
|
||||
<button className="bg-primary text-white px-6 py-2 rounded-r-full">Найти</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<section className="relative h-[600px] rounded-[24px] mx-[16px] overflow-hidden flex items-center justify-center text-center text-white">
|
||||
<Image
|
||||
src="/images/hero-bg.jpg"
|
||||
alt="Море"
|
||||
fill
|
||||
className="object-cover"
|
||||
priority
|
||||
/>
|
||||
<div className="absolute inset-0 bg-black/40" />{" "}
|
||||
{/* Оверлей для читаемости */}
|
||||
<div className="relative z-10">
|
||||
<h1 className="text-5xl font-bold mb-4">
|
||||
Аренда яхт в Балканах
|
||||
</h1>
|
||||
<p className="text-2xl">Путешествуйте с Marine Travel</p>
|
||||
<div className="mt-6 flex justify-center space-x-4">
|
||||
{/* Поисковая форма: используйте shadcn input и button */}
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Каталог"
|
||||
className="px-4 py-2 rounded-l-full"
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Выберите дату"
|
||||
className="px-4 py-2"
|
||||
/>
|
||||
<button className="bg-primary text-white px-6 py-2 rounded-r-full">
|
||||
Найти
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@ import Footer from "@/components/layout/Footer";
|
|||
const inter = Inter({ subsets: ["latin", "cyrillic"] }); // Поддержка русского
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Marine Travel - Аренда яхт в Балканах",
|
||||
description: "Прокат яхт и морские прогулки в Балканах",
|
||||
title: "Marine Travel - Аренда яхт в Балаклаве",
|
||||
description: "Прокат яхт и морские прогулки в Балаклаве",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
|
|
|
|||
|
|
@ -9,14 +9,14 @@ import Link from "next/link";
|
|||
|
||||
export default function Header() {
|
||||
return (
|
||||
<header className="sticky top-0 z-50 bg-white shadow-md">
|
||||
<header className="sticky top-0 z-50 bg-white">
|
||||
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
|
||||
<Link href="/">
|
||||
<Image
|
||||
src="/logo.svg"
|
||||
src="/images/logo.svg"
|
||||
alt="Marine Travel"
|
||||
width={150}
|
||||
height={40}
|
||||
height={45}
|
||||
/>
|
||||
</Link>
|
||||
<NavigationMenu>
|
||||
|
|
|
|||
|
|
@ -6,11 +6,7 @@ module.exports = {
|
|||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: "#00A8A8", // Теал для акцентов, как в макете
|
||||
secondary: "#FFFFFF", // Белый для текста
|
||||
background: "#F8F8F8", // Светлый фон
|
||||
},
|
||||
colors: {},
|
||||
fontFamily: {
|
||||
sans: ["Inter", "sans-serif"], // Современный шрифт, похожий на макет
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue