Chore update icons

frontend/src/app/components/internal/Footer.tsx

@@ -2,7 +2,7 @@ const Footer = () => {
   return (
     <footer className="flex h-20 flex-col items-center justify-center bg-accent-secondary">
       <div className="p-6">
-        <p className="text-center text-[#BC988C]">Built with ❤️ by Argent & Horus Labs</p>
+        <p className="text-center text-[#BC988C]">Built with ❤️ Horus Labs</p>
       </div>
     </footer>
   );

website/app/components/Footer.tsx

@@ -20,7 +20,7 @@ const Footer = () => {
       </div>
       <div className="p-6">
         <p className="text-center text-[#BC988C]">
-          Built with ❤️ by Argent & Horus labs
+          Built with ❤️ by Horus labs
         </p>
       </div>
     </footer>

website/app/components/WhyUs.tsx

@@ -1,22 +1,18 @@
-const Point = ({ desc, title }: { desc: string; title: string }) => {
+const Point = ({
+  desc,
+  title,
+  img,
+}: {
+  desc: string;
+  title: string;
+  img: string;
+}) => {
   return (
-    <div className="flex items-center gap-4  w-full p-4 lg:p-8 rounded-[20px] bg-varying">
-      <div className="text-[#FF6734] w-[2.5em] h-[2.5em] bg-[#FFEBDA]  rounded-full">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="2.5em"
-          height="2.5em"
-          viewBox="0 0 24 24"
-        >
-          <path
-            fill="currentColor"
-            fill-rule="evenodd"
-            d="M14 2a1 1 0 0 0-1.864-.504l-7 12A1 1 0 0 0 6 15h4v7a1 1 0 0 0 1.864.504l7-12A1 1 0 0 0 18 9h-4z"
-            clip-rule="evenodd"
-          />
-        </svg>
+    <div className="grid grid-cols-12 items-center gap-4 p-4 lg:p-8 rounded-[20px] bg-varying">
+      <div className="rounded-full col-span-2 bg-[#FFEBDA] flex justify-center items-center  p-2 h-12 w-12">
+        <img src={img} alt="" aria-hidden className="w-full h-full" />
       </div>
-      <div>
+      <div className="col-span-10">
         <h3>{title}</h3>
         <p className="text-[#BC988C] text-[.875em]">{desc}</p>
       </div>
@@ -33,44 +29,40 @@ const WhyUs = () => {
           <div className="h-[300px] glass-img">
             <img src="/glass.svg" alt="" />
           </div>
-          <div className="text-[#FF6734] w-[2.5em] h-[2.5em] bg-[#FFEBDA]  rounded-full">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="2.5em"
-              height="2.5em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                fill-rule="evenodd"
-                d="M14 2a1 1 0 0 0-1.864-.504l-7 12A1 1 0 0 0 6 15h4v7a1 1 0 0 0 1.864.504l7-12A1 1 0 0 0 18 9h-4z"
-                clip-rule="evenodd"
-              />
-            </svg>
+          <div className="bg-[#FFEBDA] h-12 w-12 flex items-center justify-center p-2 rounded-full">
+            <img src="./prototyping.svg" alt="" aria-hidden />
           </div>
           <h3>From prototyping to production..</h3>
           <p className="text-[#BC988C] text-[.875em]">
             Starknet Scaffold is designed to simplify the process for developers
             to create, declare, and deploy smart contracts alongside build
             interactive user interfaces.
           </p>
-          <a href="https://docs.starknetscaffold.xyz" className="border-solid border-[#B4B4B4] border-[2px] min-w-[6rem] Try Online px-2 py-1 rounded-[8px] w-fit hover:rounded-[20px] transition-all duration-400"><span>Docs</span>
+          <a
+            href="https://docs.starknetscaffold.xyz"
+            className="border-solid border-[#B4B4B4] flex items-center justify-center border-[2px] min-w-[6rem] Try Online px-2 py-1 rounded-[8px] w-fit hover:rounded-[20px] transition-all duration-400"
+          >
+            <span>Docs</span>
           </a>
         </figure>
         <div className="w-full flex flex-col gap-4">
           <Point
+            img="./out-of-box.svg"
             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
+            img="./script.svg"
             title="Scripts to make your life easier"
             desc="We've added NPM scripts to help simplify your contract development with Starknet-Foundry"
           />
           <Point
+            img="./burner.svg"
             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
+            img="./wikipedia-icon.svg"
             title="Starknet Wikipedia"
             desc="First time developing on Starknet? no worries! we've compiled the best learning tools and resources for you"
           />

website/app/components/features/Deployer.tsx → website/app/components/features/Burner.tsx

@@ -1,28 +1,28 @@
 import UpRightArrowIcon from "@/app/svg/UpRightArrowIcon";
 import Link from "next/link";
 
-const Deployer = () => {
+const Burner = () => {
   return (
     <Link
-      href={"https://app.starknetscaffold.xyz/scaffold-deployer"}
+      href={"https://starknet-scaffold.vercel.app/burner"}
       target="_blank"
       className="flex flex-col md:flex-row-reverse md:items-center gap-8 group"
     >
       <div className="grid grid-cols-1 grid-rows-1 max-h-[400px]">
         <img
           src="/burner-wallet.svg"
-          alt="deployer"
+          alt="Burner"
           className="col-start-1 row-start-1 dark-img"
         />
         <img
           src="/light-burner.svg"
-          alt="deployer"
+          alt="Burner"
           className="col-start-1 row-start-1 rounded-[8px] light-img"
         />
       </div>
       <div className="px-2 md:px-8">
         <h2 className="flex items-center gap-2 font-semibold">
-          <span>Scaffold Deployer</span>
+          <span>Burner wallet</span>
           <span className="inline-block transition-all duration-300 group-hover:-translate-y-1 group-hover:translate-x-[.1rem]">
             <UpRightArrowIcon />
           </span>
@@ -36,4 +36,4 @@ const Deployer = () => {
   );
 };
 
-export default Deployer;
+export default Burner;

website/app/components/features/Features.tsx

@@ -1,12 +1,12 @@
-import Deployer from "./Deployer";
+import Burner from "./Burner";
 import Connect from "./Connect";
 import Faucet from "./Faucet";
 import Wikipedia from "./Wikipedia";
 
 const Features = () => {
   return (
     <section className="container mx-auto px-4 py-16 md:py-16  md:px-20  flex flex-col gap-16 overflow-hidden">
-      <Deployer />
+      <Burner />
       <Faucet />
       <Wikipedia />
       <Connect />

website/app/globals.css

@@ -85,10 +85,6 @@ main {
   transition: background 0.5s;
   font-weight: 400;
 }
-img {
-  width: 100%;
-  height: 100%;
-}
 
 #sun {
   will-change: transform;