Brand changes

packages/nextjs/components/Footer.tsx

@@ -1,6 +1,5 @@
 import { hardhat } from "wagmi/chains";
 import { CurrencyDollarIcon } from "@heroicons/react/24/outline";
-import { HeartIcon } from "@heroicons/react/24/outline";
 import { SwitchTheme } from "~~/components/SwitchTheme";
 import { Faucet } from "~~/components/scaffold-eth";
 import { useGlobalState } from "~~/services/store/store";
@@ -30,38 +29,45 @@ export const Footer = () => {
       </div>
       <div className="w-full">
         <ul className="menu menu-horizontal w-full">
-          <div className="flex justify-center items-center gap-2 text-sm w-full">
+          <div className="flex flex-col md:flex-row md:justify-center items-center gap-y-1 gap-x-2 text-sm w-full">
             <div>
               <a
                 href="https://github.com/scaffold-eth/se-2"
                 target="_blank"
                 rel="noreferrer"
                 className="underline underline-offset-2"
               >
-                Fork me
+                Clóname
               </a>
             </div>
-            <span>·</span>
+            <span>·</span>{" "}
             <div>
-              Built with <HeartIcon className="inline-block h-4 w-4" /> at 🏰{" "}
               <a
-                href="https://buidlguidl.com/"
+                href="https://github.com/scaffold-eth/se-2"
                 target="_blank"
                 rel="noreferrer"
                 className="underline underline-offset-2"
               >
-                BuidlGuidl
+                Contribuye
+              </a>
+            </div>
+            <span>·</span>
+            <div>
+              Creado por{" "}
+              <a href="https://ladao.club" target="_blank" rel="noreferrer" className="underline underline-offset-2">
+                La DAO
               </a>
             </div>
             <span>·</span>
             <div>
+              Construido con{" "}
               <a
-                href="https://t.me/joinchat/KByvmRe5wkR-8F_zz6AjpA"
+                href="https://www.scaffoldeth.io/"
                 target="_blank"
                 rel="noreferrer"
                 className="underline underline-offset-2"
               >
-                Support
+                Scaffold-ETH 2
               </a>
             </div>
           </div>

packages/nextjs/components/Header.tsx

@@ -62,7 +62,7 @@ export const Header = () => {
 
   return (
     <div className="sticky lg:static top-0 navbar bg-base-100 min-h-0 flex-shrink-0 justify-between z-20 shadow-md shadow-secondary px-0 sm:px-2">
-      <div className="navbar-start w-auto lg:w-1/2">
+      <div className="navbar-start w-auto lg:w-full">
         <div className="lg:hidden dropdown" ref={burgerMenuRef}>
           <label
             tabIndex={0}
@@ -86,12 +86,11 @@ export const Header = () => {
           )}
         </div>
         <Link href="/" passHref className="hidden lg:flex items-center gap-2 ml-4 mr-6">
-          <div className="flex relative w-10 h-10">
-            <Image alt="SE2 logo" className="cursor-pointer" fill src="/logo.svg" />
+          <div className="flex relative w-8 h-8">
+            <Image alt="La DAO logo" className="cursor-pointer" fill src="/assets/logo/D-logo-64.svg" />
           </div>
           <div className="flex flex-col">
-            <span className="font-bold leading-tight">Scaffold-eth</span>
-            <span className="text-xs">Ethereum dev stack</span>
+            <span className="font-bold leading-tight">La DAO</span>
           </div>
         </Link>
         <ul className="hidden lg:flex lg:flex-nowrap menu menu-horizontal px-1 gap-2">{navLinks}</ul>

packages/nextjs/components/MetaHeader.tsx

@@ -45,7 +45,10 @@ export const MetaHeader = ({
         </>
       )}
       {twitterCard && <meta name="twitter:card" content={twitterCard} />}
-      <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png" />
+      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+      <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+      <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+      <link rel="manifest" href="/site.webmanifest" />
       {children}
     </Head>
   );

packages/nextjs/pages/index.tsx

@@ -10,15 +10,16 @@ const Home: NextPage = () => {
       <div className="flex items-center flex-col flex-grow pt-10">
         <div className="px-5">
           <h1 className="text-center mb-8">
-            <span className="block text-2xl mb-2">Welcome to</span>
-            <span className="block text-4xl font-bold">Scaffold-ETH 2</span>
+            <span className="block text-2xl mb-2">Bienvenido a La DAO</span>
+            <span className="block text-4xl font-bold">Área de Juegos</span>
           </h1>
           <p className="text-center text-lg">
-            Get started by editing{" "}
+            Inicia editando{" "}
             <code className="italic bg-base-300 text-base font-bold">packages/nextjs/pages/index.tsx</code>
           </p>
           <p className="text-center text-lg">
-            Edit your smart contract <code className="italic bg-base-300 text-base font-bold">YourContract.sol</code> in{" "}
+            Edita el contrato inteligente{" "}
+            <code className="italic bg-base-300 text-base font-bold">YourContract.sol</code> en{" "}
             <code className="italic bg-base-300 text-base font-bold">packages/hardhat/contracts</code>
           </p>
         </div>

packages/nextjs/public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}