Remix

Make your own version of RG Kimya Store

Edit the prompt below and generate a customized version in seconds.

Original by Cemil KILIÇ

Describe your app

[3 Screenshot(s)] You are an elite principal software engineer, solutions architect, UX lead, i18n expert, and secure payment systems engineer.

Build/fix a real production-grade corporate e-commerce website for:
Brand: RG Kimya Temizlik Ürünleri
Industry: Cleaning products (wholesale + retail)
This is a real commercial project, not a demo.

GOAL
Perform a full top-to-bottom audit of the current site, fix all defects, modernize UX/UI, harden security, and deliver a fully operational multilingual e-commerce platform where real customers can order products online without errors.

CRITICAL ISSUES TO SOLVE
1) Header must be significantly upgraded (modern, sticky, responsive, accessible).
2) Language system is broken; fully repair it.
3) Add and support these languages: Turkish (default), English, German, Arabic, Russian.
4) On language switch, translate everything EXCEPT proper nouns/brand-specific names.
5) Brand logo must be at top-left and always route to Home when clicked.
6) Contact maps must show this exact address:
   “Güneşli Mah. Bilgin Sk. No: 5/A Elbistan / Kahramanmaraş, Türkiye”
7) Fix current privacy-like error during purchase attempt.
8) Cart and checkout must be stable and fully functional.
9) Add configurable minimum order amount and enforce it.
10) Remove cash on delivery entirely; allow ONLINE PAYMENT ONLY.

BUSINESS / CONTACT DATA
- Brand: RG Kimya Temizlik Ürünleri
- Statements: “Toptan ve Perakende Satış”, “Yerli Üretim”
- Contact person: Yavuz Selim KÜMBER
- Phones: 0551 213 76 87, 0531 673 68 01
- Full address: Güneşli Mah. Bilgin Sk. No: 5/A Elbistan / Kahramanmaraş, Türkiye

IMAGES & LOGO MAPPING
I will provide brand logo and product images as attachments in GenMB.
You must:
- Match each product with the most suitable image.
- Use best quality image as primary; use others as gallery/fallback.
- Ensure no product is left without an image.
- Avoid wrong image-product mapping.
- Optimize image loading and responsive display.
- Use brand logo in header (top-left), favicon, and branding blocks.

REQUIRED SITE MAP
- Home
- Products (catalog)
- Product detail
- Cart
- Checkout (online payment only)
- Order success
- Order failure/retry
- About
- Contact
- Privacy Policy
- Terms & Conditions
- KVKK / Data Protection
- Distance Sales Agreement
- Pre-Information Form
- 404 page
- Global error fallback page

UI/UX REQUIREMENTS
Design: modern, minimal, clean, corporate, trust-building.
Color direction: white/light backgrounds, dark text, red brand accents.
Requirements:
- Sticky header with compact mode on scroll
- Utility row (phones + language switch)
- Main nav with active states
- Cart icon with live quantity badge
- Mobile hamburger drawer with strong usability
- Keyboard accessibility and focus states
- Touch-friendly controls and ergonomic spacing
- Strong CTA hierarchy and clean footer

PRODUCT EXPERIENCE
- Catalog search + filters + sorting
- Support A Kalite / B Kalite presentation
- Variant-aware pricing and selection (1KG, 5KG, 30KG where available)
- Unavailable/zero-price variants disabled
- Product detail must include:
  - image gallery
  - short description
  - usage area
  - key benefit
  - safety/caution note (professional generic)
- Add meaningful descriptions for ALL products (not title-only cards)

I18N (FULL IMPLEMENTATION)
Locales: tr (default), en, de, ar, ru
- Language switch must work on all pages/components/forms/errors.
- Persist chosen locale via local storage or cookie.
- Avoid hydration flicker and mixed-language states.
- No raw translation keys shown in UI.
- Translate all microcopy, buttons, validations, legal labels, cart/checkout states.
Do NOT translate proper nouns:
- RG Kimya Temizlik Ürünleri
- Yavuz Selim KÜMBER
- exact address text
- product identity names when used as fixed identity (Domestos, Hipo, Cif, Sarı Güç)
Arabic:
- Full RTL support (direction, spacing, icon behavior where needed)

