סוכנות רכב · שלושה עמודים · עברית ו-RTL

אפס ק״מ

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

תצוגה חיה

מה בנוי בפנים

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

אותו אתר. הסוכנות שלכם.

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

שם הסוכנות

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

שימו לב לפונטים

האתר עובר כמו שהוא, אבל בלי הפונטים בתשלום שמוצגים כאן. במקומם הוא מגיע עם פונט חינמי של Google שמתאים לו. רוצים את המקורי? אפשר לרכוש רישיון.

Plinko · הכותרות, מגיע עם Rubikלרכישת רישיון בפונטשוק

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

פותחים מקום לאתר שלכם
נכנסים ל-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": "sivuv",
  "name": "אפס ק״מ",
  "kind": "Original Hebrew RTL website for a new-car dealership: home page, a catalog of new cars and a page per model",
  "status": "Fictional demonstration. The dealership, models, prices, specs, financing figures and branch are placeholders. No real inventory, order or payment. Replace every figure with verified data before launch.",
  "language": "he-IL",
  "direction": "rtl",
  "entry": "Sivuv",
  "stack": {
    "framework": "React",
    "styling": "CSS Modules scoped to the template",
    "font": "Google Sans for text and Rubik for display, both from Google Fonts",
    "motion": "GSAP with ScrollTrigger for the hero parallax and reveals; CSS for the rest; reduced-motion aware"
  },
  "tokens": {
    "paper": "#f7f3ef",
    "ink": "#1d1633",
    "violet": "#7a5cf5",
    "lilac": "#ece4ff",
    "mint": "#35dba8"
  },
  "pages": {
    "home": [
      "Floating header: logo, links, search and test-drive button; on phones menu, centred logo and a call button",
      "Hero in three layers: sky, the brand name, and the driver with the car cut out in front of the name, with parallax",
      "Category cards whose cars break out over the top edge",
      "Brand promise",
      "Three question game: which car fits you",
      "Model strip with drag and momentum",
      "Everything in one place: a scroll-lit list",
      "Choose by the life you live: lifestyle cards",
      "Test drive at home: a three step booking with a custom date and time picker and a success state",
      "Leasing and financing in a zig-zag with floating interface cards and offer stickers",
      "Speedometer figures that count up",
      "Gift banner, branch with live open-now card, magazine, footer",
      "App-like tab bar on phones"
    ],
    "catalog": [
      "Big family title with a car in front, filters for family, fuel and budget",
      "A quick row of the matching models",
      "Models grouped by family, cards with the car over the edge, sale and soon badges",
      "Lead form with a success state"
    ],
    "model": [
      "Model name, car, price and actions",
      "Spec tiles, paint swatches, what is included",
      "Monthly payment calculator with rolling digits",
      "Related models"
    ]
  },
  "customization": {
    "how": "Models, categories, catalog entries, specs, questions and articles are constants at the top of Sivuv.tsx. Pictures live under the template's image folder; replace them under the same file names. Colours are variables at the top of the CSS module.",
    "rules": [
      "Use the dealer's own model names and photographs. Do not use manufacturer logos or names without permission.",
      "Every price, spec and financing figure must come from the dealer or the importer.",
      "Keep RTL, the tab bar on phones and the three step booking."
    ]
  },
  "accessibility": "Labelled controls, keyboard reachable pickers that close on Escape, radio groups for car choice, aria-live counts, visible focus, prefers-reduced-motion.",
  "delivery": "Private source package, standalone. Images under /templates/sivuv/. One component with three views (home, catalog, model)."
}

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

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

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

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

שם הסוכנות: [השם]
מה מוכרים: [רכבים חדשים, יד שנייה, ליסינג, יצרנים]
אזור וסניף: [עיר, כתובת, שעות]

מה לעדכן:
- הקבועים בראש הקובץ: models, catalog, categories, familySpecs, lifestyles, questions, articles ו-gauges.
- התמונות: להחליף בקבצים באותם שמות בתיקיית התמונות, ולהשתמש בצילומים של הסוכנות.
- הצבעים: אם יש צבע מותג, להחליף רק את המשתנים בראש קובץ ה-CSS.

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

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

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