119 lines
3.5 KiB
TypeScript
119 lines
3.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "Gallery",
|
|
id: "/gallery",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "/reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="A & B Paint and Body"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Comprehensive Repair"
|
|
description="From major frame damage to minor dings."
|
|
features={[
|
|
{
|
|
id: "s1",
|
|
title: "Frame Straightening",
|
|
author: "Tech Team",
|
|
description: "Precision laser alignment for safety.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-polishing-car-details_1303-29065.jpg?_wi=4",
|
|
},
|
|
{
|
|
id: "s2",
|
|
title: "Color Matching",
|
|
author: "Paint Dept",
|
|
description: "Perfect match for factory finishes.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg?_wi=4",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Service Reviews"
|
|
description="Hear from our satisfied clients."
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Alex P.",
|
|
role: "Sedan Owner",
|
|
testimonial: "Professional and fast service.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Jordan M.",
|
|
role: "Truck Owner",
|
|
testimonial: "Great attention to detail!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg?_wi=2",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="A & B Paint and Body"
|
|
copyrightText="© 2025 A & B Paint and Body Shop"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|