Add src/app/team/page.tsx

2026-06-03 10:47:35 +00:00
parent c2cdbb878d
commit f0b95abaa6
1 changed files with 118 additions and 0 deletions
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -0,0 +1,118 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+
+const commonNavbarProps = {
+    navItems: [
+        { name: "Home", id: "/" },
+        { name: "About Us", id: "/#about" },
+        { name: "Services", id: "/#services" },
+        { name: "Results", id: "/#achievements" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Team", id: "/team" },
+        { name: "Testimonials", id: "/testimonials" },
+        { name: "FAQ", id: "/#faq" }
+    ],
+    logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w",    logoAlt: "Maryam Dental Clinic Logo",    brandName: "Maryam Dental Clinic",    button: {
+        text: "Book Consultation",        href: "/#contact"
+    }
+};
+
+const commonFooterProps = {
+    logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w",    logoAlt: "Maryam Dental Clinic Logo",    logoText: "Maryam Dental Clinic",    copyrightText: "© 2025 Maryam Dental Clinic. All rights reserved.",    columns: [
+        {
+            title: "Company",            items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Team", href: "/team" },
+                { label: "Careers", href: "#" }
+            ]
+        },
+        {
+            title: "Services",            items: [
+                { label: "Pricing", href: "/pricing" },
+                { label: "Dental Care", href: "/#services" },
+                { label: "Testimonials", href: "/testimonials" }
+            ]
+        },
+        {
+            title: "Legal",            items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "FAQ", href: "/#faq" }
+            ]
+        }
+    ]
+};
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="none"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline {...commonNavbarProps} />
+        </div>
+
+        <div id="team-page-content" data-section="team">
+          <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Meet Our Dedicated Team"
+            description="Our passionate professionals are committed to providing you with the highest quality dental care."
+            groups={[
+              {
+                id: "leadership",                groupTitle: "Leadership",                members: [
+                  {
+                    id: "maryam-khani",                    title: "Dr. Maryam Khani",                    subtitle: "Founder & Head Dentist",                    detail: "Specializing in cosmetic and restorative dentistry with over 20 years of experience.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-1.jpg"
+                  },
+                  {
+                    id: "ahmed-zaman",                    title: "Dr. Ahmed Zaman",                    subtitle: "Orthodontic Specialist",                    detail: "Expert in clear aligners and traditional braces for all ages.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-3.jpg"
+                  }
+                ]
+              },
+              {
+                id: "specialists",                groupTitle: "Dental Specialists",                members: [
+                  {
+                    id: "fatima-ali",                    title: "Dr. Fatima Ali",                    subtitle: "Pediatric Dentist",                    detail: "Creating positive dental experiences for children.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-2.jpg"
+                  },
+                  {
+                    id: "tariq-khan",                    title: "Dr. Tariq Khan",                    subtitle: "Periodontist",                    detail: "Focusing on gum health and implant dentistry.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-4.jpg"
+                  }
+                ]
+              },
+              {
+                id: "support-staff",                groupTitle: "Support Staff",                members: [
+                  {
+                    id: "sara-hassan",                    title: "Sara Hassan",                    subtitle: "Clinic Manager",                    detail: "Ensuring smooth operations and patient satisfaction.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-5.jpg"
+                  },
+                  {
+                    id: "nida-raza",                    title: "Nida Raza",                    subtitle: "Dental Hygienist",                    detail: "Providing exceptional preventative care and education.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/avatar-6.jpg"
+                  }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase {...commonFooterProps} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}