159 lines
4.8 KiB
TypeScript
159 lines
4.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="LocalPro"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-list" data-section="service-list">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "s1",
|
|
brand: "Pro",
|
|
name: "Basic Inspection",
|
|
price: "$99",
|
|
rating: 5,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "s2",
|
|
brand: "Pro",
|
|
name: "Deep Clean",
|
|
price: "$199",
|
|
rating: 5,
|
|
reviewCount: "24",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "s3",
|
|
brand: "Pro",
|
|
name: "Full Repair",
|
|
price: "$299",
|
|
rating: 5,
|
|
reviewCount: "18",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "s4",
|
|
brand: "Pro",
|
|
name: "Priority Service",
|
|
price: "$399",
|
|
rating: 5,
|
|
reviewCount: "30",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "s5",
|
|
brand: "Pro",
|
|
name: "Advanced Tuning",
|
|
price: "$499",
|
|
rating: 5,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "s6",
|
|
brand: "Pro",
|
|
name: "Whole Home Check",
|
|
price: "$599",
|
|
rating: 5,
|
|
reviewCount: "45",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
]}
|
|
title="Our Service Portfolio"
|
|
description="Transparent pricing for high-quality work in our service region."
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-benefits" data-section="service-benefits">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "100%",
|
|
title: "Satisfaction Rate",
|
|
description: "Our customers love the speed and efficiency.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "24/7",
|
|
title: "Availability",
|
|
description: "Ready to help whenever you need us.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "500+",
|
|
title: "Homes Served",
|
|
description: "Proven track record in our community.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-talking-landline-phone_482257-96280.jpg",
|
|
},
|
|
]}
|
|
title="Why Our Services Stand Out"
|
|
description="We offer more than just fixes; we offer peace of mind."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="LocalPro Services"
|
|
copyrightText="© 2025 LocalPro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|