Here is a comprehensive website development prompt tailored for SJ Mobile Hub. It extracts all the branding details, contact info, and services from your images and structures them into a clear instruction set that you can feed into an AI web builder (like Lovable, Bolt.new, v0) or hand over to a developer.
Website Development Prompt
Project Overview: Create a modern, sleek, and highly professional single-page landing website for a premium mobile repair and service shop named SJ Mobile Hub.
1. Design & Aesthetic Guidelines
- Color Palette: Premium dark mode. Primary background should be Pure Black (
#000000) or deep charcoal. Accent colors must be a vibrant Golden Yellow (matching the logo) and White for high contrast and readability.
- Typography: Bold, clean, modern sans-serif fonts. The business name "MOBILE HUB" should look striking, massive, and tech-forward.
- Theme: High-tech, circuit-board accents (subtle, inspired by the circular logo design), clean borders, and minimalist iconography.
2. Layout Structure & Sections
Header / Hero Section
- Brand Placement: Feature the circular "SJ MOBILE HUB" logo prominently alongside the large text banner MOBILE HUB.
- Headline: "Your Ultimate Destination for Mobile Repairs, Software, & Accessories."
- Sub-headline: "Professional fixing for your premium devices. Fast, reliable, and expert service."
- Instagram Handle / Credential: Include phone_fixer_jay subtly near the top or hero section.
Services Section (Grid Cards)
Create 4 distinct service cards with minimalist yellow line icons matching the business card:
- Unlocking: Network unlocks, passcode removals, and account bypasses.
- Repairs: Hardware fixes, screen replacements, battery swaps, and component repairs (featuring a gear/wrench icon).
- Software: OS flashing, software updates, bootloop fixes, and data recovery (featuring a monitor/restore icon).
- Accessories: Premium headphones, cases, chargers, and tempered glass (featuring a headphone icon).
Supported Brands Section
Display a clean, scrolling marquee or a grid of official white logos for the supported brands:
- iPhone (Apple) | Oppo | Vivo | OnePlus | Google Pixel | Samsung | Nokia
Contact & Call to Action (CTA)
- A "Get a Quote / Contact Us" section that stands out.
- Phone Numbers: Display prominently with click-to-call functionality:
- Social Handle: Include a clickable link to the Instagram profile phone_fixer_jay.
3. Technical & UX Requirements
- Fully Responsive: Must be flawlessly optimized for mobile screens (since most users looking for phone repairs will be browsing on a mobile device).
- Animations: Smooth hover effects on the service cards (e.g., slight glow or lift effect) and a fade-in animation for the hero section.
- Interactive Elements: Instant "Call Now" buttons for the mobile version that trigger t
he device's dialer immediately.