Initial commit
This commit is contained in:
116
src/app/team/page.tsx
Normal file
116
src/app/team/page.tsx
Normal file
@@ -0,0 +1,116 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Linkedin, Twitter, Instagram } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function TeamPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Pinnacle"
|
||||
bottomLeftText="Elevate Your Brand"
|
||||
bottomRightText="hello@pinnacle.marketing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
title="Meet the Team Behind Your Success"
|
||||
tag="Leadership"
|
||||
memberVariant="default"
|
||||
useInvertedBackground="noInvert"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexandra Morrison",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "Alexandra Morrison, Chief Strategy Officer"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
imageAlt: "James Chen, Creative Director"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Williams",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
imageAlt: "Sarah Williams, Performance Lead"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Rodriguez",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
imageAlt: "Michael Rodriguez, Analytics Expert"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Proven Results That Speak for Themselves"
|
||||
tag="Impact"
|
||||
useInvertedBackground="invertDefault"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "250+",
|
||||
description: "Successful campaigns executed for brands across industries"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5.2x",
|
||||
description: "Average ROI delivered to our clients over three years"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Client satisfaction rate with continued partnerships"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "$2.8M+",
|
||||
description: "In measurable revenue generated for our clients"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Pinnacle"
|
||||
copyrightText="© 2025 Pinnacle Marketing. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/pinnacle-marketing", ariaLabel: "LinkedIn" },
|
||||
{ icon: Twitter, href: "https://twitter.com/pinnacle_mkt", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com/pinnacle.marketing", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user