Update src/app/pricing/page.tsx
This commit is contained in:
@@ -8,23 +8,31 @@ import ReactLenis from "lenis/react";
|
|||||||
|
|
||||||
export default function PricingPage() {
|
export default function PricingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider>
|
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingOverlay
|
<div id="nav" data-section="nav">
|
||||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/#features" }, { name: "Projects", id: "/portfolio" }, { name: "Quote", id: "/pricing" }, { name: "Contact", id: "/#contact" }]}
|
<NavbarLayoutFloatingOverlay
|
||||||
|
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/portfolio" }, { name: "Quote", id: "/pricing" }, { name: "Contact", id: "/#contact" }]}
|
||||||
brandName="DC Contracting"
|
brandName="DC Contracting"
|
||||||
/>
|
/>
|
||||||
<PricingCardEight
|
</div>
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<PricingCardEight
|
||||||
title="Request a Quote"
|
title="Request a Quote"
|
||||||
description="Get an estimate for your construction needs today."
|
description="Get an estimate for your construction needs today."
|
||||||
plans={[{ id: "basic", badge: "Residential", price: "Contact Us", subtitle: "Standard quote", buttons: [{ text: "Book Now" }], features: ["Site visit", "Planning", "Quote delivery"] }]}
|
plans={[{ id: "basic", badge: "Residential", price: "Contact Us", subtitle: "Standard quote", buttons: [{ text: "Book Now" }], features: ["Site visit", "Planning", "Quote delivery"] }]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
textboxLayout="default"
|
||||||
<FooterMedia
|
/>
|
||||||
|
</div>
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterMedia
|
||||||
logoText="DC Contracting"
|
logoText="DC Contracting"
|
||||||
|
videoSrc="https://videos.pexels.com/video-files/4253133/4253133-sd_506_960_24fps.mp4"
|
||||||
columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }] }, { title: "Support", items: [{ label: "Quote", href: "/pricing" }, { label: "Contact", href: "/#contact" }] }]}
|
columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Portfolio", href: "/portfolio" }] }, { title: "Support", items: [{ label: "Quote", href: "/pricing" }, { label: "Contact", href: "/#contact" }] }]}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user