Add src/app/team/page.tsx

This commit is contained in:
2026-03-26 12:20:16 +00:00
parent a4d73b5ac3
commit c8b3ef9149

117
src/app/team/page.tsx Normal file
View File

@@ -0,0 +1,117 @@
"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 TeamCardEleven from '@/components/sections/team/TeamCardEleven';
export default function TeamPage() {
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="team-page" data-section="team-page">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
groups={[
{
id: "management", groupTitle: "Leadership & Operations", members: [
{
id: "owner", title: "Ramesh Singh", subtitle: "Founder & Managing Director", detail: "With decades of experience, Ramesh Singh oversees the daily operations and ensures that Roots upholds its legacy of trust and quality for every customer.", imageSrc: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1385.jpg", imageAlt: "Ramesh Singh, Founder and Managing Director"},
],
},
{
id: "staff", groupTitle: "Our Friendly Staff", members: [
{
id: "assistant", title: "Pooja Sharma", subtitle: "Store Assistant", detail: "Pooja is always ready to assist you with a smile, helping you find exactly what you need with her in-depth knowledge of our product range.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clay-pot_23-2148944979.jpg", imageAlt: "Pooja Sharma, Store Assistant"},
{
id: "support", title: "Anil Kumar", subtitle: "Customer Relations", detail: "Anil ensures that every customer leaves Roots happy and satisfied, offering personalized support and valuable recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/parent-working-remotely-with-children-home_52683-109776.jpg", imageAlt: "Anil Kumar, Customer Relations"},
],
},
]}
title="Meet the Family Behind Your Trust"
description="At Roots, our strength is unequivocally rooted in our dedicated team a close-knit family committed to serving you with unparalleled warmth, expertise, and a genuine smile. Every member plays a crucial role in upholding our legacy of trust, ensuring your shopping experience is not just exceptional, but also a memorable part of your day. We believe that a happy team translates to happy customers, and our staff embodies the spirit of our community."
/>
</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>
);
}