chore: fix website copy

horuslabsio · May 6, 2024 · e510d2e · e510d2e
1 parent b789704
commit e510d2e
Show file tree

Hide file tree

Showing 8 changed files with 49 additions and 48 deletions.
diff --git a/contracts/.DS_Store b/contracts/.DS_Store
diff --git a/website/app/components/Footer.tsx b/website/app/components/Footer.tsx
@@ -9,13 +9,13 @@ const Footer = () => {
           Become a part of the Community
         </h2>
         <p className="text-[#BC988C] text-center">
-          Join our community to learn and build together with the ERC-6551
-          technology. We are over 200+ actively creating products and utility to
-          foster the blockchain space.
+          Join our community to learn and build together! And please raise an issue on our Github if there's a new feature you'll like to see
         </p>
-        <button className="bg-white w-fit text-dark-font-color py-2 px-8 transition-all duration-400 rounded-[12px] hover:rounded-[20px] ">
-          Learn more
-        </button>
+        <a href="https://t.me/+sH0ug1mZ_WtjNmM0">
+          <button className="bg-white w-fit text-dark-font-color py-2 px-8 transition-all duration-400 rounded-[12px] hover:rounded-[20px] ">
+            Chat
+          </button>
+        </a>
       </div>
       <div className="p-6">
         <p className="text-center text-[#BC988C]">Built with ❤️ by Argent</p>

diff --git a/website/app/components/Hero.tsx b/website/app/components/Hero.tsx
@@ -9,8 +9,8 @@ const Hero = () => {
   const [copiedCommand, setCopiedCommand] = useState(false);
   const urlRef = useRef(null);
   const SCAFFOLD_REPO_URL =
-    "https://github.com/scaffold-eth/scaffold-eth-2.git";
-  const CREATE_COMMAND = "npx create-eth@latest";
+    "https://github.com/argentlabs/Starknet-Scaffold.git";
+  const CREATE_COMMAND = "npx create-starknet-app@latest";
 
   const copyToClipboard = async ({
     text,
@@ -35,11 +35,10 @@ const Hero = () => {
       <div className="bg-hero-image bg-cover w-full h-full rounded-lg text-dark-font-color flex flex-col gap-4 justify-center items-center text-center p-4">
         <div className="lg:w-[55%] flex flex-col gap-4">
           <h1 className="font-bold">
-            Everything you need to buidl dApps on Ethereum
+            Everything you need to buidl dApps on Starknet
           </h1>
           <p className="lg:px-20">
-            A modern clean veersion of Starknet-Scaffold with NextJS,
-            Rainbowkit, Wagmi and Typescript. Supports Hardhat and Foundry
+          An open-source, up-to-date toolkit for building decentralized applications (dapps) on Starknet. Move from prototyping to production-grade apps seamlessly.
           </p>
         </div>
         <div className="flex flex-col gap-4 items-center">
@@ -56,7 +55,7 @@ const Hero = () => {
             className="border-solid border-dark-font-color border-[2px] p-2 rounded-full flex items-center  w-fit text-[.875em] gap-2 transition-all hover:bg-[#f98862]"
           >
             <span>
-              git clone https://github.com/scaffold-eth/scaffold-eth-2.git
+              git clone https://github.com/argentlabs/Starknet-Scaffold.git
             </span>
             <span className=" grid grid-cols-1 grid-rows-1">
               <span
@@ -98,7 +97,7 @@ const Hero = () => {
             }}
             className="border-solid border-dark-font-color border-[2px] p-2 rounded-full flex items-center text-[.875em] gap-2 w-fit transition-all hover:bg-[#f98862]"
           >
-            <span>npx create-eth@latest</span>
+            <span>npx create-starknet-app@latest</span>
             <span className=" grid grid-cols-1 grid-rows-1">
               <span
                 className={`col-start-1 row-start-1 ${
@@ -118,15 +117,19 @@ const Hero = () => {
           </button>
         </div>
         <div className="flex gap-4">
-          <button className="border-solid border-dark-font-color border-[2px] min-w-[6rem] px-2 py-1 rounded-[4px]  hover:bg-[#f98862]  hover:rounded-[20px] transition-all duration-400">
-            Docs
-          </button>
-          <button className="bg-dark-font-color text-white min-w-[6rem] p-[.35rem] rounded-[4px] flex justify-center items-center hover:rounded-[20px] transition-all duration-400 ">
-            <span>Github</span>
-            <span>
-              <GithubIcon />
-            </span>
-          </button>
+          <a href="https://starknet-scaffold.vercel.app/">
+            <button className="border-solid border-dark-font-color border-[2px] min-w-[6rem] px-2 py-1 rounded-[4px]  hover:bg-[#f98862]  hover:rounded-[20px] transition-all duration-400">
+              Try Online
+            </button>
+          </a>
+          <a href="https://github.com/argentlabs/Starknet-Scaffold">
+            <button className="bg-dark-font-color text-white min-w-[6rem] p-[.35rem] rounded-[4px] flex justify-center items-center hover:rounded-[20px] transition-all duration-400 ">
+              <span>Github</span>
+              <span>
+                <GithubIcon />
+              </span>
+            </button>
+          </a>
         </div>
       </div>
     </section>

diff --git a/website/app/components/WhyUs.tsx b/website/app/components/WhyUs.tsx
@@ -48,33 +48,32 @@ const WhyUs = () => {
               />
             </svg>
           </div>
-          <h3>Scaffold Burner Wallet</h3>
+          <h3>From prototyping to production..</h3>
           <p className="text-[#BC988C] text-[.875em]">
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam
-            similique obcaecati accusamus aut debitis, esse numquam excepturi
-            expedita rerum aliquam, asperiores minus repudiandae unde at saepe
-            vitae dicta illo officia!
+          Starknet Scaffold is designed to simplify the process for developers to create, declare, and deploy smart contracts alongside build interactive user interfaces.
           </p>
-          <button className="border-solid border-[#B4B4B4] border-[2px] min-w-[6rem] px-2 py-1 rounded-[8px] w-fit hover:rounded-[20px] transition-all duration-400 ">
-            Docs
-          </button>
+          <a href="https://github.com/argentlabs/Starknet-Scaffold#readme">
+            <button className="border-solid border-[#B4B4B4] border-[2px] min-w-[6rem] px-2 py-1 rounded-[8px] w-fit hover:rounded-[20px] transition-all duration-400 ">
+              Docs
+            </button>
+          </a>
         </figure>
         <div className="w-full flex flex-col gap-4">
           <Point
-            title="Scaffold Burner Wallet"
-            desc="Generate temporary wallets which can be used during the course of development"
+            title="Out-of-the-box UI components"
+            desc="Starknet Scaffold provides you with multiple out-of-the-box UI components you can customize to suit your needs"
           />
           <Point
-            title="Scaffold Burner Wallet"
-            desc="Generate temporary wallets which can be used during the course of development"
+            title="Sripts to make your life easier"
+            desc="We've added NPM scripts to help simplify your contract development with Starknet-Foundry"
           />
           <Point
-            title="Scaffold Burner Wallet"
-            desc="Generate temporary wallets which can be used during the course of development"
+            title="Burner Wallets and debugging tools"
+            desc="Starknet Scaffold gives you the ability to deploy burner wallets, interact with other contracts using them and deploy/declare contracts for easy debugging"
           />
           <Point
-            title="Scaffold Burner Wallet"
-            desc="Generate temporary wallets which can be used during the course of development"
+            title="Starknet Wikipedia"
+            desc="First time developing on Starknet? no worries! we've compiled the best learning tools and resources for you"
           />
         </div>
       </div>

diff --git a/website/app/components/features/Connect.tsx b/website/app/components/features/Connect.tsx
@@ -19,15 +19,15 @@ const Connect = () => {
         />
       </div>
       <div className="px-2 md:px-8">
-        <p className="text-[#BC988C] text-[.875em]">WALLET INTEROPERABILITY</p>
+        <p className="text-[#BC988C] text-[.875em]">Powered by Starknetkit..</p>
         <h2 className="flex items-center gap-2 font-semibold">
           <span>Connect Wallet</span>
           <span>
             <UpRightArrowIcon />
           </span>
         </h2>
         <p className="text-[#BC988C]">
-          Starknet-scaffold supports transactions across all crypto wallets.
+          Starknet-scaffold has default support for all wallets within the Starknet ecosystem
         </p>
       </div>
     </div>

diff --git a/.../app/components/features/BurnerWallet.tsx → website/app/components/features/Deployer.tsx b/.../app/components/features/BurnerWallet.tsx → website/app/components/features/Deployer.tsx
@@ -1,6 +1,6 @@
 import UpRightArrowIcon from "@/app/svg/UpRightArrowIcon";
 
-const BurnerWallet = () => {
+const Deployer = () => {
   return (
     <div className="flex flex-col md:flex-row-reverse md:items-center gap-8 feature">
       <div className="grid grid-cols-1 grid-rows-1 feat-img-right" aria-hidden>
@@ -23,12 +23,12 @@ const BurnerWallet = () => {
           </span>
         </h2>
         <p className="text-[#BC988C]">
-          Generate temporary wallets which can be used during the course of
-          development
+            A simple tool for seamlessly deploying smart contracts to Starknet
+            testnet and mainnet
         </p>
       </div>
     </div>
   );
 };
 
-export default BurnerWallet;
+export default Deployer;
diff --git a/website/app/components/features/Features.tsx b/website/app/components/features/Features.tsx
@@ -1,5 +1,5 @@
 "use client";
-import BurnerWallet from "./BurnerWallet";
+import Deployer from "./Deployer";
 import Connect from "./Connect";
 import Faucet from "./Faucet";
 import Wikipedia from "./Wikipedia";
@@ -40,7 +40,7 @@ const Features = () => {
   }, []);
   return (
     <section className="px-4 py-16 md:py-16  md:px-20  flex flex-col gap-16 overflow-hidden">
-      <BurnerWallet />
+      <Deployer />
       <Faucet />
       <Wikipedia />
       <Connect />

diff --git a/website/app/components/features/Wikipedia.tsx b/website/app/components/features/Wikipedia.tsx
@@ -26,8 +26,7 @@ const Wikipedia = () => {
           </span>
         </h2>
         <p className="text-[#BC988C]">
-          Generate temporary wallets which can be used during the course of
-          development
+          A collection of Starknet/Cairo learning resources in the ecosystem{" "}
         </p>
       </div>
     </div>