From c434a9cd919e26cefa68795028facb37bc938c31 Mon Sep 17 00:00:00 2001
From: akdeb <deb2@illinois.edu>
Date: Mon, 28 Apr 2025 12:24:07 +0100
Subject: [PATCH] updating navbar buttons

---
 .DS_Store                                     | Bin 10244 -> 10244 bytes
 .../app/components/Nav/LeftNavbarButtons.tsx  |  30 +++++++++---------
 .../app/components/Nav/NavbarButtons.tsx      |  13 ++++++--
 frontend-nextjs/app/favicon.ico               | Bin 272 -> 6510 bytes
 frontend-nextjs/app/page.tsx                  |   3 +-
 frontend-nextjs/public/.DS_Store              | Bin 12292 -> 12292 bytes
 6 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index 0f06e701ce9657da6e220e045a32228889acab5b..77552bfd649ae9fa10c378d943e97c564ee092ec 100644
GIT binary patch
delta 1009
zcmeIw+e_179LMqR=W)vK*Ms>uH#dL%f}+Dxmrb(6q|DaA+QKcJxh}G%`w62p#i?aQ
zQh1dW!4E2m=x|X|5QT>*IzSN-gpuu{pvc=GC~txcqQ|X2K<KvT?)`nfS1-N;p@God
zahuNbwQy5-S94^q5IrfQ!AL~A<Gse_Xt$9vCvEL&B;MAMY>Xc^%zI9|rmA=5I`oB0
z%2rf)*Za2m>(d3I&{|~U+&pU!fSVufo*g`#lKUd6sF~k#H|OE~@nlS-)a=Al$+f0L
zwADz6n5tx!R;}h*bFa~rigzSM;P0^7#?46akh-YWLz!p7QQYq#ANi?;I;oEa=^S05
z5gMg2dO_p#fj-k0nxY@{lcwnxEXYRz1PY<Sg;JEE995{rM)(jw2n}dN7<<r)7!0(d
z13fs1L+HZ^oWv=d#u=Q)Rb0b$+{QyZ!ecj{;3X#T4rzSCH+;twrkRE1vOHG61hcXt
zwv@S;hk03z`OFcM#(Lehy6yhJtc;<WZ=7*S=`C5ln=e)*k;qLuOSE~qi<c@AN91MG
ztyd^wR1qwbyi#AON_3HvO}D;ARRpq8&DW`tUs$p^pPNrh+_Q9jMHBR%Ch4nm{f!(b
za9{zJp#p1BgAG!06SklpLF|;CGny^fhbY>RzyT@Ri7p($Q5-`*j!V@+={lo&0T*!z
omvI9(F@#%I3}XaixQ_=C`Z-?X?XamO=a@lf@c$M5>lOO`0C<n~?EnA(

delta 913
zcmeIwyK9qC9LDkUJypqTPxUn>%~b>y6^u<{v6j*y3O21#2sCZuWvM2?*qDIvMnP&Z
zc*Dt~t`$Y74qA-hP_0<J45A_g!RnxcC~ktFS;V)Ad;J6aZO_9qefX8)rTD}vhg~&!
z6Mcz(l}u*$74p5=;k5qd$mpQksmt!A#>z-Y)J_+iE~%70>x`jv#TnYJ5=Com4%&>$
zVsnXoT|lYCP&S`3i$=W(g_XB2H@G*QGgF4GHrm*xyaPwmhl<%k-i-Y%I~+>Ko5wLU
zuI7=|qFqEpLS#fijEW0lOxzO>#gup{-ilA+i})_8;x`~^K;guN8xJc85@rLfbka=^
z+vp|9E_SnrGzZ9WkUYmY!3ZZA<vbU;#AU89#yB^*MVV=y@HD_PUNggcKJb~J{GuwQ
zRI*7fk}m0%Ug?u9GAP^SX4$2uT`5b@AMK9zsMuVB&)r#zF6>!vs#P|N#GGGod%QmX
z8m03dUyBO+TMdiTY^c>L;NN7}OzNRSbs83|Ij<g<DSh7)m_zK1m=PbvSMftsSwJHu
z%UMf^HX?KpwTxoypq~MDT2ix48TON9h{GJQtd29xDN3B?4CgE_ZHdi#UF90rxxsDj
jFu`3rlRRLGM?AI&Ur^y)S$p#fb)$3Z|3CWIKicvKBDmR6

diff --git a/frontend-nextjs/app/components/Nav/LeftNavbarButtons.tsx b/frontend-nextjs/app/components/Nav/LeftNavbarButtons.tsx
index f9b48f3..4b95cff 100644
--- a/frontend-nextjs/app/components/Nav/LeftNavbarButtons.tsx
+++ b/frontend-nextjs/app/components/Nav/LeftNavbarButtons.tsx
@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button";
-import { Hospital, Sparkle, ChevronDown, Dog, Bird, Hop, Wand, Plus, Blocks, Gamepad2 } from "lucide-react";
+import { Home, Sparkle, ChevronDown, Dog, Bird, Hop, Plus, Blocks, Gamepad2 } from "lucide-react";
 import {
     DropdownMenuSeparator,
     DropdownMenu,
@@ -34,21 +34,21 @@ export default function LeftNavbarButtons({ user }: LeftNavbarButtonsProps) {
 
     return (
         <div className="flex flex-row gap-4 sm:gap-10 items-center">
-            <a className="flex flex-row gap-3 items-center" href="/">
-                <Wand size={ICON_SIZE} />
-                <p
-                    className={`flex items-center font-silkscreen text-xl text-stone-800 dark:text-stone-100 relative`}
-                >
-{shouldShowHospital ? (
-                      <>
-                        <span>Elato | <span className="text-cyan-700">{firstWordOfHospital}</span></span>
-                        <span className="absolute -top-3 -right-3 text-cyan-700"><Plus size={12} strokeWidth={3} /></span>
-                      </>
-                    ) : (
-                      <span>Elato</span>
-                    )}
+        <Button
+            variant="outline"
+            className="flex flex-row gap-2 items-center px-4 py-2 rounded-lg"
+            asChild
+            aria-label="Go to Home page"
+            title="Click to go to Home page"
+        >
+            <a href="https://www.elatoai.com">
+                <Home size={18} className="mr-1" />
+                <p className="flex items-center font-silkscreen text-xl">
+                    <span>Elato</span>
                 </p>
+                <span className="text-xl">👾</span>
             </a>
-        </div>
+        </Button>
+    </div>
     );
 }
diff --git a/frontend-nextjs/app/components/Nav/NavbarButtons.tsx b/frontend-nextjs/app/components/Nav/NavbarButtons.tsx
index b0425fd..f70a8d0 100644
--- a/frontend-nextjs/app/components/Nav/NavbarButtons.tsx
+++ b/frontend-nextjs/app/components/Nav/NavbarButtons.tsx
@@ -45,13 +45,20 @@ const NavbarButtons: React.FC<NavbarButtonsProps> = ({
                     className="ml-4"
                     // className="bg-nav-bar rounded-full px-3"
                 >
-                    <Button
+                     <Button
                         size="sm"
-                        variant={"ghost"}
-                        className="flex bg-nav-bar border-0 sm:mr-2 flex-row gap-2 items-center rounded-full"
+                        variant={isMobile ? "ghost" : "outline"}
+                        className="flex bg-nav-bar border-0 sm:mr-2 sm:border flex-row gap-2 items-center rounded-full"
                     >
                         <FaGithub className="text-xl" />
                         <p className="hidden sm:flex font-normal">GitHub</p>
+                        <Separator
+                            orientation="vertical"
+                            className="hidden sm:flex"
+                        />
+                        <p className="hidden sm:flex text-xs font-normal">
+                            {stars?.toLocaleString() ?? 347}
+                        </p>
                     </Button>
                 </Link>
             )}
diff --git a/frontend-nextjs/app/favicon.ico b/frontend-nextjs/app/favicon.ico
index a820956b4e3e839ac76f815dfb96470abccc2144..a5944ac5fca88ee0ea9146026b2f71e98146d666 100644
GIT binary patch
literal 6510
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

literal 272
zcmV+r0q_2aP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px#%1J~)R7gwBQ~?fxFbq6ihQ3UEnffwa4Nb7SZ5^Ef60#81yY_nRgg-x10DoCy
z^`uY{g7=D8#W)p#mBfBO0K8IFKa%xSAOM&2J`>Q@2(JI`5dy)K>}~*TV$u&roLvl<
ziifr&(u^hAmd|XO-9MZlELp1pOF*rd8ZS-G93;U#1Vt+XC|cM{zyMl<_pRPTP|9w|
zE~-s$n4ku(Q@uUA)^!WqZC}=dVc@LEL%}V9?h(2b-I|z-TZx2VCcAzwwtEiFP4EGl
W)ixPLTSjsK0000<MNUMnLSTa5Giy@-

diff --git a/frontend-nextjs/app/page.tsx b/frontend-nextjs/app/page.tsx
index 9c2e952..4ab9c56 100644
--- a/frontend-nextjs/app/page.tsx
+++ b/frontend-nextjs/app/page.tsx
@@ -9,6 +9,7 @@ import { CreateCharacterShowcase } from "./components/LandingPage/CreateCharacte
 import ProductsSection from "./components/LandingPage/ProductsSection";
 import Image from "next/image";
 import { fetchGithubStars } from "./actions";
+import YoutubeDemo from "./components/LandingPage/YoutubeDemo";
 
 export default async function LandingPage() {
   const supabase = createClient();
@@ -114,7 +115,7 @@ export default async function LandingPage() {
             </div>
           </div>
         </section>
-
+        <YoutubeDemo caption="Elato AI ESP32-S3 Demo" />
         {/* Products Section */}
         <ProductsSection />
 
diff --git a/frontend-nextjs/public/.DS_Store b/frontend-nextjs/public/.DS_Store
index 00f79c8485104ab2fa1fd48c2151a9c96a7608e0..39b5ae719276f39d09a7011e7f0147ee5ab3a672 100644
GIT binary patch
delta 743
zcmZvZPiPZC7{&KZ{xmULvkftcqeiJ{rHV-#Eh17|icM=;A~kK3w%Dfbmaa`UCA(TF
zNGb+J!Go@P@t|!HtOpGS@t`P*ir_(zUW^_T6c3&RL3<H*lZ_|mFyF^}^X8i$lOM~E
z6)bLl<M?z+l$Btx1Y$B<tTi_KDhFFjWBsuKHm*jwdG)8+t$uQcOkAByZMArE8~l_V
z;ggEco8iR?QQ)};Hv6(uv+Mno4(m=wR?v3dW-H5E8z>u-#aV$%8V9%UVA<G|DDj+Z
zuSA1QEbUJv$AuKf+bgl%Ei4^8A!KDSBXJQ!-0RM<G=4ObP79JE8)EBzN{{Gsdy=ve
zofahRO|OmN9hx^JPbRZMbVd@gh8ot?QO;S`_0R!cR5DdFqG2TT>)Ls~4B_JHob(Xw
zvvKciqiUaZizOx{(}H@@8p?fUzA-<T73L2B0uxxQffqikMLhy&LNh|xhc0yEAPysr
zAq-;#0*)btG$hR66mpouX<Wc%T)|ab!wuZV67Hag=Ximac!jqp;R8P6D}LcORtO<1
zsU@q4x0(0|CF{se5+Hj>JLx20ro0F$l}Q-YC?u{Xyc_+C|Nr;(;jVBu8!1LP2h=6s
zbx$?CxvjC%R>=cu#O28a(SkN~BCOFx(2D^KBB3$rgcF#Ah$$#Iu2G)EEY2X0vp9$I
z8mX$W>ZCWZfJNNGUED(f_wfji@dQutOk;n8WxPkJGWZ`*PxVa<W7S)HFE-FGmP>QH
TijGZ%8g<^>T{LfdSZ@9TRFkiS

delta 950
zcmb`FOH30{6o&7AL!p%s2CUMe6GSi~0VJrQs2D&n@|IU94}pOh!T_B@ryvhajlqoy
z#>_$^zF28A5+WeRjSCggl?Gjy7#Bp1y1_&@DhqGh!NjGBlg!*Z|GDR!`+qqjEh8;c
zCM&A+!!aAegj#1^eFLYz<k#zsA??{trOmBYDMNBI&-ZC^rQ9ugm3}#2^var*{QbZ(
z84(kgn3S54xi6=nu(U#7v^v6U_SlV^1VL|!viY2Stx9j7;vM7@%;r~-d{p%2c!6t_
zShZ5Oq_iut#Lt>7fymZ)L1^$t4tQktm5hY#$pTlcu?z8{aWHKM$5nSJs>ExSVCv3Y
zoKVv(w#wbSWC`|hWN|{RuV40Pid*H24K>@!3C=dR%O$H`&Cqi51fj{_w?x#u<vp^>
z?zCVuKgeSBT8HS7%a5wE$54xy+RR4=bbnHTq<GzdAoE_vY}EP7<x0}pfQwk0JyNI=
zYV^`jyDujr$S@%%+1RWytyV>soRE_q{I?J@5l9BfCncnXc*rmrB^SvAnITWeJb6vt
zk<VnA`~VON3)UbUR>UF^DcFrnIFN-rl%oQbs6rz;pr8{P27DO8Fpl9APU9>_F@_7c
zf@`>r3EaY6%wQJx@DK}lhUZws65itjK4KX^@e3=|L}RFp+UXXWLQ`oP&7=;xhwi0i
zw46GrNIR*U4g?)g7|xEYI%KPfy>w7dkBP%1n?HL<VNvm);Y<Ce;nSD-E`7i@{-2P(
zAxq>F`ASw8(g>`B4cm~;K<>vOlrfZkkTqyRGeopPf(t5o&<ib};XDo>PT(ZYFsNfV
zhx53Eaa_h#+`vr+_BQS?taG@J2Y7_Xn8#BC@LPuW3%=<K(Q)|BxLBvdVqci1!#7Wb
O>D?iP(;-Q7fz59Q0^_X!