Update src/app/about/page.tsx

This commit is contained in:
2026-05-13 16:38:35 +00:00
parent 854f5c3957
commit ca3f61eecd

View File

@@ -2,19 +2,22 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import TextAbout from '@/components/sections/about/TextAbout';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function AboutPage() {
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="about" data-section="about">
<TextAbout
title="Our Mission: Redefining Beauty in Tanzania"
<InlineImageSplitTextAbout
heading={[{ type: 'text', content: "Our Mission: Redefining Beauty in Tanzania" }]}
buttons={[{ text: "Back Home", href: "/" }]}
useInvertedBackground={false}
/>
</div>
<FooterBaseReveal logoText="Niffer Cosmetics" columns={[]} />