126 lines
6.8 KiB
TypeScript
126 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Booking", id: "/booking" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Center Services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Reliable Vehicle Inspections, Expert Advice, Friendly Service"
|
|
description="Professional technical vehicle inspections in Estonia. Ensuring your safety on the road with precision and care."
|
|
buttons={[{ text: "Book Now", href: "/booking" }]}
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/modern-luxury-vehicle-inspection-bay-hig-1774897155657-d016cbfe.png", imageAlt: "Inspection bay" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/expert-mechanic-using-advanced-diagnosti-1774897155288-533c4972.png", imageAlt: "Expert inspection" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/close-up-of-high-precision-inspection-to-1774897156320-f22017dc.png", imageAlt: "Vehicle maintenance" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/friendly-professional-staff-in-uniform-e-1774897155006-a7558c15.png", imageAlt: "Friendly staff" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/high-tech-software-display-showing-car-d-1774897155890-4846f5a4.png", imageAlt: "Modern diagnostics" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/general-wide-shot-of-an-premium-inspecti-1774897156278-ede99fc8.png", imageAlt: "Professional service" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Trusted Professionalism"
|
|
title="Years of Excellence in Vehicle Safety"
|
|
description="We pride ourselves on providing the most thorough, fair, and efficient vehicle inspection services in the region. Our team is dedicated to your safety."
|
|
subdescription="Our modern inspection bay is equipped with the latest diagnostic technology, ensuring every vehicle is checked to the highest standards."
|
|
icon={ShieldCheck}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bg3rDgDkyNwjPymWsgtVF9oKp3/a-highly-experienced-technician-holding--1774897155389-f8a38a6b.png"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah Johnson", handle: "BMW Owner", testimonial: "Excellent and professional staff. Fast service and very clear explanations.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1" },
|
|
{ id: "t2", name: "Michael Chen", handle: "Motorcycle Rider", testimonial: "The best place for bike inspections. Very thorough and helpful advice given.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-with-motorcycle_23-2150909355.jpg" },
|
|
{ id: "t3", name: "Emily Rodriguez", handle: "Family Car", testimonial: "Efficient, kind, and fair. I highly recommend them to all my neighbors.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-supportive-girl-showing-thumbs-up-smiling-proud-praising-you-showing-well-done-excellent-gesture-standing-satisfied-white-wall_176420-34127.jpg" },
|
|
{ id: "t4", name: "David Kim", handle: "Regular Customer", testimonial: "Always quick, clean, and reliable. Never going anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg" },
|
|
{ id: "t5", name: "Marko Saar", handle: "Van Operator", testimonial: "Professional approach and very accommodating scheduling for fleet vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=2" }
|
|
]}
|
|
title="Trusted by Drivers Everywhere"
|
|
description="Over 282+ positive reviews with an average 4.7-star rating. Your safety is our reputation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="Performance at a Glance"
|
|
description="Delivering quality results every day."
|
|
metrics={[
|
|
{ id: "m1", value: "15k+", description: "Vehicles Inspected" },
|
|
{ id: "m2", value: "4.8/5", description: "Customer Rating" },
|
|
{ id: "m3", value: "12", description: "Years Experience" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Vehicle Inspections", href: "/services" },
|
|
{ label: "Book Now", href: "/booking" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Center Services OÜ. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |