docs: Tailwind -> Tailwind CSS

README.md

@@ -1,8 +1,8 @@
-![TWC — Supercharge React + Tailwind](.github/assets/banner.png "TWC — Supercharge React + Tailwind")
+![TWC — Supercharge React + Tailwind CSS](.github/assets/banner.png "TWC — Supercharge React + Tailwind CSS")
 
 <p align="center">
   <br/>
-  <a href="https://react-twc.vercel.app">TWC</a> creates reusable React + Tailwind components in one line
+  <a href="https://react-twc.vercel.app">TWC</a> creates reusable React + Tailwind CSS components in one line
   <br/><br/>
 </p>
 

website/components/Card.tsx

@@ -3,10 +3,10 @@ export function Card(props: { children: React.ReactNode }) {
     <div className="text">
       <div className="text-center my-10 max-w-4xl mx-auto text-balance">
         <h1 className="text-8xl mb-5 font-semibold font-accent text-transparent bg-clip-text bg-gradient-to-br from-blue-9 to-purple-11">
-          Supercharge React + Tailwind
+          Supercharge React + Tailwind CSS
         </h1>
         <p className="text-2xl text-low">
-          TWC is a lightweight library to create Tailwind Components in one
+          TWC is a lightweight library to create Tailwind CSS Components in one
           line, write less code and build faster.
         </p>
       </div>

website/components/Hero.tsx

@@ -4,11 +4,13 @@ export function Hero() {
   return (
     <div className="text">
       <div className="text-center mt-10 mb-20 max-w-4xl mx-auto text-balance">
-        <h1 className="text-[3rem] leading-none md:text-8xl mb-5 font-semibold font-accent text-transparent bg-clip-text bg-gradient-to-br from-blue-9 to-purple-11">
-          Supercharge React + Tailwind
+        <h1 className="text-[2.3rem] leading-none md:text-7xl mb-5 font-semibold font-accent text-transparent bg-clip-text bg-gradient-to-br from-blue-9 to-purple-11">
+          Supercharge
+          <br />
+          React + Tailwind CSS
         </h1>
         <p className="text-lg md:text-2xl text-low">
-          TWC is a lightweight library to create Tailwind Components in one
+          TWC is a lightweight library to create Tailwind CSS Components in one
           line, write less code and build faster.
         </p>
         <div className="mt-8 flex justify-center gap-4">

website/pages/api/og.tsx

@@ -95,7 +95,7 @@ export default async function (req) {
             letterSpacing: -1,
           }}
         >
-          Supercharge React + Tailwind
+          Supercharge React + Tailwind CSS
         </p>
         <h1
           style={

website/pages/docs/faq.mdx

@@ -2,7 +2,7 @@
 
 ## Can I use it without Tailwind CSS?
 
-Yes, even if `react-twc` has been created to solve Tailwind + React productivity, it is not linked to it. It creates class based components, so you can perfectly use it without Tailwind.
+Yes, even if `react-twc` has been created to solve Tailwind CSS + React productivity, it is not linked to it. It creates class based components, so you can perfectly use it without Tailwind CSS.
 
 ## Does it supports props interpolations?
 

website/pages/docs/getting-started.mdx

@@ -12,7 +12,7 @@ npm i react-twc
 
 ### Setup autocompletion in your editor
 
-You can enable Tailwind autocompletion inside `twc` using the steps below:
+You can enable Tailwind CSS autocompletion inside `twc` using the steps below:
 
 <Tabs items={["Visual Studio Code", "Neovim", "WebStorm"]}>
   <Tab>

website/pages/docs/introduction.mdx

@@ -1,12 +1,12 @@
-# React Tailwind Components
+# Introduction
 
-Tailwind is very productive and really easy to use with React. You can easily style elements by specifying a `className` attribute.
+Tailwind CSS is very productive and really easy to use with React. You can easily style elements by specifying a `className` attribute.
 
 ```tsx
 <div className="rounded-lg border bg-slate-100 text-white shadow-sm" />
 ```
 
-...but creating reusable React components with Tailwind is not trivial.
+...but creating reusable React components with Tailwind CSS is not trivial.
 
 ```tsx
 const Card = React.forwardRef<

website/pages/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: Create reusable Tailwind + React components
+title: Create reusable Tailwind CSS + React components
 ---
 
 import Link from "next/link";

website/theme.config.jsx

@@ -120,11 +120,11 @@ export default {
         <meta httpEquiv="Content-Language" content="en" />
         <meta
           name="description"
-          content="Create reusable React Tailwind components."
+          content="Create reusable React Tailwind CSS components."
         />
         <meta
           name="og:description"
-          content="Create reusable React Tailwind components."
+          content="Create reusable React Tailwind CSS components."
         />
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:image" content={socialCard} />