156 lines
7.4 KiB
TypeScript
156 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import Link from 'next/link';
|
|
import { Users, Award, Star } from 'lucide-react';
|
|
|
|
export default function EquipoPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="MADRID AGENCY"
|
|
navItems={[
|
|
{ name: "Inicio", id: "/" },
|
|
{ name: "Servicios", id: "/servicios" },
|
|
{ name: "Equipo", id: "/equipo" },
|
|
{ name: "Contacto", id: "/contacto" }
|
|
]}
|
|
bottomLeftText="Madrid, España"
|
|
bottomRightText="hello@madridagency.es"
|
|
/>
|
|
</div>
|
|
|
|
{/* Team Section */}
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
tag="Nuestro Equipo"
|
|
tagIcon={Users}
|
|
title="Los creadores detrás de cada éxito"
|
|
description="Un equipo multidisciplinario de expertos en marketing digital, diseño y estrategia, unidos por la pasión de transformar marcas y generar resultados excepcionales."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "María García", role: "Directora Creativa", imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", imageAlt: "María García"
|
|
},
|
|
{
|
|
id: "2", name: "Carlos López", role: "Estratega Digital", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg", imageAlt: "Carlos López"
|
|
},
|
|
{
|
|
id: "3", name: "Sofia Martínez", role: "Head de Diseño", imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg", imageAlt: "Sofia Martínez"
|
|
},
|
|
{
|
|
id: "4", name: "David Ruiz", role: "Especialista en Analytics", imageSrc: "https://img.b2bpic.net/free-photo/smiling-pretty-woman-with-short-curly-hair-dressed-jacket-glasses-poses-pink-with-clasped-hands-wonderful-smile_291650-1138.jpg", imageAlt: "David Ruiz"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* About Our Values Section */}
|
|
<div id="values" data-section="values">
|
|
<MetricSplitMediaAbout
|
|
tag="Nuestros Valores"
|
|
tagIcon={Award}
|
|
title="Excelencia, innovación y resultados medibles"
|
|
description="En Madrid Agency creemos en la transparencia total, la innovación continua y la búsqueda incansable de la excelencia. Cada proyecto es una oportunidad de superar expectativas y crear valor real para nuestros clientes."
|
|
metrics={[
|
|
{ value: "10+", title: "Años de experiencia combinada" },
|
|
{ value: "98%", title: "Tasa de satisfacción de clientes" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"
|
|
imageAlt="Equipo colaborando en oficina"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
{/* Client Testimonials Section */}
|
|
<div id="client-testimonials" data-section="client-testimonials">
|
|
<TestimonialCardOne
|
|
tag="Testimonios de Clientes"
|
|
tagIcon={Star}
|
|
title="La experiencia de trabajar con nosotros"
|
|
description="Descubre por qué nuestros clientes confían en Madrid Agency para impulsar su crecimiento digital y alcanzar sus objetivos más ambiciosos."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Elena Fernández", role: "CEO", company: "TechStart Madrid", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", imageAlt: "Elena Fernández"
|
|
},
|
|
{
|
|
id: "2", name: "Juan Moreno", role: "Founder", company: "DigitalLabs", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg", imageAlt: "Juan Moreno"
|
|
},
|
|
{
|
|
id: "3", name: "Patricia Sánchez", role: "Marketing Director", company: "Fashion Boutique Madrid", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg", imageAlt: "Patricia Sánchez"
|
|
},
|
|
{
|
|
id: "4", name: "Miguel Rodríguez", role: "Director General", company: "Growth Partners", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg", imageAlt: "Miguel Rodríguez"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="MADRID AGENCY"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Inicio", href: "/" },
|
|
{ label: "Servicios", href: "/servicios" },
|
|
{ label: "Equipo", href: "/equipo" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contacto", href: "/contacto" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Casos", href: "/servicios" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "hello@madridagency.es", href: "mailto:hello@madridagency.es" },
|
|
{ label: "+34 91 XXXX XXXX", href: "tel:+34911234567" },
|
|
{ label: "Madrid, España", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |