Add src/app/team/page.tsx

2026-06-09 19:39:50 +00:00
parent c89894ce2e
commit 2dc99c58c5
1 changed files with 104 additions and 0 deletions
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -0,0 +1,104 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="inset"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "HVAC Services", id: "#services" },
+              { name: "Reviews", id: "#testimonials" },
+              { name: "Need Financing?", id: "#pricing" },
+              { name: "Team", id: "/team" },
+              { name: "About Us", id: "#about" },
+              { name: "Locations", id: "/locations" },
+              { name: "Contact Us", id: "#contact" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/default-logo-transparent.png?_wi=1"
+            logoAlt="USA HVAC Services Logo"
+            brandName="USA HVAC Services"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
+
+        <div className="min-h-[calc(100vh-theme(spacing.72))] flex flex-col justify-center items-center py-20">
+          <TeamCardOne
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Meet Our Expert Team"
+            description="Dedicated to your comfort, our certified technicians and support staff are the best in the business."
+            members={[
+              { id: "1", name: "Johnathan Doe", role: "Lead HVAC Technician", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-electric-box_23-2149591146.jpg", imageAlt: "Johnathan Doe" },
+              { id: "2", name: "Sarah Chen", role: "Customer Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-clipboard-looking-camera_23-2148114421.jpg", imageAlt: "Sarah Chen" },
+              { id: "3", name: "Michael Rodriguez", role: "HVAC Specialist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-working-with-tools_23-2149454848.jpg", imageAlt: "Michael Rodriguez" },
+              { id: "4", name: "Emily White", role: "Operations Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-glasses_23-2148455798.jpg", imageAlt: "Emily White" },
+              { id: "5", name: "David Lee", role: "Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-with-electric-meter_23-2148456248.jpg", imageAlt: "David Lee" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "AC Repair", href: "#services" },
+                  { label: "Furnace Installation", href: "#services" },
+                  { label: "Duct Cleaning", href: "#services" },
+                  { label: "Maintenance Plans", href: "#pricing" },
+                  { label: "Emergency Service", href: "#services" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Mission", href: "#about" },
+                  { label: "Why Choose Us", href: "#features" },
+                  { label: "Careers", href: "#" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Blog", href: "#" },
+                  { label: "Customer Stories", href: "#testimonials" },
+                  { label: "Service Areas", href: "/locations" }
+                ]
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "Get a Quote", href: "#contact" },
+                  { label: "Support", href: "#" },
+                  { label: "Call Us: 301-246-2456", href: "tel:+13012462456" },
+                  { label: "Email: info@usahvac.com", href: "mailto:info@usahvac.com" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 USA HVAC Services. All rights reserved."
+            bottomRightText="Privacy Policy | Terms of Service"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}