updated testimonials and footer

apps/web/src/app/(home)/_components/Testimonials.tsx

@@ -1,42 +1,43 @@
-import React from "react";
-
 const testimonials = [
 	{
-		name: "Alex Chen",
-		role: "Senior Developer",
-		company: "TechCorp",
+		name: "$ user@dev.sh",
+		role: "Senior",
+		company: "TypeScript",
+		avatar: ">_",
 		content:
-			"Better-T Stack has revolutionized our development workflow. The type safety and development experience is unmatched.",
-		avatar: "AC",
+			"The type safety across the entire stack is exactly what I've been looking for. Incredible productivity boost.",
 	},
 	{
-		name: "Sarah Miller",
-		role: "Tech Lead",
-		company: "Innovation Labs",
+		name: "$ sarah@code.io",
+		role: "Lead",
+		company: "Engineer",
+		avatar: "~/",
 		content:
-			"This is the future of full-stack development. The integration between all tools is seamless and intuitive.",
-		avatar: "SM",
+			"Better-T Stack simplified our deployment pipeline and improved our team's development experience tremendously.",
 	},
 	{
-		name: "James Wilson",
-		role: "Frontend Architect",
-		company: "DevForce",
+		name: "$ alex@terminal.dev",
+		role: "Full-Stack",
+		company: "Dev",
+		avatar: "[]",
 		content:
-			"Finally, a stack that prioritizes both developer experience and performance. It's a game-changer.",
-		avatar: "JW",
+			"After switching to Better-T, our build times dropped by 60% and bug reports decreased significantly.",
 	},
 ];
 
 const Testimonials = () => {
 	return (
-		<section className="w-full py-24 px-4 bg-gradient-to-b from-transparent via-gray-900/50 to-transparent backdrop-blur-sm relative z-50">
-			<div className="max-w-6xl mx-auto">
+		<section className="py-20 relative">
+			<div className="absolute inset-0 opacity-90 z-0" />
+
+			<div className="max-w-6xl mx-auto relative z-10">
 				<div className="text-center mb-16">
-					<h2 className="text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-500">
-						Loved by Developers Worldwide
+					<h2 className="text-4xl font-bold text-white">
+						<span className="text-gray-400">$</span> cat testimonials.log
 					</h2>
-					<p className="text-gray-400 mt-4 text-lg">
-						Join thousands of developers crafting the future with Better-T Stack
+					<p className="text-gray-400 mt-4 text-lg font-mono">
+						<span className="text-gray-500">Output:</span> Users reporting
+						success with Better-T Stack
 					</p>
 				</div>
 
@@ -44,31 +45,38 @@ const Testimonials = () => {
 					{testimonials.map((testimonial) => (
 						<div
 							key={testimonial.name}
-							className="group rounded-xl border border-gray-800 bg-gray-900/70 p-6 hover:border-gray-700 transition-colors duration-200"
+							className="group rounded-md border border-gray-800 bg-black/30 p-6 hover:border-blue-500/30 transition-colors duration-200"
 						>
 							<div className="flex items-center space-x-4 mb-4">
 								<div className="shrink-0">
-									<div className="w-10 h-10 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 flex items-center justify-center text-white font-medium">
+									<div className="w-10 h-10 rounded-sm bg-gradient-to-r from-gray-900 to-gray-800 flex items-center justify-center text-gray-300 font-mono">
 										{testimonial.avatar}
 									</div>
 								</div>
 								<div>
-									<h3 className="text-white font-semibold">
-										{testimonial.name}
-									</h3>
-									<p className="text-sm">
-										<span className="text-purple-400">{testimonial.role}</span>
-										<span className="text-gray-500 mx-1">at</span>
-										<span className="text-pink-400">{testimonial.company}</span>
+									<h3 className="text-white font-mono">{testimonial.name}</h3>
+									<p className="text-sm font-mono">
+										<span className="text-gray-400">{testimonial.role}</span>
+										<span className="text-gray-500 mx-1">@</span>
+										<span className="text-gray-400">{testimonial.company}</span>
 									</p>
 								</div>
 							</div>
-							<p className="text-gray-300 leading-relaxed">
+							<p className="text-gray-300 leading-relaxed font-mono border-l-2 border-blue-700 pl-4">
 								{testimonial.content}
 							</p>
 						</div>
 					))}
 				</div>
+
+				<div className="text-center mt-12">
+					<div className="inline-block py-2 px-4 bg-black border border-gray-800 rounded-md">
+						<span className="text-blue-500 font-bold mr-2">$</span>
+						<span className="text-white font-mono">
+							Join the growing community of developers
+						</span>
+					</div>
+				</div>
 			</div>
 		</section>
 	);