חנות לחיות מחמד · דף בית ועמוד מוצר · עברית ו-RTL

כפה

חנות עם אופי: פתיח במסגרת, קטגוריות, מספרים שזזים, וכל קישור בחנות מוביל לעמוד מוצר שמוכר.

תצוגה חיה

מה בנוי בפנים

01
פתיח במסגרת
תמונה עם כותרת על הקיר וכפתור בצורת עצם.
02
קטגוריות
כרטיסים נקיים עם מספר מוצרים.
03
רצועת תמונות ומספרים
זזה לבד ונעצרת במעבר.
04
עמוד מוצר ממיר
חבילות, מנוי, השוואה וביקורות.
05
סל צד ובר רכישה
סל שנפתח מהצד ובר קבוע בנייד.
06
חיפוש ומועדפים
חיפוש תמיד זמין, לב עם פרץ קטן.

אותו אתר. העסק שלכם.

שם החנות

החנות, המוצרים, המחירים והביקורות בתצוגה הם להמחשה. עמוד המוצר מציג מותג לדוגמה שהחנות מוכרת. לפני השקה מחברים סל ותשלום אמיתיים.

איך נוח לכם לבנות?

פותחים מקום לאתר שלכם
נכנסים ל-Lovable עם החשבון שלכם. בשלב הבא מחברים GitHub, וכך האתר עובר כמו שהוא.
מעבירים את הוראות הבנייה
הקבצים עצמם נכתבים ישר למאגר שלכם, אחד לאחד, עם כל התמונות. בלי AI באמצע ובלי קרדיטים.
1 · פותחים פרויקט ריק ב־Lovable ומחברים אותו ל־GitHub
בפרויקט חדש: התפריט שליד שורת הצ׳אט, GitHub, Connect project, ואז Create repository. Lovable יוצר מאגר בחשבון שלכם.
2 · מאשרים ל־Taste לכתוב למאגר הזה
פעם אחת: מתקינים את taste-delivery ובוחרים רק את המאגר שיצרתם. ההרשאה היא לקבצים במאגר הזה בלבד.
חיבור GitHub
3 · בוחרים מאגר ושולחים
בודקים אילו מאגרים מחוברים…
אפשר לפתוח את Lovable עם ההוראות מוכנות, או להעתיק ולהדביק אותן בצ׳אט. אתם בודקים ולוחצים על שליחה שם.
הופכים את האתר לשלכם
מעלים תמונות משלכם ומחליפים טקסטים ופרטי קשר. משווים לתצוגה במחשב ובטלפון, ומשפרים סקשן אחד בכל פעם. רק אחרי הבדיקה מחברים טפסים ומפרסמים.

הצגת ההוראות, JSON והעתקה ידנית

Implement this original Hebrew RTL Taste template in Lovable. Explain progress and setup in simple Hebrew.

NEW PROJECT: start in an empty project owned by the user. Use the platform's supported React setup; for a local coding agent propose the appropriate scaffold first. Do not clone the Taste product repository.

Follow the specification's section order, responsive geometry, typography and motion. This JSON is a reconstruction specification, not executable source code. Local /templates asset paths refer to Taste's preview, not files available in this project. Ask for owned images or an authorized source package; do not invent working asset URLs. Do not bundle proprietary Discovery font files.

Keep demo prices, reviews, unavailable dates and payment explicitly illustrative. Never collect real card details using the demo fields. Do not connect a CRM, send personal data, publish, purchase services or push a repository without separate owner approval.

Build and compare desktop and mobile, including RTL, keyboard controls and reduced motion. Then list what matches, what is unavailable and what still needs setup. Explain local version checkpoints and optional private GitHub backup without exposing credentials. Make subsequent changes section by section, not by rewriting the whole page.