E-COMMERCE CORE LOGIC
- Persistent cart
- Correct pricing math (line total, subtotal, tax, shipping, grand total)
- Variant selection required when applicable
- Robust checkout validations with localized messages
- Configurable minimum order amount key (e.g., MIN_ORDER_AMOUNT_TRY)
- Block payment below minimum and show clear warning
- Enforce client-side and server-side

PAYMENT / DYNAMIC POS (ONLINE ONLY)
Implement provider-agnostic secure payment architecture:
- createPaymentIntent(orderPayload)
- initialize3DSecure(paymentIntent)
- confirmPayment(callbackPayload)
- verifyPaymentServerSide(transactionRef)
- finalizeOrderIfPaid()
- handlePaymentFailure()
- idempotencyProtection(orderKey)

Security requirements:
- No plain card storage
- Tokenized/hosted field approach
- Server-side verification mandatory
- CSRF protections
- Rate limiting on payment/checkout APIs
- Strict input validation and sanitization
- Order amount tamper checks
- Safe audit logs
- Secrets via environment variables only
- Duplicate-charge prevention and retry-safe handling

Payment state model:
initiated, pending_3ds, authorized, paid, failed, canceled, refunded (future-ready)

PURCHASE BUG FIX (PRIVACY-LIKE ERROR)
Diagnose and fix completely. Check for:
- consent logic mismatch
- CSRF/session/CORS issues
- client-server payload/schema mismatch
- stale checkout state
- i18n key crash on policy texts
- duplicate submit race conditions
Final outcome: user can complete real end-to-end order flow successfully.

CONTACT PAGE + MAP
- Display exact full address text
- Embed map centered to exact address with marker pin
- “Open in Google Maps” button with encoded full address query
- Click-to-call phone links
- Mobile responsive map container without overflow

LEGAL/TRUST/COMPLIANCE
Add and connect:
- Privacy Policy
- Terms & Conditions
- KVKK-style Data Protection text
- Distance Sales Agreement
- Pre-Information Form
Checkout must include required localized consent checkboxes linked to legal pages.

PERFORMANCE, ACCESSIBILITY, SEO
Performance:
- image optimization + lazy loading
- prevent layout shift
- efficient component loading
Accessibility:
- semantic HTML landmarks
- labels/ARIA where needed
- keyboard navigation
- visible focus indicators
- sufficient contrast
SEO:
- page-level meta titles/descriptions
- Open Graph tags
- proper heading hierarchy
- sitemap/robots-ready foundation

QUALITY REQUIREMENTS
- No broken links/routes/buttons
- No placeholder lorem ipsum in final
- No untranslated or mixed-language glitches
- No critical runtime errors
- Clear error/loading/empty states
- Clean reusable component architecture
- Stable state management for locale/cart/checkout/payment

MANDATORY ACCEPTANCE CHECKLIST
1. Header redesigned and responsive.
2. Logo top-left + home navigation works.
3. TR/EN/DE/AR/RU switching works globally.
4. Proper nouns remain untranslated.
5. Arabic RTL works correctly.
6. Each product has image + description + valid variant pricing behavior.
7. Cart persistence and calculations are accurate.
8. Minimum order amount enforced on both client and server.
9. Cash on delivery removed; online payment only.
10. Privacy-like checkout error fully resolved.
11. Contact map shows exact address and marker.
12. Legal pages and checkout consents implemented.
13. Real user can browse → add to cart → checkout → pay online → receive order success.

DELIVERY EXPECTATION
Provide a complete, launch-ready, secure, multilingual corporate e-commerce implementation with no blocking defects, no fake buttons, no incomplete payment flow, and no unfinished sections.

Free to use. No credit card required.