SalehTech website - v0 by Vercel

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SalehTech</title> <style> body{ margin:0; font-family:Arial, sans-serif; background:#0b0f1a; color:white; } header{ text-align:center; padding:40px 20px; background:linear-gradient(135deg,#111827,#1e3a8a); } header h1{ font-size:42px; margin-bottom:10px; } header p{ font-size:18px; color:#ccc; } .contact-links a{ color:#60a5fa; text-decoration:none; margin:0 10px; font-weight:bold; } .services-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px; padding:40px 20px; } .service-card{ background:#111827; padding:20px; border-radius:20px; box-shadow:0 4px 15px rgba(0,0,0,0.4); transition:0.3s; } .service-card:hover{ transform:translateY(-5px); } .service-card img{ width:100%; height:200px; object-fit:cover; border-radius:15px; margin-bottom:15px; } .service-card h3{ margin-bottom:10px; color:#60a5fa; } .why-us{ padding:40px 20px; text-align:center; } .why-us h2{ margin-bottom:20px; } .why-us ul{ list-style:none; padding:0; } .why-us li{ margin:10px 0; font-size:18px; } .reviews{ padding:50px 20px; text-align:center; } .reviews-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; margin-top:30px; } .review-card{ background:#111827; padding:20px; border-radius:20px; } .contact{ padding:50px 20px; text-align:center; background:#111827; } .contact h2{ margin-bottom:20px; } .contact a{ color:#60a5fa; text-decoration:none; font-size:18px; } footer{ text-align:center; padding:20px; background:#000; color:#888; } </style> </head> <body> <header> <h1>SalehTech</h1> <p> Professional PS4 & PS5 Repairs in Kenya </p> <div class="contact-links"> <a href="https://wa.me/254789910900"> 📞 WhatsApp </a> <a href="https://instagram.com/Saleh_fn_yt"> 📸 Instagram </a> </div> </header>  <div class="services-grid">  <div class="service-card"> <img src="https://images.unsplash.com/photo-1606144042614-b2417e99c4e3?q=80&w=1200&auto=format&fit=crop"> <h3>PS4 & PS5 Cleaning</h3> <p> Deep internal cleaning, dust removal, fan cleaning and thermal paste replacement. </p> </div>  <div class="service-card"> <img src="https://images.unsplash.com/photo-1621259182978-fbf93132d53d?q=80&w=1200&auto=format&fit=crop"> <h3>PS4 & PS5 Controller Fixing</h3> <p> Stick drift repair, charging ports, buttons and controller diagnostics. </p> </div>  <div class="service-card"> <img src="https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1200&auto=format&fit=crop"> <h3>Motherboard Repair</h3> <p> HDMI repair, overheating fixes and motherboard-level troubleshooting. </p> </div> </div>  <div class="why-us"> <h2>Why Choose SalehTech?</h2> <ul> <li>✅ Trusted by 200+ Customers</li> <li>✅ Affordable Prices</li> <li>✅ Fast Repairs</li> <li>✅ Professional Service</li> <li>✅ PS4 & PS5 Specialists</li> </ul> </div>  <div class="reviews"> <h2>⭐ Customer Reviews</h2> <div class="reviews-grid"> <div class="review-card"> <h3>⭐⭐⭐⭐⭐</h3> <p> “Fast and professional service. My PS5 stopped overheating after cleaning.” </p> <strong>- Brian M.</strong> </div> <div class="review-card"> <h3>⭐⭐⭐⭐⭐</h3> <p> “Controller drift fixed perfectly. Works like new again.” </p> <strong>- Kevin O.</strong> </div> <div class="review-card"> <h3>⭐⭐⭐⭐⭐</h3> <p> “Very honest repair technician and affordable prices.” </p> <strong>- Amina K.</strong> </div> <div class="review-card"> <h3>⭐⭐⭐⭐⭐</h3> <p> “HDMI repair done in one day. Highly recommend SalehTech.” </p> <strong>- Yusuf A.</strong> </div> <div class="review-card"> <h3>⭐⭐⭐⭐⭐</h3> <p> “Best PlayStation repair service in Kenya.” </p> <strong>- Hassan M.</strong> </div> </div> </div>  <div class="contact"> <h2>Contact SalehTech</h2> <p> 📞 WhatsApp: <a href="https://wa.me/254789910900"> 0789910900 </a> </p> <p> 📸 Instagram: <a href="https://instagram.com/Saleh_fn_yt"> @Saleh_fn_yt </a> </p> </div> <footer> © 2026 SalehTech - All Rights Reserved </footer> </body> </html>

Show full message

22d ago

I can see you've shared HTML code for a PlayStation repair service website (SalehTech). What would you like me to do with it?

Here are some options:

Convert to Next.js - Turn this into a modern Next.js project with React components
Improve the design - Enhance the visual design while keeping the same structure
Add functionality - Add features like contact forms, service booking, or testimonial submissions
Deploy as-is - Set it up and deploy the current HTML version
Something else - Let me know what you have in mind

Which would you prefer?

22d ago

Can you make me a webisite

22d ago

I'll convert your SalehTech website into a modern Next.js application. Let me first check the existing files and then build your website.

Now I'll update the globals.css with a dark blue color scheme matching your design, update the layout with proper metadata, and create the full page with all sections.

Now let me create the main page with all sections:

I need to add the images domain to the Next.js config to allow the Unsplash images:

The images are set to unoptimized which means they'll work with any external URL. Your SalehTech website is now complete.

I converted your HTML into a modern Next.js application with a dark blue theme matching your original design. The site includes a gradient header with contact buttons, service cards with hover effects, a "Why Choose Us" section with checkmarks, a customer reviews grid, and a contact section. All links to WhatsApp and Instagram are preserved and will open in new tabs.

22d ago

I can see you've shared HTML code for a PlayStation repair service website (SalehTech). What would you like me to do with it?

Here are some options:

Convert to Next.js - Turn this into a modern Next.js project with React components
Improve the design - Enhance the visual design while keeping the same structure
Add functionality - Add features like contact forms, service booking, or testimonial submissions
Deploy as-is - Set it up and deploy the current HTML version
Something else - Let me know what you have in mind

Which would you prefer?

22d ago

Can you make me a webisite

22d ago

I'll convert your SalehTech website into a modern Next.js application. Let me first check the existing files and then build your website.

Now I'll update the globals.css with a dark blue color scheme matching your design, update the layout with proper metadata, and create the full page with all sections.

Now let me create the main page with all sections:

I need to add the images domain to the Next.js config to allow the Unsplash images:

The images are set to unoptimized which means they'll work with any external URL. Your SalehTech website is now complete.

22d ago