כתיבת הטקסטים (חשוב): כתוב כמו קופירייטר ישראלי חד, לא כמו AI.
- עברית מדוברת וטבעית. משפטים קצרים. רעיון אחד בכל משפט.
- כותרת: 2 עד 7 מילים, עם עמדה או קריצה. לא תיאור יבש של השירות.
- הומור קטן שנולד מהעסק עצמו, לא בדיחה מודבקת. קריצה אחת לאזור מספיקה.
- ספציפי במקום כללי: שכונה, מספר אמיתי, פרט מהשטח. אם אין נתון אמיתי, אל תמציא. השאר [למלא] ושאל אותי.
- אסור: "פתרונות מקיפים", "חוויה ייחודית", "לקחת לשלב הבא", "מהפכני", "ברוכים הבאים", "אנו מתמחים", "בעולם של היום", "איכות ללא פשרות", ושלוש תכונות ברצף.
- בלי מקף ארוך (—) ובלי מקף בינוני (–). רק מקף רגיל (-) כשצריך.
- כפתור: פעולה ברורה ב-1 עד 3 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.

{
  "schemaVersion": "1.0.0",
  "id": "kaffa",
  "name": "כפה",
  "kind": "Original Hebrew RTL pet shop: a store home page and a converting product page",
  "status": "Fictional demonstration. The shop, products, prices, reviews and numbers are placeholders. No real orders or payment.",
  "language": "he-IL",
  "direction": "rtl",
  "entry": "Kaffa",
  "stack": {
    "framework": "React",
    "styling": "CSS Modules scoped to each part",
    "font": "Heebo from Google Fonts by default; pass fontFamily to use your own",
    "motion": "CSS, reduced-motion aware"
  },
  "customization": {
    "how": "The home is PetStoreHero and the product page is ConvertProductPage; both take props with defaults. Pictures are under their assets folders.",
    "rules": [
      "Every price, review and health claim must be real and verified.",
      "Connect a real cart and checkout before selling."
    ]
  },
  "delivery": "Private source package, standalone. Two views in one component."
}

במצב המדויק הכלי מקבל את קוד התבנית עצמו. התמונות נטענות מהאתר של Taste עד שתחליפו אותן בשלכם, והפונט נטען מ-Google Fonts.

מחליפים תוכן? פרומפט מוכן

מדביקים בכלי הבנייה, ממלאים כמה שורות על העסק, והוא מחליף את התוכן בלי לגעת בעיצוב.

בתוך התבנית Kaffa החלף את החנות, המוצרים והתוכן לעסק שלי, בלי לשנות את המבנה ואת העיצוב.

שם החנות: [השם]
מה מוכרים: [קטגוריות ומוצרים]
המוצר המוביל: [שם, מחיר, יתרונות]

מה לעדכן: ה-props של PetStoreHero (כותרת, קטגוריות, מספרים) ושל ConvertProductPage (המוצר, החבילות, הביקורות), והתמונות באותם שמות.

כללים: אל תמציא מחירים, ביקורות או טענות בריאות. בסוף הצג רשימה של כל מקום שעדיין מכיל טקסט הדגמה.

כתיבת הטקסטים (חשוב): כתוב כמו קופירייטר ישראלי חד, לא כמו AI.
- עברית מדוברת וטבעית. משפטים קצרים. רעיון אחד בכל משפט.
- כותרת: 2 עד 7 מילים, עם עמדה או קריצה. לא תיאור יבש של השירות.
- הומור קטן שנולד מהעסק עצמו, לא בדיחה מודבקת. קריצה אחת לאזור מספיקה.
- ספציפי במקום כללי: שכונה, מספר אמיתי, פרט מהשטח. אם אין נתון אמיתי, אל תמציא. השאר [למלא] ושאל אותי.
- אסור: "פתרונות מקיפים", "חוויה ייחודית", "לקחת לשלב הבא", "מהפכני", "ברוכים הבאים", "אנו מתמחים", "בעולם של היום", "איכות ללא פשרות", ושלוש תכונות ברצף.
- בלי מקף ארוך (—) ובלי מקף בינוני (–). רק מקף רגיל (-) כשצריך.
- כפתור: פעולה ברורה ב-1 עד 3 מילים ("לקבוע נסיעת מבחן", לא "לחץ כאן").
- אל תשאיר מילה בודדת בשורה האחרונה של כותרת.
- לפני שאתה מסיים, קרא כל כותרת בקול. אם היא יכולה להופיע באתר של כל עסק אחר, כתוב אותה מחדש.