Add src/app/contact/page.tsx

This commit is contained in:
2026-04-28 17:00:45 +00:00
parent 45bd6321d2
commit c6e96801c0

57
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,57 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Treatments", id: "/" },
{ name: "About", id: "/" },
{ name: "Testimonials", id: "/" },
{ name: "Contact", id: "/contact" },
]}
brandName="Forsyth Spinal"
button={{ text: "Book Now", href: "/contact" }}
/>
<div className="pt-32 pb-16">
<ContactCenter
tag="Secure Messaging"
title="HIPAA-Compliant Contact"
description="Your health information is secure. Use the form below for confidential communication with our clinical team."
background={{ variant: "canvas-reveal" }}
buttonText="Send Secure Message"
/>
</div>
<FooterBaseCard
logoText="Forsyth Spinal"
columns={[
{ title: "Navigation", items: [{ label: "Treatments", href: "/" }, { label: "About", href: "/about" }, { label: "Testimonials", href: "/" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
{ title: "Contact", items: [{ label: "Call Us", href: "tel:7708889265" }, { label: "Visit Us", href: "/contact" }] }
]}
copyrightText="© 2025 Forsyth Spinal Rehabilitation"
/>
</ReactLenis>
</ThemeProvider>
);
}