Add src/app/about/page.tsx

This commit is contained in:
2026-03-26 12:20:15 +00:00
parent 5eb02b55c9
commit 309addb42e

107
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,107 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
{
name: "About Us", id: "/about"},
{
name: "Our Team", id: "/team"},
{
name: "Products", id: "/products"},
{
name: "Why Choose Us", id: "/#why-choose-us"},
{
name: "Contact", id: "/contact"},
]}
brandName="Roots"
button={{
text: "Call Now", href: "tel:+919876543210"}}
animateOnLoad={true}
/>
</div>
<div id="about-page" data-section="about-page">
<TextSplitAbout
useInvertedBackground={false}
title="Our Story: Built on Trust, Grown with Community"
description={[
"Roots isn't just a general store; it's a cherished institution in Madhuban, Udaipur, proudly serving our community for generations. Established with a vision to provide authentic, high-quality products, we have become a cornerstone of daily life, fostering a legacy of reliability and unwavering trust.", "Our journey began decades ago, rooted in the simple principle of customer-first service. We believe in building lasting relationships, ensuring every visit is met with warmth, personalized assistance, and a diverse range of carefully selected essentials.", "We've continuously evolved alongside our community, adapting to changing needs while steadfastly preserving our core values of integrity, quality, and community spirit. From fresh produce to unique local specialties, every item at Roots reflects our dedication to excellence. Discover the difference that true dedication and a deep-seated commitment to our heritage make in every aspect of our store."
]}
buttons={[
{
text: "Explore Products", href: "/products"},
{
text: "Visit Our Store", href: "/contact"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home", href: "/"},
{
label: "About Us", href: "/about"},
{
label: "Products", href: "/products"},
{
label: "Why Choose Us", href: "/#why-choose-us"},
],
},
{
items: [
{
label: "Location", href: "/contact"},
{
label: "Contact Us", href: "/contact"},
{
label: "Business Hours", href: "/contact"},
{
label: "WhatsApp Chat", href: "https://wa.me/919876543210"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
{
label: "Site Map", href: "#"},
],
},
]}
logoText="Roots - The Legacy of Trust"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}