diff --git a/examples/tutorials/vapi-voice-call/.cprules b/examples/tutorials/vapi-voice-call/.cprules new file mode 100644 index 0000000..0e9a7b3 --- /dev/null +++ b/examples/tutorials/vapi-voice-call/.cprules @@ -0,0 +1,68 @@ +This is a Vite React + shadcn project. No .env or environment files are supported in this environment. + +# React Dev Guidelines + +## Always +- Generate SEO friendly metadata including og:title, og:description and og:type. You can update index.html. + - Do not add og:image and og:url as we don't have a site image. + - Do not use react-helmet or react-helmet-async. +- Use double quotes for strings in mock data +- Use real photos from free stock photo sites whenever possible to improve the UI visually +- Modify src/index.css for colors and fonts to match the app's theme if needed +- Create responsive designs +- For footer copyright year, use the current year dynamically: + ```jsx + + ``` +- Use shadcn/ui components. useToast is defined in src/hooks/use-toast.ts. useIsMobile is defined in src/hooks/use-is-mobile.ts. +- Show toast notifications for important events +- Design with purpose and focus on core functionality first +- Use `bg-white/10` for the outline variety buttons if the text color is `text-white`. Otherwise, the text will not be visible against the button background. +- String quotation rule: Never use single quotes for strings containing apostrophes as it breaks the string (e.g., 'Bachelor's degree' is wrong). Instead, use double quotes for strings with apostrophes ("Bachelor's degree"), single quotes for strings without apostrophes ('No apostrophes here'), and backticks for template literals (`With ${variables}`). +- Apply `mx-auto` to content containers, not background elements. This centers content properly and prevents gaps between section backgrounds and browser window: + ```jsx + {/* Correct: mx-auto on content container */} +
+ With over 15 years of experience in the Austin real estate market, YellowFin Real Estate + specializes in helping buyers navigate the competitive Austin housing market with confidence. +
++ Ready to find your dream home in Austin? Contact YellowFin Real Estate and let our + experienced team guide you through the process. +
+ ++ Discover some of Austin's finest available properties +
++ YellowFin Real Estate - Your trusted partner in Austin home buying +
++ Explore the diverse communities that make Austin unique +
++ Comprehensive real estate services tailored to Austin home buyers +
++ Real experiences from satisfied Austin homeowners +
+"{testimonial.text}"
+