added homepage

[GAGANRAGHAV]

Description

1. made a homepage
2. created new .js file
3. added tailwind

Type of change

ui / ux

screenshot --

Checklist:

• [X ] My code follows the style guidelines of this project
• [ X] I have performed a self-review of my own code
• [ X] I have commented my code, particularly in hard-to-understand areas
• [X ] I have made corresponding changes to the documentation
• [ X] My changes generate no new warnings
• [ X] I have added tests that prove my fix is effective or that my feature works
• [X ] New and existing unit tests pass locally with my changes
• [X ] Any dependent changes have been merged and published in downstream modules

Summary by CodeRabbit

• New Features

  • Introduced a new Center component for enhanced layout and structure on the Home page.

• Style

  • Implemented Tailwind CSS for modern, utility-first styling.
  • Updated Home.module.css with new and modified classes to improve visual elements.
  • Integrated Tailwind's base, components, and utilities into the global stylesheet.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
testcase-generator	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 23, 2023 4:20am

[coderabbitai[bot]]

Walkthrough

The project has integrated a new Center component, enhancing the Home page layout. It has adopted Tailwind CSS for styling, evident from the added configuration files and directives. CSS classes within the Home.module.css have been updated, likely to align with Tailwind's utility classes, refining the visual design.

Changes

Files	Change Summaries
pages/Center.js, pages/index.js	Added Center component to Center.js and imported into index.js, affecting the layout and structure of the Home component.
postcss.config.js, tailwind.config.js	Configured PostCSS with tailwindcss and autoprefixer in postcss.config.js, and introduced configuration for Tailwind CSS in tailwind.config.js.
styles/Home.module.css	Added new CSS classes, modified existing classes like .card and .card2 to adjust various properties.
styles/globals.css	Added @tailwind directives for base, components, and utilities, along with the insertion of empty lines.

🐇✨ In the code's burrow, deep and vast, A Center blooms, the die is cast. Tailwind's breeze, CSS's class, A rabbit's touch, now none shall surpass. 🌟🌿

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on X ?

---

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - You can directly reply to a review comment made by CodeRabbit. Example: - _I pushed a fix in commit ``._ - You can tag CodeRabbit on specific lines of code or entire files in the PR by tagging `@coderabbitai` in a comment. Examples: - _@coderabbitai generate unit tests for this file_ - _@coderabbitai modularize this function_ - You can tag `@coderabbitai` in a PR comment and ask questions about the PR and the codebase. Use quoted replies to pass the context for follow-up questions. Examples: - _@coderabbitai render interesting statistics about this repository as a table_. - _@coderabbitai show all the `console.log` statements in this repository_. - _@coderabbitai generate unit tests for the `src/utils.ts` file_. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai help` to get help. Additionally, you can add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Configration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json). - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json` ### CodeRabbit Discord Community Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback.

[ghost]

👇 Click on the image for a new way to code review

#### [](https://app.codesee.io/r/reviews?pr=34&src=https%3A%2F%2Fgithub.com%2FWebSorcery%2Ftestcase-generator) #### Legend

[gitstream-cm[bot]]

This PR is missing a Jira ticket reference in the title or description. Please add a Jira ticket reference to the title or description of this PR.

[gitstream-cm[bot]]

🥷 Code experts: ank1traj

ank1traj has most 👩‍💻 activity in the files. ank1traj has most 🧠 knowledge in the files.

See details

`package.json` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 1 additions & 0 deletions | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: ank1traj: 76% `pages/index.js` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | 10 additions & 4 deletions | | NOV | | | OCT | 110 additions & 126 deletions | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: ank1traj: 65% `styles/Home.module.css` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | 15 additions & 3 deletions | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: ank1traj: 43% `styles/globals.css` Activity based on git-commit: | | ank1traj | | --- | --- | | DEC | | | NOV | | | OCT | | | SEP | | | AUG | | | JUL | | Knowledge based on git-blame: ank1traj: 94%

To learn more about /:\ gitStream - Visit our Docs

[GAGANRAGHAV]

sir what change should i make to deploy preview on vercel

[ank1traj]

sir what change should i make to deploy preview on vercel

Vercel is getting failed due to this issue Module not found: Can't resolve './test.png'. Please upload the file too.

[GAGANRAGHAV]

@ank1traj sir made the changes.

[GAGANRAGHAV]

sir please add the codepeak'23 labels as i'm contributing in it

[ank1traj]

@GAGANRAGHAV please have a look into the UI. color palette is not good.

[GAGANRAGHAV]

Sir can you send a screenshot of how it's looking or colour palette i should try

[ank1traj]

Sir can you send a screenshot of how it's looking or colour palette i should try

I changed the home page color. Please stick with that only.