rising-act

byНикола Разсадов

Act as a world-class senior UI/UX designer, web developer, conversion copywriter, brand strategist, SEO specialist, and AI website prompt engineer. Build a complete premium multi-page website for: BUSINESS: Автосервиз Red Auto CATEGORY: Автомобилен сервиз ADDRESS: Каменарски Дол, Приморски, бул. „Христо Смирненски“ 292А, 9003 Варна, България PHONE: 087 777 4863 GOOGLE RATING: 3.7/5 from 10 reviews GOOGLE MAPS PLUS CODE: 6WGG+MH Варна CURRENT WEBSITE: None listed IMPORTANT: The output must be the website itself, not an explanation. Use only verified information. Never invent staff, experience, certifications, prices, warranties, services, opening hours, email, social links, awards, equipment, or claims such as "best", "cheapest", or "fastest". The supplied Google Maps data is the source of truth. The only hours information available is "Отваря скоро · 08:30 ч."; do not invent a full schedule. ## BRAND & POSITIONING Position Red Auto as a serious, modern, dependable automotive service in Varna. Based on reviews, emphasize: * Fast attention and willingness to help * Attention to detail * Practical solutions and advice * Diagnostics and repairs * Quick parts sourcing when required * Accessible/good-value service * English communication * Help with language barriers Target: Local car owners in Varna, people needing diagnostics/repairs, and foreign residents/visitors who value clear communication. Desired emotions: Trust, competence, speed, relief, professionalism. Primary conversion: Phone call. Secondary: contact form. Tertiary: directions to the garage. ## FRONTEND AESTHETIC Commit fully to an "Industrial Automotive Luxury" aesthetic. The website should feel like a premium European automotive brand, not a generic mechanic template. ONE MEMORABLE ELEMENT: "Red Auto looks serious, professional, and ready to solve my car problem." Use: * Dark graphite/near-black background * Off-white typography * Strategic automotive red accents * Metallic gradients * Grain/noise texture * Subtle technical grid * Layered transparency * Fine borders * Dramatic but controlled shadows * Atmospheric automotive photography Avoid: * Generic blue mechanic designs * Purple gradients * Flat backgrounds * Cookie-cutter centered layouts * Generic card grids * Excessive red * Cheap stock imagery * Inter, Roboto, Arial, Space Grotesk, or system fonts Typography: Use a distinctive condensed display font such as Barlow Condensed or Oswald with a refined body font such as Manrope or DM Sans. Use asymmetry, overlap, oversized typography, editorial layouts, negative space, full-bleed imagery, technical labels and layered sections. ## MOTION Create a cinematic experience using: * Smooth scrolling * Staggered page-load reveals * Scroll-triggered text/image reveals * Image masks * Subtle parallax * Animated statistics * Section transitions * Hover micro-interactions * Button animations * Gallery zoom * Scroll progress indicator Motion must feel fast, premium and intentional. Respect prefers-reduced-motion. ## HOMEPAGE Create a cinematic long-scroll homepage. ### Hero Full-screen hero with realistic premium automotive/workshop photography. Headline direction: "ПРОБЛЕМ С КОЛАТА? ДА ГО РЕШИМ." Alternative: "ПРОФЕСИОНАЛНА ГРИЖА ЗА ВАШИЯ АВТОМОБИЛ." Supporting copy should communicate practical automotive service, diagnostics and repairs in Varna. Display prominently: 087 777 4863 Варна · бул. „Христо Смирненски“ 292А CTAs: "ОБАДИ СЕ" "УПЪТВАНИЯ" Add subtle technical overlays such as RED AUTO / VARNA / AUTOMOTIVE SERVICE without fake coordinates. ### Trust Strip Show honestly: 3.7 / 5 10 Google отзива Also highlight: "Бърза реакция" "Внимание към детайла" "Практични решения" ### Intro Create an editorial section around: "Когато автомобилът има проблем, важното е да знаете към кого да се обърнете." ### Services Preview Only include services supported by the supplied information: * Автомобилна диагностика * Автомобилни ремонти * Смяна на автомобилни компоненти * Ремък и обтегач / component replacement * Консултация и техническа помощ Do not invent unrelated services. ### Why Red Auto Headline: "ПО-МАЛКО ГУБЕНЕ НА ВРЕМЕ. ПОВЕЧЕ РЕАЛНИ РЕШЕНИЯ." Highlight attention to detail, practical advice, diagnostics, parts sourcing, helpful communication and multilingual assistance. ### Process Create: 01 Свържете се 02 Диагностика 03 Решение и ремонт 04 Готов автомобил Do not promise specific repair times. ### Reviews Show the rating honestly and create a premium testimonial slider/grid. Use only these supplied 5-star reviews: K Ilchev: "Great service everytime! Immediate attention to detail and ready to assist if available. Great solutions and advice! Recommend to all!" uwe Schröder: "Отлично. Дори ми помогнаха с езикови затруднения (говоря само немски). Диагностиката и ремонтът бяха извършени без никакви проблеми. Достъпно и много добро обслужване. Горещо препоръчвам!" Dmitriy Milas: "Смениха ми ремъка и обтегача на алтернатора. Доставиха частите бързо и ги подмениха. Механикът говори английски." Do not fabricate reviews or imply these represent all 10 reviews. ### Final CTA "ИМАТЕ ПРОБЛЕМ С АВТОМОБИЛА?" "Свържете се с Red Auto и обсъдете как можем да помогнем." Show phone, address and interactive Google Maps. ## ABOUT PAGE Create /about. Include: * Who We Are * How We Work * Customer-focused approach * Attention to detail * Practical solutions * Communication * Real customer proof Do not invent a founding story, team, years of experience or certifications. Use: "Слушаме. Диагностицираме. Обясняваме. Решаваме." ## SERVICES PAGE Create /services with detailed sections for: 1. Автомобилна диагностика 2. Автомобилни ремонти 3. Смяна на автомобилни компоненти 4. Части и снабдяване 5. Консултация и техническа помощ Every service includes: * Name * Description * Customer problem * Benefits * CTA Use the supplied reviews as proof where relevant. ## INDIVIDUAL SERVICE PAGES Create dedicated pages for the main services, at minimum: * /services/diagnostika * /services/avtomobilni-remonti * /services/smyana-na-komponenti Each page: Hero → Problem → Solution → Process → Benefits → Visual/Gallery → Relevant review → FAQ → CTA. Never invent technical capabilities or guarantees. ## REVIEWS PAGE Create /reviews. Hero: "РЕАЛНИ ДУМИ ОТ РЕАЛНИ КЛИЕНТИ." Display: 3.7 / 5 10 Google reviews Use the three supplied 5-star reviews authentically with customer names and Google attribution. Do not fabricate additional testimonials or modify the overall rating. ## GALLERY PAGE Create /gallery with: * Premium masonry/editorial layout * Categories * Hover effects * Lightbox * Mobile swipe * Before/after slider support No actual business photos were supplied. Use clearly replaceable premium automotive/workshop placeholders and never imply they are Red Auto's actual work. ## CONTACT PAGE Create /contact. Display: Phone: 087 777 4863 Address: бул. „Христо Смирненски“ 292А, Каменарски Дол, Приморски, 9003 Варна Hours: "Проверете актуалното работно време в Google Maps." Contact form: * Име * Телефон * Имейл (optional) * Как можем да помогнем? * Съобщение CTA: "ИЗПРАТИ ЗАПИТВАНЕ" Also include: "ПОЗВЪНЕТЕ: 087 777 4863" "УПЪТВАНИЯ" Add interactive Google Maps centered on the supplied address. ## NAVIGATION Sticky glassmorphism header. Desktop: RED AUTO Начало | За нас | Услуги | Галерия | Отзиви | Контакти CTA: "ОБАДИ СЕ" Header becomes darker/blurred on scroll. Mobile: * Premium hamburger menu * Large touch targets * Persistent call CTA ## FOOTER Include: RED AUTO Автосервиз във Варна Address Phone Navigation Google Maps Privacy Policy placeholder Terms placeholder Copyright Do not invent social links or email. ## CONVERSION Design every page around contacting Red Auto. Use strategic CTAs: "ОБАДИ СЕ" "ПОЗВЪНЕТЕ" "ИЗПРАТИ ЗАПИТВАНЕ" "УПЪТВАНИЯ" "ВИЖ УСЛУГИТЕ" Place CTAs in hero, after services, after reviews, and at page endings. On mobile prioritize click-to-call. ## SEO Optimize naturally for: * автосервиз Варна * автомобилен сервиз Варна * автомобилна диагностика Варна * ремонт на автомобили Варна * автосервиз Приморски Варна * автосервиз бул. Христо Смирненски Варна Create unique metadata for every page. Homepage title: "Автосервиз Red Auto Варна | Диагностика и Ремонт" Use: * Semantic HTML * One H1 per page * Logical H2/H3 structure * Image alt text * Open Graph metadata * Canonical URLs * LocalBusiness structured data * Breadcrumbs where useful Never keyword-stuff or fabricate schema information. ## TECHNICAL REQUIREMENTS Build production-quality: * Next.js/React * TypeScript * Tailwind CSS or clean modular CSS * Motion/Framer Motion where useful * Reusable components * Mobile-first responsive design * Fast loading * Optimized WebP/AVIF images * Lazy loading * Minimal layout shift * Accessible forms * Keyboard navigation * Visible focus states * Proper contrast * Reduced-motion support * SEO-ready architecture Create reusable Header, Footer, Hero, CTA, ServiceCard, ReviewCard, Gallery, ContactForm, Map and Reveal components. Keep business content editable. ## FINAL QUALITY BAR The final result must look like a €10,000+ professional agency website. It must feel: Premium · Automotive · Technical · Cinematic · Trustworthy · Modern · Distinctive. It must NOT look like: * An AI-generated template * A generic mechanic website * A basic local-business landing page * A cheap WordPress-style site The homepage journey should be: PROBLEM → TRUST → SERVICES → EXPERTISE → REVIEWS → LOCATION → CONTACT Write all customer-facing copy in natural Bulgarian. Build the complete multi-page website according to these specifications.