bender/01f7418d-9f9e-4f29-bf75-f4c35b5886d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 15:43:54 +00:00
parent 48174e716f
commit 54bc090593
1 changed files with 52 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/app/contact/page.tsx
View File

@@ -13,112 +13,63 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Patients", id: "/patients" },
{ name: "Contact", id: "/contact" },
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact"
title="Get in touch"
description="Schedule your visit today."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
/>
</div>
<div id="contact-section" data-section="contact-section">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contact"
title="Get in touch"
description="Schedule your visit today."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Send Us a Message"
description="Our team will get back to you shortly."
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Send Us a Message"
description="Our team will get back to you shortly."
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ items: [{ label: "Contact", href: "/contact" }] }
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis>
</ThemeProvider>
);