Initial commit
This commit is contained in:
231
src/app/page.tsx
Normal file
231
src/app/page.tsx
Normal file
@@ -0,0 +1,231 @@
|
||||
"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"
|
||||
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={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Ваше ім'я", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email адреса", required: true
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Номер телефону", required: true
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Розповідайте про ваш вибір та вподобання...", rows: 5,
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user