Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -33,45 +33,27 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Головна",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Головна", id: "#home"},
|
||||
{
|
||||
name: "Про нас",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Про нас", id: "#about"},
|
||||
{
|
||||
name: "Послуги",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Послуги", id: "#features"},
|
||||
{
|
||||
name: "Тури",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Тури", id: "#products"},
|
||||
{
|
||||
name: "Ціни",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Ціни", id: "#pricing"},
|
||||
{
|
||||
name: "Команда",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Команда", id: "#team"},
|
||||
{
|
||||
name: "Відгуки",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Відгуки", id: "#testimonials"},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакти", id: "#contact"},
|
||||
]}
|
||||
brandName="VIKAR TRAVEL"
|
||||
bottomLeftText="Подорожуйте з нами"
|
||||
bottomRightText="info@vikartravel.com.ua"
|
||||
button={{
|
||||
text: "Забронювати тур",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Забронювати тур", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,16 +63,12 @@ export default function LandingPage() {
|
||||
description="Ваші незабутні подорожі починаються тут. Відкрийте світ з нами!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Знайти тур",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Знайти тур", href: "#products"},
|
||||
{
|
||||
text: "Спеціальні пропозиції",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Спеціальні пропозиції", href: "#pricing"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-drone-view-historic-centre-sibiu-evening-romania_1268-20829.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-drone-view-historic-centre-sibiu-evening-romania_1268-20829.jpg"
|
||||
imageAlt="Stunning travel destination landscape"
|
||||
/>
|
||||
</div>
|
||||
@@ -102,19 +80,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Років на ринку",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Років на ринку", value: "15+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Щасливих клієнтів",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Щасливих клієнтів", value: "5000+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Напрямків",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Напрямків", value: "100+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -127,28 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Авіаперельоти та трансфери",
|
||||
description: "Оптимальні маршрути та комфортні перельоти до будь-якої точки світу.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-airplane_23-2151037382.jpg",
|
||||
imageAlt: "airplane travel icon",
|
||||
title: "Авіаперельоти та трансфери", description: "Оптимальні маршрути та комфортні перельоти до будь-якої точки світу.", bentoComponent: "reveal-icon", icon: Globe
|
||||
},
|
||||
{
|
||||
title: "Бронювання готелів",
|
||||
description: "Від затишних міні-готелів до розкішних п'ятизіркових курортів.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-view-historic-centre-sibiu-evening-romania_1268-20829.jpg?_wi=2",
|
||||
imageAlt: "airplane travel icon",
|
||||
title: "Бронювання готелів", description: "Від затишних міні-готелів до розкішних п'ятизіркових курортів.", bentoComponent: "reveal-icon", icon: Building
|
||||
},
|
||||
{
|
||||
title: "Екскурсійні програми",
|
||||
description: "Захоплюючі екскурсії та унікальні маршрути для повного занурення.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Compass,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
imageAlt: "airplane travel icon",
|
||||
title: "Екскурсійні програми", description: "Захоплюючі екскурсії та унікальні маршрути для повного занурення.", bentoComponent: "reveal-icon", icon: Compass
|
||||
},
|
||||
]}
|
||||
title="Наші послуги"
|
||||
@@ -164,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Романтичний Париж",
|
||||
price: "Від 800€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-paris_23-2151976253.jpg",
|
||||
imageAlt: "Eiffel Tower in Paris",
|
||||
},
|
||||
id: "1", name: "Романтичний Париж", price: "Від 800€", imageSrc: "http://img.b2bpic.net/free-photo/woman-paris_23-2151976253.jpg", imageAlt: "Eiffel Tower in Paris"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Екзотичні Мальдіви",
|
||||
price: "Від 1500€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-longtail-boats-turquoise-phuket-bay_1308-189766.jpg",
|
||||
imageAlt: "Overwater bungalows in Maldives",
|
||||
},
|
||||
id: "2", name: "Екзотичні Мальдіви", price: "Від 1500€", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-longtail-boats-turquoise-phuket-bay_1308-189766.jpg", imageAlt: "Overwater bungalows in Maldives"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Культурна Японія",
|
||||
price: "Від 1200€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-japanese-traditional-wagasa-umbrella_23-2149661113.jpg",
|
||||
imageAlt: "Cherry blossoms and a temple in Japan",
|
||||
},
|
||||
id: "3", name: "Культурна Японія", price: "Від 1200€", imageSrc: "http://img.b2bpic.net/free-photo/background-with-japanese-traditional-wagasa-umbrella_23-2149661113.jpg", imageAlt: "Cherry blossoms and a temple in Japan"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Сафарі в Африці",
|
||||
price: "Від 2000€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-shot-desert-field-with-shadow-moving-air-balloon-sky_181624-4077.jpg",
|
||||
imageAlt: "Wildlife on an African savanna",
|
||||
},
|
||||
id: "4", name: "Сафарі в Африці", price: "Від 2000€", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-shot-desert-field-with-shadow-moving-air-balloon-sky_181624-4077.jpg", imageAlt: "Wildlife on an African savanna"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Нью-Йорк: Місто мрій",
|
||||
price: "Від 950€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/statue-liberty-full-moon-sunset-new-york-city_649448-2612.jpg",
|
||||
imageAlt: "New York City skyline",
|
||||
},
|
||||
id: "5", name: "Нью-Йорк: Місто мрій", price: "Від 950€", imageSrc: "http://img.b2bpic.net/free-photo/statue-liberty-full-moon-sunset-new-york-city_649448-2612.jpg", imageAlt: "New York City skyline"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Таємниці Мачу-Пікчу",
|
||||
price: "Від 1100€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-people-touring-teotihuacan-pyramids-mexico_181624-19783.jpg",
|
||||
imageAlt: "Ancient ruins of Machu Picchu",
|
||||
},
|
||||
id: "6", name: "Таємниці Мачу-Пікчу", price: "Від 1100€", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-people-touring-teotihuacan-pyramids-mexico_181624-19783.jpg", imageAlt: "Ancient ruins of Machu Picchu"},
|
||||
]}
|
||||
title="Популярні тури"
|
||||
description="Відкрийте для себе найкращі напрямки та захоплюючі пригоди з VIKAR TRAVEL."
|
||||
@@ -218,42 +145,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Базовий",
|
||||
price: "800€",
|
||||
subtitle: "Ідеально для швидких подорожей",
|
||||
features: [
|
||||
"Авіапереліт",
|
||||
"Проживання (3 ночі)",
|
||||
"Медична страховка",
|
||||
],
|
||||
id: "standard", badge: "Базовий", price: "800€", subtitle: "Ідеально для швидких подорожей", features: [
|
||||
"Авіапереліт", "Проживання (3 ночі)", "Медична страховка"],
|
||||
badgeIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Преміум",
|
||||
price: "1500€",
|
||||
subtitle: "Для комфортного відпочинку",
|
||||
features: [
|
||||
"Авіапереліт та трансфер",
|
||||
"Проживання (7 ночей)",
|
||||
"Медична страховка",
|
||||
"Екскурсії на вибір",
|
||||
],
|
||||
id: "premium", badge: "Преміум", price: "1500€", subtitle: "Для комфортного відпочинку", features: [
|
||||
"Авіапереліт та трансфер", "Проживання (7 ночей)", "Медична страховка", "Екскурсії на вибір"],
|
||||
badgeIcon: Star,
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "VIP",
|
||||
price: "2500€",
|
||||
subtitle: "Ексклюзивний відпочинок",
|
||||
features: [
|
||||
"Авіапереліт та індивідуальний трансфер",
|
||||
"Проживання (10 ночей)",
|
||||
"Розширена медична страховка",
|
||||
"Індивідуальні екскурсії",
|
||||
"Підтримка 24/7",
|
||||
],
|
||||
id: "vip", badge: "VIP", price: "2500€", subtitle: "Ексклюзивний відпочинок", features: [
|
||||
"Авіапереліт та індивідуальний трансфер", "Проживання (10 ночей)", "Розширена медична страховка", "Індивідуальні екскурсії", "Підтримка 24/7"],
|
||||
badgeIcon: Crown,
|
||||
},
|
||||
]}
|
||||
@@ -270,26 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Олена Ковальчук",
|
||||
role: "Генеральний директор",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769967.jpg",
|
||||
imageAlt: "Олена Ковальчук, Генеральний директор",
|
||||
},
|
||||
id: "1", name: "Олена Ковальчук", role: "Генеральний директор", imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769967.jpg", imageAlt: "Олена Ковальчук, Генеральний директор"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Андрій Петренко",
|
||||
role: "Керівник відділу турів",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-travel-agent_23-2150433373.jpg",
|
||||
imageAlt: "Андрій Петренко, Керівник відділу турів",
|
||||
},
|
||||
id: "2", name: "Андрій Петренко", role: "Керівник відділу турів", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-travel-agent_23-2150433373.jpg", imageAlt: "Андрій Петренко, Керівник відділу турів"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ірина Мельник",
|
||||
role: "Менеджер з клієнтів",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-photo-camera_23-2149049085.jpg",
|
||||
imageAlt: "Ірина Мельник, Менеджер з клієнтів",
|
||||
},
|
||||
id: "3", name: "Ірина Мельник", role: "Менеджер з клієнтів", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-photo-camera_23-2149049085.jpg", imageAlt: "Ірина Мельник, Менеджер з клієнтів"},
|
||||
]}
|
||||
title="Наша команда експертів"
|
||||
description="Дозвольте нашим досвідченим фахівцям спланувати вашу ідеальну подорож."
|
||||
@@ -301,35 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ольга Захарова",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/xsmas-mood-with-young-beautiful-woman-sitting-table-office_179666-20542.jpg",
|
||||
imageAlt: "Ольга Захарова, щаслива клієнтка",
|
||||
},
|
||||
id: "1", name: "Ольга Захарова", imageSrc: "http://img.b2bpic.net/free-photo/xsmas-mood-with-young-beautiful-woman-sitting-table-office_179666-20542.jpg", imageAlt: "Ольга Захарова, щаслива клієнтка"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Сергій Бондаренко",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hobby-leisure-concept-happy-young-bearded-surfer-holding-surfboard-his-head-looking-smiling-cheerfully_273609-1545.jpg",
|
||||
imageAlt: "Сергій Бондаренко, щасливий клієнт",
|
||||
},
|
||||
id: "2", name: "Сергій Бондаренко", imageSrc: "http://img.b2bpic.net/free-photo/people-hobby-leisure-concept-happy-young-bearded-surfer-holding-surfboard-his-head-looking-smiling-cheerfully_273609-1545.jpg", imageAlt: "Сергій Бондаренко, щасливий клієнт"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Анна та Дмитро",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-glasses-waving_23-2148631360.jpg",
|
||||
imageAlt: "Анна та Дмитро, щасливі клієнти",
|
||||
},
|
||||
id: "3", name: "Анна та Дмитро", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-glasses-waving_23-2148631360.jpg", imageAlt: "Анна та Дмитро, щасливі клієнти"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Лідія Іванова",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-woman-by-shoulder-with-his-hand_23-2148293953.jpg",
|
||||
imageAlt: "Лідія Іванова, щаслива клієнтка",
|
||||
},
|
||||
id: "4", name: "Лідія Іванова", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-woman-by-shoulder-with-his-hand_23-2148293953.jpg", imageAlt: "Лідія Іванова, щаслива клієнтка"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Родина Петровських",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-christmas-morning-together-bedroom_329181-6037.jpg",
|
||||
imageAlt: "Родина Петровських, щасливі клієнти",
|
||||
},
|
||||
id: "5", name: "Родина Петровських", imageSrc: "http://img.b2bpic.net/free-photo/family-celebrating-christmas-morning-together-bedroom_329181-6037.jpg", imageAlt: "Родина Петровських, щасливі клієнти"},
|
||||
]}
|
||||
cardTitle="Наші клієнти говорять"
|
||||
cardTag="Відгуки"
|
||||
@@ -341,18 +209,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Готові до пригод? Зв'яжіться з нами!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Залишити запит",
|
||||
href: "#",
|
||||
},
|
||||
text: "Залишити запит", href: "#"},
|
||||
{
|
||||
text: "Зателефонувати",
|
||||
href: "tel:+380XXXXXXXXX",
|
||||
},
|
||||
text: "Зателефонувати", href: "tel:+380XXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -361,54 +224,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Навігація",
|
||||
items: [
|
||||
title: "Навігація", items: [
|
||||
{
|
||||
label: "Головна",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Головна", href: "#home"},
|
||||
{
|
||||
label: "Про нас",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Про нас", href: "#about"},
|
||||
{
|
||||
label: "Послуги",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Послуги", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Відкрийте",
|
||||
items: [
|
||||
title: "Відкрийте", items: [
|
||||
{
|
||||
label: "Тури",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Тури", href: "#products"},
|
||||
{
|
||||
label: "Ціни",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Ціни", href: "#pricing"},
|
||||
{
|
||||
label: "Команда",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Команда", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакти",
|
||||
items: [
|
||||
title: "Контакти", items: [
|
||||
{
|
||||
label: "Відгуки",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Відгуки", href: "#testimonials"},
|
||||
{
|
||||
label: "Зв'язатись",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Зв'язатись", href: "#contact"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@vikartravel.com.ua",
|
||||
},
|
||||
label: "Email", href: "mailto:info@vikartravel.com.ua"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user