Add src/app/team/page.tsx

This commit is contained in:
2026-03-04 21:55:33 +00:00
parent 1946465ab3
commit 12054eccb4

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

@@ -0,0 +1,130 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSignup from "@/components/sections/hero/HeroSignup";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Users } from "lucide-react";
export default function TeamPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="USA Remodeling"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Blog", id: "/blog" },
{ name: "Team", id: "/team" },
]}
button={{
text: "Call: 631-957-5400", href: "tel:631-957-5400"}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroSignup
title="Meet Our Expert Team"
description="Dedicated professionals with decades of combined experience in roofing, siding, and home remodeling. Our team is committed to delivering exceptional craftsmanship on every project."
tag="Our Team"
tagIcon={Users}
background={{ variant: "plain" }}
inputPlaceholder="Enter your email"
buttonText="Schedule Consultation"
onSubmit={(email) => console.log("Email:", email)}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
title="Professional Roofing & Remodeling Experts"
description="Meet the skilled craftspeople behind USA Remodeling's success and commitment to quality."
tag="Team Members"
tagIcon={Users}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
members={[
{
id: "1", name: "Michael Torres", role: "Founder & Lead Roofer", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Michael Torres"},
{
id: "2", name: "David Rodriguez", role: "Senior Installation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", imageAlt: "David Rodriguez"},
{
id: "3", name: "Christopher Lee", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Christopher Lee"},
{
id: "4", name: "James Martinez", role: "Skilled Carpenter", imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", imageAlt: "James Martinez"},
{
id: "5", name: "Anthony Gutierrez", role: "Siding Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg", imageAlt: "Anthony Gutierrez"},
{
id: "6", name: "Lisa Chen", role: "Office Manager & Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", imageAlt: "Lisa Chen"},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="What Our Customers Say"
description="Read testimonials from satisfied homeowners who have experienced our professional service firsthand."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Professional Service Exceeded Expectations", quote: "The crew arrived on time, worked efficiently, and completed my entire roof replacement in one day. The quality of work is outstanding and the cleanup was meticulous. I highly recommend USA Remodeling!", name: "Robert Johnson", role: "Homeowner, Lindenhurst", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Robert Johnson"},
{
id: "2", title: "Fair Pricing and Honest Advice", quote: "I appreciated the transparent pricing and honest assessment of my roof. They didn't push unnecessary upgrades and delivered exactly what they promised. Outstanding value for money!", name: "Patricia Williams", role: "Homeowner, Babylon", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg", imageAlt: "Patricia Williams"},
{
id: "3", title: "Storm Damage Handled with Care", quote: "When a storm damaged my roof, USA Remodeling responded quickly with emergency services. Their team was professional, respectful, and made sure my home was protected immediately.", name: "James Campbell", role: "Homeowner, Amityville", imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", imageAlt: "James Campbell"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Team", href: "/team" },
],
},
{
title: "Expertise", items: [
{ label: "Roofing", href: "/" },
{ label: "Siding", href: "/" },
{ label: "Remodeling", href: "/" },
{ label: "Gutters", href: "/" },
],
},
{
title: "Contact", items: [
{ label: "📞 631-957-5400", href: "tel:631-957-5400" },
{ label: "Get Free Estimate", href: "/" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
copyrightText="© 2025 USA Remodeling | Meet Our Team"
/>
</div>
</ThemeProvider>
);
}