251 lines
13 KiB
TypeScript
251 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Shield, Sparkles, Star, CreditCard, Crown } from "lucide-react";
|
|
|
|
export default function UkraineCarsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Catalog", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
brandName="UkraineCars"
|
|
bottomLeftText="Kyiv, Ukraine"
|
|
bottomRightText="contact@ukrainecars.ua"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="UKRAINE CARS"
|
|
description="Premium vehicle selection from trusted sellers across Ukraine. Discover exceptional cars with guaranteed quality and transparent pricing."
|
|
buttons={[
|
|
{ text: "Explore Catalog", href: "products" },
|
|
{ text: "Schedule Test Drive", href: "contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg", imageAlt: "Luxury sedan vehicle showcase"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg", imageAlt: "Sports car premium selection"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/couple-choosing-auto-car-showroom_651396-1159.jpg", imageAlt: "Family SUV display"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.05}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<ParallaxAbout
|
|
title="Your Trusted Ukrainian Automotive Partner"
|
|
description="Since 2015, we've been connecting buyers with exceptional vehicles across Ukraine. Our commitment to quality, transparency, and customer satisfaction makes us the leading automotive marketplace in Eastern Europe."
|
|
tag="About Us"
|
|
tagIcon={Shield}
|
|
imageSrc="https://img.b2bpic.net/free-photo/man-looking-car-thinking-purchase_1303-14587.jpg"
|
|
imageAlt="Professional automotive dealership team"
|
|
buttons={[
|
|
{ text: "Learn More", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSeven
|
|
title="Featured Vehicles"
|
|
description="Browse our curated selection of premium cars available for immediate purchase. Each vehicle undergoes rigorous quality inspection."
|
|
tag="New Arrivals"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1", name: "BMW 3 Series", price: "₴450,000", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17456.jpg", imageAlt: "BMW 3 Series luxury sedan"
|
|
},
|
|
{
|
|
id: "2", name: "Toyota Highlander", price: "₴520,000", imageSrc: "https://img.b2bpic.net/free-photo/automobile-headlight-couple-standing_651396-1147.jpg", imageAlt: "Toyota Highlander SUV"
|
|
},
|
|
{
|
|
id: "3", name: "Volkswagen Golf", price: "₴280,000", imageSrc: "https://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg", imageAlt: "Volkswagen Golf hatchback"
|
|
},
|
|
{
|
|
id: "4", name: "Mercedes-Benz C-Class", price: "₴380,000", imageSrc: "https://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106151.jpg", imageAlt: "Mercedes-Benz C-Class sedan"
|
|
},
|
|
{
|
|
id: "5", name: "Porsche 911 Carrera", price: "₴890,000", imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16021.jpg", imageAlt: "Porsche 911 Carrera sports car"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real experiences from satisfied buyers who found their perfect vehicle with Ukraine Cars."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Oleksii Kovalenko", role: "Business Owner", company: "Tech Kyiv", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Oleksii Kovalenko portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Maria Shevchenko", role: "Marketing Director", company: "Creative Agency", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Maria Shevchenko portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Andriy Petrov", role: "Software Engineer", company: "StartupUA", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Andriy Petrov portrait"
|
|
},
|
|
{
|
|
id: "4", name: "Natalia Bondarenko", role: "Doctor", company: "Medical Center", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg", imageAlt: "Natalia Bondarenko portrait"
|
|
},
|
|
{
|
|
id: "5", name: "Dmitriy Lysenko", role: "Architect", company: "Design Studio", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg", imageAlt: "Dmitriy Lysenko portrait"
|
|
},
|
|
{
|
|
id: "6", name: "Irina Volkova", role: "Entrepreneur", company: "Fashion Brand", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Irina Volkova portrait"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardSix
|
|
title="Service Packages"
|
|
description="Choose the perfect support plan for your vehicle purchase journey."
|
|
tag="Financing"
|
|
tagIcon={CreditCard}
|
|
plans={[
|
|
{
|
|
id: "basic", price: "Free", subtitle: "Essential vehicle information and browsing", features: [
|
|
"Access to full vehicle catalog", "Vehicle history reports", "Basic inspection photos", "Contact seller directly", "24/7 customer support"
|
|
],
|
|
buttons: [
|
|
{ text: "Start Browsing", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
id: "plus", price: "₴2,500", subtitle: "Complete vehicle evaluation and support", features: [
|
|
"Professional inspection report", "Extended vehicle records check", "Price market analysis", "Test drive coordination", "Financing assistance", "Home delivery available"
|
|
],
|
|
buttons: [
|
|
{ text: "Get Premium Evaluation", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
id: "elite", price: "₴5,000", subtitle: "Comprehensive white-glove service", features: [
|
|
"Dedicated sales consultant", "Full mechanical inspection", "Insurance quote assistance", "Custom financing packages", "Warranty packages", "Priority delivery & setup"
|
|
],
|
|
buttons: [
|
|
{ text: "Contact Elite Team", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Ready to find your perfect vehicle? Contact our team for personalized assistance, test drive scheduling, or any questions about our inventory."
|
|
inputs={[
|
|
{
|
|
id: "name", label: "Full Name", type: "text", placeholder: "Your full name", required: true
|
|
},
|
|
{
|
|
id: "email", label: "Email Address", type: "email", placeholder: "your@email.com", required: true
|
|
},
|
|
{
|
|
id: "phone", label: "Phone Number", type: "tel", placeholder: "+380 XX XXX XXXX", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
id: "message", label: "Message", placeholder: "Tell us about the vehicle you're interested in or your inquiry..."
|
|
}}
|
|
imageSrc="https://img.b2bpic.net/free-photo/car-headlight-people-observing-automobiles-showroom_651396-1157.jpg"
|
|
imageAlt="Professional automotive showroom interior"
|
|
mediaPosition="right"
|
|
buttonText="Send Inquiry"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg"
|
|
imageAlt="Ukraine Cars dealership lot and facilities"
|
|
columns={[
|
|
{
|
|
title: "Browse", items: [
|
|
{ label: "Catalog", href: "products" },
|
|
{ label: "Featured Vehicles", href: "products" },
|
|
{ label: "New Arrivals", href: "products" },
|
|
{ label: "By Price", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Team", href: "about" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Testimonials", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Financing Options", href: "#" },
|
|
{ label: "Warranty Info", href: "#" },
|
|
{ label: "Schedule Test Drive", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Ukraine Cars"
|
|
copyrightText="© 2025 Ukraine Cars. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |