Accordion

import {Accordion,AccordionContent,AccordionItem,AccordionTrigger,} from "@/components/ui/accordion";export function AccordionDemo() {return (  <Accordion    type="single"    collapsible    className="w-full max-w-md"    defaultValue="item-1"  >    <AccordionItem value="item-1">      <AccordionTrigger>Product Information</AccordionTrigger>      <AccordionContent className="flex flex-col gap-4 text-balance">        <p>          Our flagship product combines cutting-edge technology with sleek          design. Built with premium materials, it offers unparalleled          performance and reliability.        </p>        <p>          Key features include advanced processing capabilities and an          intuitive user interface designed for both beginners and experts.        </p>      </AccordionContent>    </AccordionItem>    <AccordionItem value="item-2">      <AccordionTrigger>Shipping Details</AccordionTrigger>      <AccordionContent className="flex flex-col gap-4 text-balance">        <p>          We offer worldwide shipping through trusted courier partners.          Standard delivery takes 3-5 business days, while express shipping          ensures delivery within 1-2 business days.        </p>      </AccordionContent>    </AccordionItem>    <AccordionItem value="item-3">      <AccordionTrigger>Return Policy</AccordionTrigger>      <AccordionContent className="flex flex-col gap-4 text-balance">        <p>          We stand behind our products with a comprehensive 30-day return          policy. If you&apos;re not completely satisfied, simply return the          item in its original condition.        </p>      </AccordionContent>    </AccordionItem>  </Accordion>);}