Files
e3c18277-5774-4fbe-8d60-3c2…/src/app/page.tsx
2026-03-30 19:01:41 +00:00

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>
);
}