bender/d458e6c6-9565-47b6-8fd2-904c74ff16f9
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-05-13 16:38:36 +00:00
parent ca3f61eecd
commit 3c1a738113
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,24 +2,29 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ContactPage() {
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>
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "contact" }]} brandName="Niffer Cosmetics" />
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }]} />
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactCTA
tag="Contact Us"
title="Let's Connect!"
description="Reach out via WhatsApp, Instagram, or Email. Find us on the map for your next store visit."
background={{ variant: "gradient-bars" }}
text="Let's Connect! Reach out via WhatsApp, Instagram, or Email. Find us on the map for your next store visit."
buttons={[
{ text: "WhatsApp", href: "https://wa.me/255..." },
{ text: "Instagram", href: "https://instagram.com/niffer" },
{ text: "Email Us", href: "mailto:hello@niffercosmetics.co.tz" }
]}
useInvertedBackground={false}
/>
</div>
<FooterBaseReveal logoText="Niffer Cosmetics" columns={[]} />