About Us Page

1"use client";
2 
3import { Badge } from "@/components/ui/badge";
4import { Button } from "@/components/ui/button";
5import type { Variants } from "framer-motion";
6import { motion } from "framer-motion";
7import {
8  Award,
9  Globe,
10  HeartHandshake,
11  ShieldCheck,
12  Sparkles,
13  Target,
14  Users,
15} from "lucide-react";
16 
17const pageVariants: Variants = {
18  hidden: { opacity: 0, y: 24 },
19  visible: {
20    opacity: 1,
21    y: 0,
22    transition: {
23      duration: 0.6,
24      ease: "easeOut",
25      when: "beforeChildren",
26      staggerChildren: 0.12,
27    },
28  },
29};
30 
31const cardVariants: Variants = {
32  hidden: { opacity: 0, y: 16 },
33  visible: {
34    opacity: 1,
35    y: 0,
36    transition: {
37      duration: 0.5,
38      ease: "easeOut",
39    },
40  },
41};
42 
43const stats = [
44  { label: "Years Building UI Interfaces", value: "12+" },
45  { label: "Global Teams Empowered", value: "320+" },
46  { label: "Customer Satisfaction", value: "97%" },
47  { label: "Accessibility Score", value: "AA+" },
48];
49 
50const values = [
51  {
52    title: "Human-Centered",
53    description:
54      "We obsess over inclusive experiences that anticipate needs and remove friction.",
55    icon: HeartHandshake,
56  },
57  {
58    title: "Craft Excellence",
59    description:
60      "From micro-interactions to complex flows, every detail is intentional and polished.",
61    icon: Sparkles,
62  },
63  {
64    title: "Secure Foundations",
65    description:
66      "Privacy-first architecture with resilient infrastructure and transparent practices.",
67    icon: ShieldCheck,
68  },
69  {
70    title: "Global Perspective",
71    description:
72      "Distributed teams spanning 10 time zones collaborating in sync around shared rituals.",
73    icon: Globe,
74  },
75];
76 
77const leadership = [
78  {
79    name: "Jordan Wells",
80    role: "Founder & Principal Designer",
81    quote:
82      "Design should feel inevitable, Every interaction should communicate clarity and warmth.",
83  },
84  {
85    name: "Amina Patel",
86    role: "Head of Product Engineering",
87    quote:
88      "We engineer for longevity. Our systems are modular, accessible, and built to evolve.",
89  },
90  {
91    name: "Leo Martins",
92    role: "Director of Customer Experience",
93    quote:
94      "Listening deeply to customers is how we stay ahead and deliver meaningful change.",
95  },
96];
97 
98const milestones = [
99  {
100    year: "2013",
101    title: "Founding",
102    description:
103      "Launched as a distributed studio focused on inclusive product experiences for early-stage teams.",
104  },
105  {
106    year: "2016",
107// … truncated