ShadCN Problem's

[junior crypt]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[stark onyx]

import { Card, CardContent, CardHeader, CardTitle, CardDescription } from 'shadcn-ui';

const TermsOfService = () => {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-900 text-white">
      <img src="https://i.imgur.com/EWx7IzF.png" alt="Logo" className="h-24 w-24 mb-6" />
      <Card className="w-full max-w-3xl">
        <CardHeader>
          <CardTitle className="text-2xl font-bold text-orange-500">Terms of Service</CardTitle>
        </CardHeader>
        <CardContent className="text-gray-300 bg-gray-700 p-6 rounded shadow-md">
          <CardDescription className="mb-4">
            Welcome to our Terms of Service page. Please read these terms carefully before using our services.
          </CardDescription>
          <h3 className="text-xl font-bold mb-2 text-orange-400">1. Acceptance of Terms</h3>
          <p className="mb-4">
            By accessing and using our services, you accept and agree to be bound by the terms and provision of this agreement.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">2. Changes to Terms</h3>
          <p className="mb-4">
            We reserve the right to modify these terms at any time. You should check this page regularly to take notice of any changes we may have made to the Terms of Service.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">3. Use of Service</h3>
          <p className="mb-4">
            You agree to use the service only for lawful purposes and in a way that does not infringe the rights of, restrict or inhibit anyone else's use and enjoyment of the service.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">4. Privacy Policy</h3>
          <p className="mb-4">
            Our privacy policy, which sets out how we will use your information, can be found at [Privacy Policy URL]. By using this service, you consent to the processing described therein and warrant that all data provided by you is accurate.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">5. Contact Us</h3>
          <p>
            If you have any questions about these Terms, please contact us at [Contact Information].
          </p>
        </CardContent>
      </Card>
    </div>
  );
};

export default TermsOfService;```

@wintry thorn

can you help?

[jaunty turtle]

Don't ping or DM other devs you aren't actively talking to

Do not ping other people in order to get attention to your question unless they are actively involved in the discussion. If you're looking to get help, it is a lot better to post your question in a public channel so other people can help or learn from the questions

Requested by B33fb0n3

[zinc wagon]

the shadcn-ui is cli package

not someone from where you import components

follow official installation docs

[frigid flame]

Follow this tutorial, at step 6 you learn how to install components.
https://ui.shadcn.com/docs/installation/next

[junior crypt]

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1262273501084123176 message)

[silver socket]

@stark onyx for archival purposes please avoid deleting the original question unless strictly necessary, such as when the question contains secrets (that you should have never posted in the first place)