231 lines
13 KiB
TypeScript
231 lines
13 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import { Sparkles, Zap } from "lucide-react";
|
||
|
||
export default function SpeedUAPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="sharp"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="plain"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Каталог", id: "catalog" },
|
||
{ name: "Особливості", id: "features" },
|
||
{ name: "Ціни", id: "pricing" },
|
||
{ name: "Відгуки", id: "testimonials" },
|
||
{ name: "Контакти", id: "contact" }
|
||
]}
|
||
brandName="SpeedUA"
|
||
bottomLeftText="Київ, Україна"
|
||
bottomRightText="contact@speedua.ua"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
title="Найбільш Екзотичні Спортивні Автомобілі в Україні"
|
||
description="Відкрийте світ люксу та екстремальної продуктивності. Наша колекція об'єднує найпрестижніші спортивні машини для водіїв, які цінують швидкість, стиль та інновацію."
|
||
tag="Преміальний каталог"
|
||
tagIcon={Zap}
|
||
imagePosition="right"
|
||
imageSrc="https://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg"
|
||
imageAlt="Екзотичний спортивний автомобіль"
|
||
buttons={[
|
||
{ text: "Переглянути каталог", href: "catalog" },
|
||
{ text: "Замовити тест-драйв", href: "contact" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="catalog" data-section="catalog">
|
||
<ProductCardOne
|
||
title="Наш каталог"
|
||
description="Вибір найпрестижніших спортивних автомобілів світу, представлених у Європі та готових до доставки в Україну."
|
||
tag="Екзотичні машини"
|
||
tagIcon={Sparkles}
|
||
textboxLayout="default"
|
||
useInvertedBackground="invertDefault"
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
carouselMode="buttons"
|
||
cardClassName="bg-gray-500"
|
||
products={[
|
||
{
|
||
id: "ferrari-488", name: "Ferrari 488 GTB", price: "€280,000", imageSrc: "https://img.b2bpic.net/free-photo/sunset-supercar_23-2151955610.jpg", imageAlt: "Ferrari 488 GTB"
|
||
},
|
||
{
|
||
id: "lamborghini-huracan", name: "Lamborghini Huracán", price: "€240,000", imageSrc: "https://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg", imageAlt: "Lamborghini Huracán"
|
||
},
|
||
{
|
||
id: "porsche-911", name: "Porsche 911 Turbo", price: "€195,000", imageSrc: "https://img.b2bpic.net/free-photo/white-coupe-sport-car-parking-bridge_114579-4006.jpg", imageAlt: "Porsche 911 Turbo"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardEight
|
||
title="Технологічна досконалість"
|
||
description="Кожен автомобіль оснащений передовими технологіями та найвищими характеристиками продуктивності."
|
||
tag="Інноваційні можливості"
|
||
tagIcon={Zap}
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Потужність двигуна", description: "До 800 кінських сил з турбіонованими движками та гібридними системами для максимальної продуктивності.", imageSrc: "https://img.b2bpic.net/free-photo/happy-groom-near-car_8353-61.jpg"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Прискорення", description: "0-100 км/год за 2.5 секунди - розвивайте найвищі швидкості на закритих трасах.", imageSrc: "https://img.b2bpic.net/free-photo/night-drive-supercar_23-2151955579.jpg"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Керованість", description: "Матрична підвіска та електронні системи керування забезпечують ідеальну стабільність у будь-яких умовах.", imageSrc: "https://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg"
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "Люксовий інтер'єр", description: "Неаполітанська шкіра, кольчужне золото та цифровиці 8K дисплеї в кожному автомобілі.", imageSrc: "https://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardThree
|
||
title="Варіанти придбання"
|
||
description="Вибирайте найкращий варіант для себе: від короткострокової оренди до повного придбання преміального автомобіля."
|
||
tag="Гнучкі умови"
|
||
textboxLayout="default"
|
||
useInvertedBackground="invertDefault"
|
||
animationType="slide-up"
|
||
plans={[
|
||
{
|
||
id: "rental", price: "від €500/день", name: "Короткострокова оренда", buttons: [
|
||
{ text: "Замовити тест-драйв", href: "contact" }
|
||
],
|
||
features: [
|
||
"Вибір до 15 автомобілів", "Водій-супровідник", "Страховка включена", "Технічна підтримка 24/7", "Доставка до готелю"
|
||
]
|
||
},
|
||
{
|
||
id: "lease", badge: "Найпопулярніший", badgeIcon: Sparkles,
|
||
price: "від €8,000/місяць", name: "Річна оренда", buttons: [
|
||
{ text: "Розпочати оренду", href: "contact" }
|
||
],
|
||
features: [
|
||
"До 12 місяців користування", "Обслуговування включене", "Мотор-страховка", "Прямий контакт з менеджером", "Гнучкі умови розірвання контракту"
|
||
]
|
||
},
|
||
{
|
||
id: "purchase", price: "від €195,000", name: "Повне придбання", buttons: [
|
||
{ text: "Консультація спеціаліста", href: "contact" }
|
||
],
|
||
features: [
|
||
"Офіційна гарантія виробника", "Безповоротне використання", "Реєстрація у МТСБУ", "Допомога з найму фінансування", "Послуги після-продажного обслуговування"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Вибір спортивного автомобіля через SpeedUA став найкращим рішенням для мене. Команда запропонувала саме те, що мені було потрібно, та забезпечила неймовірне обслуговування протягом усього процесу. Рекомендую всім!"
|
||
rating={5}
|
||
author="Олександр Петров, Вінниця"
|
||
avatars={[
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Олександр Петров"
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Марія Кравченко"
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Ігор Сидоренко"
|
||
},
|
||
{
|
||
src: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", alt: "Анна Вовк"
|
||
}
|
||
]}
|
||
useInvertedBackground="noInvert"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Свяжитесь с нами"
|
||
description="Залишіть свої контактні дані, и наша команда зв'яжеться з вами в найкоротший час для обговорення вибору та умов придбання спортивного автомобіля."
|
||
inputs={[
|
||
{
|
||
id: "name", label: "Ваше ім'я", type: "text", placeholder: "Ваше ім'я", required: true
|
||
},
|
||
{
|
||
id: "email", label: "Email адреса", type: "email", placeholder: "Email адреса", required: true
|
||
},
|
||
{
|
||
id: "phone", label: "Номер телефону", type: "tel", placeholder: "Номер телефону", required: true
|
||
}
|
||
]}
|
||
textarea={{
|
||
id: "message", label: "Повідомлення", placeholder: "Розповідайте про ваш вибір та вподобання...", required: true
|
||
}}
|
||
useInvertedBackground="invertDefault"
|
||
imageSrc="https://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg"
|
||
imageAlt="SpeedUA виставка"
|
||
mediaPosition="right"
|
||
buttonText="Надіслати запит"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Компанія", items: [
|
||
{ label: "Про нас", href: "#about" },
|
||
{ label: "Каталог", href: "catalog" },
|
||
{ label: "Блог", href: "#blog" }
|
||
]
|
||
},
|
||
{
|
||
title: "Послуги", items: [
|
||
{ label: "Оренда", href: "pricing" },
|
||
{ label: "Придбання", href: "pricing" },
|
||
{ label: "Тест-драйв", href: "contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Контакти", items: [
|
||
{ label: "contact@speedua.ua", href: "mailto:contact@speedua.ua" },
|
||
{ label: "+38 099 123 45 67", href: "tel:+380991234567" },
|
||
{ label: "Київ, Україна", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 SpeedUA | Всі права захищені"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |