Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5b999ced81 | |||
| b4de241b10 | |||
| daa7c522f8 | |||
| b40fda6fba | |||
| 6b2f91b267 | |||
| 69351f5dc6 | |||
| 5b791da610 | |||
| 918f7a5323 | |||
| 2900c99c3b | |||
| 64310b3a2b | |||
| c44945ec2f | |||
| 783aecadf2 | |||
| 31c34e4cd6 | |||
| ae44bf8516 | |||
| a00908574f |
@@ -1,39 +1,19 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Plus_Jakarta_Sans } from "next/font/google";
|
|
||||||
import "./globals.css";
|
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const plusJakartaSans = Plus_Jakarta_Sans({
|
|
||||||
variable: "--font-plus-jakarta-sans", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Maxximize - Complete Looksmaxxing & Personal Transformation", description: "Science-backed personal optimization for men. Transform your skin, build muscle, master style, and perfect grooming. 500+ successful transformations. Start your journey today.", keywords: ["looksmaxxing", "personal transformation", "skincare", "fitness coaching", "personal styling", "male grooming", "confidence building"],
|
title: "Maxximize - Transform Your Appearance", description: "Science-backed personal optimization for men. Master skincare, fitness, style, and grooming."
|
||||||
openGraph: {
|
|
||||||
title: "Maxximize - Transform Your Appearance, Elevate Your Confidence", description: "Complete looksmaxxing program combining skincare, fitness, style, and grooming expertise.", type: "website", siteName: "Maxximize", images: [{
|
|
||||||
url: "http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg", alt: "Maxximize transformation showcase"
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "Maxximize - Personal Transformation Made Simple", description: "The complete looksmaxxing system for men who want to level up.", images: ["http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg"]
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body>
|
||||||
<body
|
{children}
|
||||||
className={`${plusJakartaSans.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1401,7 +1381,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
299
src/app/page.tsx
299
src/app/page.tsx
@@ -11,18 +11,126 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
|||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import { Award, CheckCircle, Sparkles, Package } from "lucide-react";
|
import { Award, CheckCircle, Sparkles, Package, Linkedin, Twitter, Instagram, Mail, Users } from "lucide-react";
|
||||||
import { useState } from "react";
|
import React, { useState } from "react";
|
||||||
|
|
||||||
|
const TestimonialCardFlipped = ({ testimonial, onFlip }: { testimonial: any; onFlip: (id: string) => void }) => {
|
||||||
|
const [isFlipped, setIsFlipped] = useState(false);
|
||||||
|
|
||||||
|
const handleMouseEnter = () => {
|
||||||
|
setIsFlipped(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleMouseLeave = () => {
|
||||||
|
setIsFlipped(false);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
onMouseEnter={handleMouseEnter}
|
||||||
|
onMouseLeave={handleMouseLeave}
|
||||||
|
className="h-full"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="relative w-full h-full transition-transform duration-500 preserve-3d"
|
||||||
|
style={{
|
||||||
|
transformStyle: 'preserve-3d',
|
||||||
|
transform: isFlipped ? 'rotateY(180deg)' : 'rotateY(0deg)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* Front side */}
|
||||||
|
<div
|
||||||
|
className="absolute w-full h-full bg-card rounded-theme p-6 flex flex-col justify-between border border-accent/20"
|
||||||
|
style={{
|
||||||
|
backfaceVisibility: 'hidden',
|
||||||
|
WebkitBackfaceVisibility: 'hidden',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<p className="text-foreground mb-6 text-sm leading-relaxed">{testimonial.testimonial}</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
{testimonial.imageSrc && (
|
||||||
|
<img
|
||||||
|
src={testimonial.imageSrc}
|
||||||
|
alt={testimonial.imageAlt || testimonial.name}
|
||||||
|
className="w-12 h-12 rounded-full object-cover"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<div>
|
||||||
|
<p className="font-semibold text-foreground text-sm">{testimonial.name}</p>
|
||||||
|
<p className="text-accent text-xs">{testimonial.role}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Back side */}
|
||||||
|
<div
|
||||||
|
className="absolute w-full h-full bg-primary-cta rounded-theme p-6 flex flex-col items-center justify-center gap-6 border border-accent/20"
|
||||||
|
style={{
|
||||||
|
backfaceVisibility: 'hidden',
|
||||||
|
WebkitBackfaceVisibility: 'hidden',
|
||||||
|
transform: 'rotateY(180deg)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<p className="text-primary-cta-text font-semibold text-center text-sm">Connect with {testimonial.name}</p>
|
||||||
|
<div className="flex gap-4">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
className="text-primary-cta-text hover:opacity-80 transition-opacity"
|
||||||
|
title="LinkedIn"
|
||||||
|
>
|
||||||
|
<Linkedin size={24} />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
className="text-primary-cta-text hover:opacity-80 transition-opacity"
|
||||||
|
title="Twitter"
|
||||||
|
>
|
||||||
|
<Twitter size={24} />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
className="text-primary-cta-text hover:opacity-80 transition-opacity"
|
||||||
|
title="Instagram"
|
||||||
|
>
|
||||||
|
<Instagram size={24} />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
className="text-primary-cta-text hover:opacity-80 transition-opacity"
|
||||||
|
title="Email"
|
||||||
|
>
|
||||||
|
<Mail size={24} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
const [flipped, setFlipped] = useState<{ [key: string]: boolean }>({});
|
const testimonialData = [
|
||||||
|
{
|
||||||
const toggleFlip = (id: string) => {
|
id: "1", name: "Marcus T.", role: "Software Engineer", testimonial: "I went from feeling invisible to commanding attention in any room. The skincare protocol cleared my skin, the training program built muscle, and the style guidance transformed how people perceive me. Best investment I've made.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Marcus after transformation"
|
||||||
setFlipped(prev => ({
|
},
|
||||||
...prev,
|
{
|
||||||
[id]: !prev[id]
|
id: "2", name: "James K.", role: "Sales Executive", testimonial: "Within 8 weeks, my confidence skyrocketed. Clients and colleagues noticed the change immediately. The comprehensive approach meant I didn't have to figure it out alone—every pillar was covered professionally.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James after transformation"
|
||||||
}));
|
},
|
||||||
};
|
{
|
||||||
|
id: "3", name: "Derek M.", role: "Entrepreneur", testimonial: "This isn't just about looking better; it's about becoming the best version of yourself. The accountability and expert guidance made all the difference. I recommend Maxximize to every serious man.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=1", imageAlt: "Derek after transformation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4", name: "Ryan P.", role: "Marketing Manager", testimonial: "The transformation exceeded my expectations. Clear skin, visible muscle, sharp style, and grooming expertise—I feel like a completely new person. This program delivers.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=2", imageAlt: "Ryan after transformation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "5", name: "Alex V.", role: "Fitness Professional", testimonial: "Even as someone in the fitness industry, I learned so much about the holistic approach to personal optimization. The skincare and style components I was missing have made a huge difference.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Alex after transformation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "6", name: "Chris N.", role: "Consultant", testimonial: "The most comprehensive looksmaxxing program available. Not just gym hacks or skincare tips—this is a complete system. Worth every penny and then some.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=3", imageAlt: "Chris after transformation"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
@@ -53,19 +161,35 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<div className="relative">
|
||||||
logoText="MAXXIMIZE"
|
<HeroLogoBillboard
|
||||||
description="Transform your appearance, elevate your confidence, dominate your potential. We combine science-backed optimization across skincare, fitness, style, and grooming to unlock your best self."
|
logoText="MAXXIMIZE"
|
||||||
buttons={[
|
description="Transform your appearance, elevate your confidence, dominate your potential. We combine science-backed optimization across skincare, fitness, style, and grooming to unlock your best self."
|
||||||
{ text: "Begin Your Transformation", href: "#contact" },
|
buttons={[
|
||||||
{ text: "Explore Services", href: "#services" }
|
{ text: "Begin Your Transformation", href: "#contact" },
|
||||||
]}
|
{ text: "Explore Services", href: "#services" }
|
||||||
background={{ variant: "sparkles-gradient" }}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
imageAlt="Confident transformation showcase"
|
imageSrc="http://img.b2bpic.net/free-photo/slim-sexy-blonde-young-sportswoman-with-athletic-body-pumped-press-poses-gym-looking-camera-black-sportswear-full-length-portrait_7502-8729.jpg"
|
||||||
mediaAnimation="slide-up"
|
imageAlt="Confident transformation showcase"
|
||||||
frameStyle="card"
|
mediaAnimation="slide-up"
|
||||||
/>
|
frameStyle="card"
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/* Glassy card overlay - positioned in front of hero image */}
|
||||||
|
<div className="absolute bottom-0 md:bottom-8 right-6 md:right-12 w-72 md:w-80 z-20">
|
||||||
|
<div className="backdrop-blur-md bg-white/10 border border-white/20 rounded-2xl p-6 md:p-8 shadow-2xl">
|
||||||
|
<div className="flex items-center gap-3 mb-3">
|
||||||
|
<div className="text-white">
|
||||||
|
<Users size={24} />
|
||||||
|
</div>
|
||||||
|
<h3 className="text-white font-semibold text-lg">Trusted by</h3>
|
||||||
|
</div>
|
||||||
|
<p className="text-white/90 text-2xl md:text-3xl font-bold">200+</p>
|
||||||
|
<p className="text-white/80 text-sm">Successful Clients</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
@@ -163,124 +287,19 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<div className="w-content-width mx-auto py-20">
|
<div className="w-full py-20 px-6">
|
||||||
<div className="text-center mb-16">
|
<div className="w-full max-w-7xl mx-auto">
|
||||||
<h2 className="text-5xl font-semibold text-foreground mb-4">Client Success Stories</h2>
|
<div className="text-center mb-12">
|
||||||
<p className="text-xl text-foreground opacity-75">Real transformations from real men who took control of their image. Hover over cards to see their social media links.</p>
|
<h2 className="text-4xl md:text-5xl font-semibold text-foreground mb-4">Client Success Stories</h2>
|
||||||
</div>
|
<p className="text-foreground/70 text-lg">Real transformations from real men who took control of their image.</p>
|
||||||
|
</div>
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 auto-rows-max">
|
||||||
{[
|
{testimonialData.map((testimonial) => (
|
||||||
{
|
<div key={testimonial.id} className="h-80">
|
||||||
id: "1", name: "Marcus T.", role: "Software Engineer", testimonial: "I went from feeling invisible to commanding attention in any room. The skincare protocol cleared my skin, the training program built muscle, and the style guidance transformed how people perceive me. Best investment I've made.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Marcus after transformation", socialLinks: [
|
<TestimonialCardFlipped testimonial={testimonial} onFlip={() => {}} />
|
||||||
{ platform: "Instagram", url: "https://instagram.com" },
|
|
||||||
{ platform: "LinkedIn", url: "https://linkedin.com" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", name: "James K.", role: "Sales Executive", testimonial: "Within 8 weeks, my confidence skyrocketed. Clients and colleagues noticed the change immediately. The comprehensive approach meant I didn't have to figure it out alone—every pillar was covered professionally.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James after transformation", socialLinks: [
|
|
||||||
{ platform: "Twitter", url: "https://twitter.com" },
|
|
||||||
{ platform: "LinkedIn", url: "https://linkedin.com" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", name: "Derek M.", role: "Entrepreneur", testimonial: "This isn't just about looking better; it's about becoming the best version of yourself. The accountability and expert guidance made all the difference. I recommend Maxximize to every serious man.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=1", imageAlt: "Derek after transformation", socialLinks: [
|
|
||||||
{ platform: "Instagram", url: "https://instagram.com" },
|
|
||||||
{ platform: "Twitter", url: "https://twitter.com" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4", name: "Ryan P.", role: "Marketing Manager", testimonial: "The transformation exceeded my expectations. Clear skin, visible muscle, sharp style, and grooming expertise—I feel like a completely new person. This program delivers.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=2", imageAlt: "Ryan after transformation", socialLinks: [
|
|
||||||
{ platform: "LinkedIn", url: "https://linkedin.com" },
|
|
||||||
{ platform: "Instagram", url: "https://instagram.com" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5", name: "Alex V.", role: "Fitness Professional", testimonial: "Even as someone in the fitness industry, I learned so much about the holistic approach to personal optimization. The skincare and style components I was missing have made a huge difference.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Alex after transformation", socialLinks: [
|
|
||||||
{ platform: "Twitter", url: "https://twitter.com" },
|
|
||||||
{ platform: "LinkedIn", url: "https://linkedin.com" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6", name: "Chris N.", role: "Consultant", testimonial: "The most comprehensive looksmaxxing program available. Not just gym hacks or skincare tips—this is a complete system. Worth every penny and then some.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=3", imageAlt: "Chris after transformation", socialLinks: [
|
|
||||||
{ platform: "Instagram", url: "https://instagram.com" },
|
|
||||||
{ platform: "LinkedIn", url: "https://linkedin.com" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
].map((testimonial) => (
|
|
||||||
<div
|
|
||||||
key={testimonial.id}
|
|
||||||
className="h-96 cursor-pointer perspective"
|
|
||||||
onClick={() => toggleFlip(testimonial.id)}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className="relative w-full h-full transition-transform duration-500 transform-gpu"
|
|
||||||
style={{
|
|
||||||
transformStyle: 'preserve-3d',
|
|
||||||
transform: flipped[testimonial.id] ? 'rotateY(180deg)' : 'rotateY(0deg)'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{/* Front of card */}
|
|
||||||
<div
|
|
||||||
className="absolute w-full h-full bg-card rounded-theme p-6 flex flex-col justify-between border border-accent/20 shadow-lg"
|
|
||||||
style={{
|
|
||||||
backfaceVisibility: 'hidden'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div>
|
|
||||||
<div className="w-16 h-16 rounded-full overflow-hidden mb-4 mx-auto">
|
|
||||||
<img
|
|
||||||
src={testimonial.imageSrc}
|
|
||||||
alt={testimonial.imageAlt}
|
|
||||||
className="w-full h-full object-cover"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<h3 className="text-lg font-semibold text-foreground text-center mb-1">
|
|
||||||
{testimonial.name}
|
|
||||||
</h3>
|
|
||||||
<p className="text-sm text-foreground/75 text-center mb-4">
|
|
||||||
{testimonial.role}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p className="text-foreground/90 text-sm leading-relaxed text-center flex-grow flex items-center">
|
|
||||||
"{testimonial.testimonial}"
|
|
||||||
</p>
|
|
||||||
<p className="text-xs text-accent text-center mt-4 opacity-75">
|
|
||||||
Click to see social links →
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Back of card */}
|
|
||||||
<div
|
|
||||||
className="absolute w-full h-full bg-gradient-to-br from-primary-cta/90 to-accent/90 rounded-theme p-6 flex flex-col justify-center items-center border border-accent shadow-lg"
|
|
||||||
style={{
|
|
||||||
backfaceVisibility: 'hidden',
|
|
||||||
transform: 'rotateY(180deg)'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<h3 className="text-lg font-semibold text-white mb-6 text-center">
|
|
||||||
Connect with {testimonial.name.split(' ')[0]}
|
|
||||||
</h3>
|
|
||||||
<div className="flex flex-col gap-3 w-full">
|
|
||||||
{testimonial.socialLinks.map((link) => (
|
|
||||||
<a
|
|
||||||
key={link.platform}
|
|
||||||
href={link.url}
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
className="w-full py-2 px-4 bg-white/20 hover:bg-white/30 text-white rounded-lg text-center text-sm font-medium transition-colors duration-200"
|
|
||||||
>
|
|
||||||
{link.platform}
|
|
||||||
</a>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
<p className="text-xs text-white/75 text-center mt-6">
|
|
||||||
Click to flip back ←
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
))}
|
||||||
))}
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user