Files
90e73733-146e-45b9-a71e-cbc…/src/app/financing/page.tsx
2026-06-08 12:56:30 +00:00

192 lines
5.1 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import { Briefcase, CreditCard, DollarSign } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/repair",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Financing",
id: "/financing",
},
{
name: "Contact",
id: "/contact",
},
]}
button={{
text: "Get a Free Estimate",
href: "/contact",
}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pcjpvy"
logoAlt="Ashley River Roofing Logo"
brandName="Ashley River Roofing"
/>
</div>
<div id="financing-page" data-section="financing-page">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "0-percent-apr",
badge: "Special Offer",
badgeIcon: DollarSign,
price: "0% APR for 12 Months",
subtitle: "Short-term financing with no interest",
buttons: [
{
text: "Apply Today",
href: "#",
},
],
features: [
"Interest-free for one year",
"Minimum purchase required",
"Fast application process",
"Subject to credit approval",
],
},
{
id: "extended-plans",
badge: "Flexible",
badgeIcon: CreditCard,
price: "Extended Payment Plans",
subtitle: "Longer terms for manageable monthly payments",
buttons: [
{
text: "Get Pre-Approved",
href: "#",
},
],
features: [
"Up to 60-month terms available",
"Low fixed interest rates",
"No prepayment penalties",
"Perfect for larger projects",
],
},
{
id: "custom-solution",
badge: "Tailored",
badgeIcon: Briefcase,
price: "Custom Solutions",
subtitle: "Work with us to find the best plan",
buttons: [
{
text: "Contact Us",
href: "/contact",
},
],
features: [
"Personalized consultation",
"Explore all available options",
"Seamless process with our team",
"Designed for your unique situation",
],
},
]}
title="Affordable Financing to Make Your Dream Roof a Reality"
description="Ashley River Roofing understands that a new roof is a significant investment. We offer various financing solutions designed to fit your budget and needs."
tag="Financing Made Easy"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Ashley River Roofing"
columns={[
{
title: "Services",
items: [
{
label: "Roof Repair",
href: "/repair",
},
{
label: "Roof Replacement",
href: "/replacement",
},
{
label: "Storm Damage",
href: "/storm-damage",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/#about",
},
{
label: "Gallery",
href: "/gallery",
},
{
label: "Financing",
href: "/financing",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2024 Ashley River Roofing. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}