bender/2de98ea8-cbd6-4e49-bb04-8b0065e34e3c
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 11:13:08 +00:00
parent 743e8814c4
commit 083fdafbcf
1 changed files with 50 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,87 +7,63 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Products",
id: "/products",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="BeckyReshi"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Let's Connect"
title="We'd Love to Hear From You"
description="Reach out for business partnerships, bulk orders, or any inquiries regarding our products."
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-mushrooms-tasty-cauliflower-bowl-oil-bottle-black-pepper-small-wooden-bowl-garlic-red-onion-grey-table-copy-place_140725-147402.jpg"
mediaAnimation="slide-up"
buttonText="Submit Inquiry"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Reaching Us"
tag="Customer Service"
metrics={[
{
id: "c1",
value: "Abuja",
description: "Primary operating base",
},
{
id: "c2",
value: "1hr",
description: "Average response time",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="BeckyReshi"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/contact" },
]}
brandName="BeckyReshi"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Let's Connect"
title="We'd Love to Hear From You"
description="Reach out for business partnerships, bulk orders, or any inquiries regarding our products."
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-mushrooms-tasty-cauliflower-bowl-oil-bottle-black-pepper-small-wooden-bowl-garlic-red-onion-grey-table-copy-place_140725-147402.jpg"
mediaAnimation="slide-up"
buttonText="Submit Inquiry"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Reaching Us"
tag="Customer Service"
metrics={[
{ id: "c1", value: "Abuja", description: "Primary operating base" },
{ id: "c2", value: "1hr", description: "Average response time" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="BeckyReshi"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);