"use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { CheckCircle, Clock, Shield, AlertTriangle, Droplets, Phone, Mail, Heart, } from "lucide-react" import Link from "next/link" type Phase = { phase: string icon: any color: string bgColor: string steps: string[] } const generalAftercare: Record = { immediate: { phase: "Immediate Aftercare", icon: Clock, color: "text-red-400", bgColor: "bg-red-950/20 border-red-900/30", steps: [ "Keep the bandage or dressing on for 1 to 4 hours to prevent exposure to airborne bacteria.", "Wash your hands thoroughly before removing the bandage.", "Remove the bandage gently and cleanse your tattoo using lukewarm water and mild, unscented antibacterial soap.", "Pat dry with a clean paper towel — never touch your tattoo unless you have just washed your hands.", "Apply a very light layer of the recommended aftercare product or fragrance-free lotion.", ], }, general: { phase: "General Aftercare", icon: Shield, color: "text-yellow-400", bgColor: "bg-yellow-950/20 border-yellow-900/30", steps: [ "Cleanse your tattoo multiple times a day with lukewarm water and antibacterial soap.", "Apply a thin layer of ointment or lotion to keep your tattoo moisturized.", "After the first few days, transition to a non-scented lotion.", "Avoid wearing tight clothing over your tattoo.", "Avoid immersing your tattoo in pools, oceans, lakes, or hot tubs for 2–4 weeks.", "Minimize activities that lead to excessive sweating and sun exposure.", "Do not pick, peel, or scratch scabbing or hardened layers.", ], }, longterm: { phase: "Long-term Aftercare", icon: Heart, color: "text-green-400", bgColor: "bg-green-950/20 border-green-900/30", steps: [ "Always use a minimum of SPF 30 sunblock to protect your tattoo from UV rays.", "Keep your tattoos well-moisturized, especially in areas prone to fading (hands, feet, knees, elbows).", "The outermost layer of skin typically takes 2–3 weeks to heal.", "Complete healing may take up to 6 months.", "Ongoing care will contribute to the longevity and vibrancy of your tattoo.", ], }, } const transparentBandage: Record = { removal: { phase: "Bandage Removal", icon: Droplets, color: "text-blue-400", bgColor: "bg-blue-950/20 border-blue-900/30", steps: [ "Remove bandage in the shower for added comfort — running water helps adhesive detachment.", "Peel back in the direction of hair growth.", "Wash hands before handling your tattoo.", "Cleanse with lukewarm water and mild antibacterial soap multiple times a day.", "If the tattoo feels slippery, carefully remove excess plasma to avoid scab formation.", "Air dry or gently pat with a paper towel.", ], }, reapply: { phase: "Bandage Reapplication (If Advised)", icon: Shield, color: "text-purple-400", bgColor: "bg-purple-950/20 border-purple-900/30", steps: [ "DO NOT apply ointments or lotions unless directed by your artist.", "Apply the bandage only to the tattoo, avoiding surrounding skin.", "Cut and trim to fit with ~1 inch around all sides (rounded edges adhere better).", "Keep the new bandage on for 3–6 days unless your artist advises otherwise.", "Remove earlier if irritation, fluid buildup, or loosening occurs.", "Avoid reapplying once the tattoo enters the scabbing or flaking phase.", ], }, } const infectionWarning = [ "Increased redness or swelling that spreads beyond the tattoo", "Pain when touching the tattoo or a throbbing sensation", "Sensation of heat from the tattoo area", "Yellow or green discharge with offensive odor", "Fever or chills", "Red streaking from the tattoo", "Excessive swelling after the first day", "Signs of allergic reaction", ] export function AftercarePage() { const [tab, setTab] = useState<"general" | "transparent">("general") return (
{/* Hero / Header */}

Tattoo Aftercare

Proper aftercare is crucial for the healing and longevity of your new tattoo. Follow these instructions carefully to ensure the best results.

{/* Licensing Notice */}
United Tattoo is proudly licensed by the El Paso County Health Department and fully supports health department regulations to protect the health of our customers.
{/* Tabs: General vs Transparent Bandage */}
setTab(v as any)} className="w-full"> General Tattoo Aftercare Transparent Bandage Aftercare {/* General Aftercare */}
{Object.values(generalAftercare).map((phase, idx) => { const Icon = phase.icon return ( {phase.phase}
    {phase.steps.map((s, i) => (
  • {s}
    • ))}
) })}
{/* Transparent Bandage */}
{Object.values(transparentBandage).map((phase, idx) => { const Icon = phase.icon return ( {phase.phase}
    {phase.steps.map((s, i) => (
  • {s}
    • ))}
) })}
{/* Infection Warning */}
Signs of Infection — Seek Medical Attention
{infectionWarning.map((sign, i) => (
{sign}
))}
Important If you experience any of these symptoms, contact our studio immediately at{" "} (719) 698-9004 {" "} or seek urgent medical attention.
{/* Healing Timeline */}
Surface Healing

2–3 Weeks

The outermost layer of skin typically heals in 2–3 weeks. Continue following aftercare during this time.

Deep Healing

2–4 Months

Deeper layers of skin continue healing. Maintain a consistent moisturizing routine.

Complete Healing

Up to 6 Months

Full healing may take up to 6 months. Protect with SPF and keep moisturized.

{/* Contact / Help */}

Questions?

Reach out if you have any aftercare questions or concerns. We’re here to help.

) }