"use client"; import React, { useState, useEffect } from "react"; import { motion } from "framer-motion"; import { clsx, type ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; import { Sun, Layers, Info, MousePointer2 } from "lucide-react"; function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } interface SoftShadowProps { text?: string; className?: string; } export default function NeumorphicSoftShadow({ text = "Tactile Interface", className, }: SoftShadowProps) { const [mounted, setMounted] = useState(false); useEffect(() => setMounted(true), []); if (!mounted) return null; return (

{/* Header Metadata */}

Lighting_Engine_v2.0 Uixtra Visual Core

Ambient_Occlusion_ON

{/* The Main Neumorphic Text Composition */}

{/* Soft Glow Background */}

{text}

Interactive Depth Perception

{/* Feature Cards Grid */}

Diffuse Projection

Advanced multi-layered filter logic that simulates complex light bounce on typography for a tactile, physical presence.

Modern Tactility

Moving beyond flat design. This component brings depth and surface awareness to high-end digital environments.

{/* Technical Footer */}

Uixtra_Tactile_Design_Language

); }