AI Review Center
Commit Review Workspace ?
Select a commit on the left to inspect quality, security, business value, findings, and suggested code changes.
Project AI Score
?
63%
Quality Avg
?
68%
Security Avg
?
45%
Reviews
?
56
Review Result ?
jattin01/avriti · 1d1a49b8
The commit adds multiple UI content sections for about, cart, and contact pages with images, text, and lists describing the brand and products. The changes enhance business value by providing better brand storytelling and product visibility. Quality is moderate with clear JSX structure and CSS for list styling but lacks code comments and reusable components. Bug-risk is low as there are no logic or state changes. Security score is moderate due to external image sources and empty anchor href links potentially causing navigation issues. Fake work risk is low to moderate given the substantial UI content changes but the commit message is generic and does not describe any feature or fix.
Quality
?
70%
Security
?
40%
Business Value
?
75%
Maintainability
?
80%
Issues & Suggested Fixes
?
1AI detects the issue
2Shows file, line, or evidence
3Suggests the fix to apply
Issue
Where
commit message
Issue / Evidence
issue
Suggested Fix
update commit message to be descriptive and explain the purpose and scope of changes to improve quality and review confidence
Empty Href In Anchor Tag
Where
app/cart/page.tsx:91
Issue / Evidence
empty href in anchor tag
Suggested Fix
add valid URLs or use buttons to avoid broken links improving user experience and security
Empty Href In Anchor Tag
Where
app/contact/page.tsx:91
Issue / Evidence
empty href in anchor tag
Suggested Fix
add valid URLs or use buttons to avoid potential navigation or security issues
Empty Href In Anchor Tag
Where
app/contact/page.tsx:94
Issue / Evidence
empty href in anchor tag
Suggested Fix
same as above
Empty Href In Anchor Tag
Where
app/contact/page.tsx:97
Issue / Evidence
empty href in anchor tag
Suggested Fix
same as above
Empty Href In Anchor Tag
Where
app/contact/page.tsx:100
Issue / Evidence
empty href in anchor tag
Suggested Fix
same as above
Empty Href In Anchor Tag
Where
app/contact/page.tsx:103
Issue / Evidence
empty href in anchor tag
Suggested Fix
same as above
Empty Href In Anchor Tag
Where
app/contact/page.tsx:106
Issue / Evidence
empty href in anchor tag
Suggested Fix
same as above
Textual Content Hardcoded In Jsx
Where
app/about/page.tsx:26-49
Issue / Evidence
textual content hardcoded in JSX
Suggested Fix
consider extracting content to localization or content files to improve maintainability and reusability
Product List Hardcoded In Component
Where
app/cart/page.tsx:5-48
Issue / Evidence
product list hardcoded in component
Suggested Fix
consider moving product data to a centralized data source or API for scalability and separation of concerns
Code Change Preview · app/about/page.tsx
?
Removed / Before Commit
- import Image from "next/image"; - import { Badge } from "@/components/ui/badge"; - import { Card } from "@/components/ui/card"; - import InnerBanner from "@/components/inner-banner"; - - export default function AboutPage() { - return ( - <div> - <InnerBanner title="About Us" /> - - - <section className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 my-[50px] md:my-[80px]"> - <img src="/banner.png" alt="Avriti" className="object-contain md:w-[60%] mx-auto" /> - </div> - <div> - <h2 className="text-[32px] md:text-[50px] font-semibold text-[var(--color-primary-700)] font-serif">About Avriti</h2> - <p className="mt-[10px] text-sm leading-7 text-[#6f6f6f] sm:text-base">Avriti is a spiritual wellness brand rooted in Vedic wisdom, bringing Numerology, Astrology, Tarot, Vastu, and sacred products to those who seek clarity, alignment, and a life lived with intention.<br></br> - Avriti is a spiritual wellness brand rooted in Vedic wisdom, bringing Numerology, Astrology, Tarot, Vastu, and sacred products to those who seek clarity, alignment, and a life lived with intention.<br></br>
Added / After Commit
+ import Image from "next/image"; + import { Badge } from "@/components/ui/badge"; + import { Card } from "@/components/ui/card"; + + export default function AboutPage() { + return ( + <div> + <section className="brand-gradient"> + <div className="mx-auto max-w-7xl py-18"> + <div className="px-[20px]"> + <h1 className="text-center text-[30px] font-semibold uppercase text-[var(--color-primary-700)] md:text-[40px]"> + Our Story + </h1> + </div> + </div> + </section> + +
Removed / Before Commit
- import InnerBanner from "@/components/inner-banner"; - export default function CartPage() { - return ( - <div> - </div> - </div> - </section> - </div> - ); - }
Added / After Commit
+ import InnerBanner from "@/components/inner-banner"; + + import { ProductCard } from "@/components/product-card"; + + const products = [ + { + slug: "shuddhi-mopping-salt", + name: "Avriti Shuddhi - Mopping Salt - 1kg", + price: 299, + image: "/product2.jpeg", + tone: "from-[#E8EDFB] to-[#D0D9F7]", + }, + { + slug: "jal-shuddhi-bathroom-salt", + name: "Avriti Jal Shuddhi - Bathroom Salt - 250g", + price: 359, + image: "/product3.jpeg", + tone: "from-[#F4F0E8] to-[#EDE4DC]",
Removed / Before Commit
- import { Button } from "@/components/ui/button"; - import { Card } from "@/components/ui/card"; - import { Input } from "@/components/ui/input"; - import InnerBanner from "@/components/inner-banner"; - - export default function ContactPage() { - return ( - <div> - <InnerBanner title="Contact Us" /> - - <section className="mx-auto grid max-w-7xl gap-8 px-4 py-14 sm:px-6 lg:grid-cols-[0.8fr_1.2fr] lg:px-8"> - <div className="space-y-4"> - {[ - { icon: MessageCircle, label: "WhatsApp", value: "+91 00000 00000" }, - { icon: Mail, label: "Email", value: "hello@avriti.example" }, - { icon: Phone, label: "Consultation support", value: "Audio, video, and in-person queries" }, - { icon: MapPin, label: "Location", value: "India · Remote consultations available" }, - ].map((item) => (
Added / After Commit
+ import { Button } from "@/components/ui/button"; + import { Card } from "@/components/ui/card"; + import { Input } from "@/components/ui/input"; + import InnerBanner from "@/components/inner-banner"; + + export default function ContactPage() { + return ( + <div> + <InnerBanner title="Contact Us" /> + + <section className="mx-auto grid max-w-7xl gap-8 px-4 py-14 sm:px-6 lg:grid-cols-[0.8fr_1.2fr] lg:px-8"> + <div className="space-y-4"> + {[ + { icon: MessageCircle, label: "WhatsApp", value: "+91 00000 00000" }, + { icon: Mail, label: "Email", value: "hello@avriti.com" }, + { icon: Phone, label: "Consultation support", value: "Mon-Sat, 10 AM - 7 PM IST" }, + { icon: MapPin, label: "Location", value: "India · Remote consultations available" }, + ].map((item) => (
Removed / Before Commit
- html { - scroll-behavior: smooth; - } - - ::selection { - background: var(--color-primary-100); - color: var(--color-primary-700); - border-radius: 50%; - right: 100%; - border: 1px solid #0B3DBA; - } - \ No newline at end of file - \ No newline at end of file
Added / After Commit
+ html { + scroll-behavior: smooth; + } + .withlist li:before { + content: ''; + position: absolute; + background: var(--color-primary-700); + width: 8px; + height: 8px; + border-radius: 50%; + left: 0; + top: 9px; + } + ::selection { + background: var(--color-primary-100); + color: var(--color-primary-700); + border-radius: 50%; + right: 100%;
Removed / Before Commit
- - <body className="flex min-h-full flex-col bg-white text-[var(--color-text-primary)] font-sans"> - <SiteHeader /> - <main className="flex-1">{children}</main> - <SiteFooter /> - <WhatsAppCta />
Added / After Commit
+ + <body className="flex min-h-full flex-col bg-white text-[var(--color-text-primary)] font-sans"> + <SiteHeader /> + + <main className="flex-1">{children}</main> + <SiteFooter /> + <WhatsAppCta />
Removed / Before Commit
- import { ProductCard } from "@/components/product-card"; - import { ServiceSlider } from "@/components/service-slider"; - import { FAQ } from "@/components/faq"; - - - const products = [ - { - price: 299, - image: "/product2.jpeg", - tone: "from-[#E8EDFB] to-[#D0D9F7]", - }, - { - slug: "jal-shuddhi-bathroom-salt", - name: "Avriti Jal Shuddhi - Bathroom Salt - 250g", - slug: "avriti-altar-cloth", - name: "Avriti Drishti - Altar Cloth", - price: 299, - image: "/product3.jpeg",
Added / After Commit
+ import { ProductCard } from "@/components/product-card"; + import { ServiceSlider } from "@/components/service-slider"; + import { FAQ } from "@/components/faq"; + import { TestimonialSlider } from "@/components/testimonial-slider"; + + const products = [ + { + price: 299, + image: "/product2.jpeg", + tone: "from-[#E8EDFB] to-[#D0D9F7]", + }, + { + slug: "jal-shuddhi-bathroom-salt", + name: "Avriti Jal Shuddhi - Bathroom Salt - 250g", + slug: "avriti-altar-cloth", + name: "Avriti Drishti - Altar Cloth", + price: 299, + image: "/product3.jpeg",
Removed / Before Commit
- import Image from "next/image"; - import Link from "next/link"; - import { PdfBrowserFrame } from "@/components/pdf-browser-frame"; - import InnerBanner from "@/components/inner-banner"; - - const categories = [ - "Shop", - - return ( - <div className="bg-white"> - <InnerBanner title="Shop" /> - <PdfBrowserFrame label="Website Shop"> - <div className="mt-[30px] pb-12">
Added / After Commit
+ import Image from "next/image"; + import Link from "next/link"; + import { PdfBrowserFrame } from "@/components/pdf-browser-frame"; + + const categories = [ + "Shop", + + return ( + <div className="bg-white"> + <section className="brand-gradient"> + <div className="mx-auto max-w-7xl py-18"> + <div className="px-[20px]"> + <h1 className="text-center text-[30px] font-semibold uppercase text-[var(--color-primary-700)] md:text-[40px]"> + Something here is yours. + </h1> + <p className="text-center max-w-[800px] mx-auto mt-[10px] text-[14px]">Nobody here is going to tell you to meditate for an hour or rearrange your entire home. We've been in that place where even the good advice feels like another thing on the list. + What's here is simpler. Things you can hold, use, return to. On hard days especially. + Vastu salts, healing crystals, tarot decks, personalised charms — each one rooted in Vedic wisdom, made for real life.
Removed / Before Commit
Added / After Commit
+ "use client"; + + import { ChevronLeft, ChevronRight, Quote, Star } from "lucide-react"; + import { useCallback, useEffect, useRef, useState } from "react"; + import { testimonials } from "@/lib/data"; + import { cn } from "@/lib/utils"; + + export function TestimonialSlider() { + const trackRef = useRef<HTMLDivElement>(null); + const [activeIndex, setActiveIndex] = useState(0); + const [canScroll, setCanScroll] = useState(false); + const [atStart, setAtStart] = useState(true); + const [atEnd, setAtEnd] = useState(false); + const [lastSnapIndex, setLastSnapIndex] = useState(0); + + const updateSliderState = useCallback(() => { + const track = trackRef.current; +
Removed / Before Commit
- "The product packaging and ritual guidance made the experience feel thoughtful from start to finish.", - name: "Early customer", - }, - ];
Added / After Commit
+ "The product packaging and ritual guidance made the experience feel thoughtful from start to finish.", + name: "Early customer", + }, + { + quote: + "I came in unsure of what I needed and left with simple steps I could actually follow.", + name: "Consultation client", + }, + ];