From d9976446b0bf39284a0b60a2066f16bfe73eb1ed Mon Sep 17 00:00:00 2001
From: akdeb <deb2@illinois.edu>
Date: Wed, 23 Apr 2025 13:37:48 +0100
Subject: [PATCH] updated page

---
 .../app/(auth-pages)/login/page.tsx           |  1 +
 .../LandingPage/ProductsSection.tsx           |  2 +-
 frontend-nextjs/app/page.tsx                  | 25 +++++++++++--------
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/frontend-nextjs/app/(auth-pages)/login/page.tsx b/frontend-nextjs/app/(auth-pages)/login/page.tsx
index 176fd0d..0e06ac5 100644
--- a/frontend-nextjs/app/(auth-pages)/login/page.tsx
+++ b/frontend-nextjs/app/(auth-pages)/login/page.tsx
@@ -102,6 +102,7 @@ export default async function Login({ searchParams }: LoginProps) {
           )}
 
            <Separator className="mt-2" />
+           <span className="text-sm text-gray-500">If you've got your DB running locally, you can login with: <br/><span className="font-bold">Email</span> admin@elatoai.com<br /><span className="font-bold">Password</span> admin</span>
          
           <form className="flex-1 flex flex-col w-full justify-center gap-4">
             <Label className="text-md" htmlFor="email">
diff --git a/frontend-nextjs/app/components/LandingPage/ProductsSection.tsx b/frontend-nextjs/app/components/LandingPage/ProductsSection.tsx
index be9ea49..bbb40aa 100644
--- a/frontend-nextjs/app/components/LandingPage/ProductsSection.tsx
+++ b/frontend-nextjs/app/components/LandingPage/ProductsSection.tsx
@@ -38,7 +38,7 @@ const products: Product[] = [
         description: "Create custom AI experiences with our developer-friendly kit, complete with sensors and tutorials",
         price: 45,
 		url: "/products/ai-devkit",
-        imageUrl: "/products/devkit.png",
+        imageUrl: "/products/devkit1.png",
 		features: [
 			"Flash our open source code to your device",
 			"Flexible speaker and Lipo battery options",
diff --git a/frontend-nextjs/app/page.tsx b/frontend-nextjs/app/page.tsx
index d9f5e7e..022f50b 100644
--- a/frontend-nextjs/app/page.tsx
+++ b/frontend-nextjs/app/page.tsx
@@ -1,18 +1,19 @@
 import Link from "next/link"
 import { ChevronRight, Zap, Star, Home } from "lucide-react"
 import { Button } from "@/components/ui/button"
-import VideoPlayer from "./components/LandingPage/VideoPlayer"
-import { DEVICE_COST, discordInviteLink, SUBSCRIPTION_COST, tiktokLink, videoSrc, videoSrc2, videoSrc3, videoSrc4 } from "@/lib/data";
+import { DEVICE_COST, SUBSCRIPTION_COST } from "@/lib/data";
 import { createClient } from "@/utils/supabase/server"
 import { getAllPersonalities } from "@/db/personalities"
 import { CharacterShowcase } from "./components/LandingPage/CharacterShowcase";
 import { CreateCharacterShowcase } from "./components/LandingPage/CreateCharacterShowcase";
-import { FaDiscord, FaTiktok } from "react-icons/fa";
 import ProductsSection from "./components/LandingPage/ProductsSection";
 import Image from "next/image";
+import { fetchGithubStars } from "./actions";
 
 export default async function LandingPage() {
   const supabase = createClient();
+  const { stars } = await fetchGithubStars("akdeb/ElatoAI");
+
   const allPersonalities = await getAllPersonalities(supabase);
   const adultPersonalities = allPersonalities.filter((personality) => !personality.is_story && !personality.is_child_voice);
   return (
@@ -59,14 +60,18 @@ export default async function LandingPage() {
                     </Link>
                   </div>
                   
-                  <div className="flex items-center space-x-2 justify-center text-amber-500 mb-4">
-                    <Star className="fill-amber-500" />
-                    <Star className="fill-amber-500" />
-                    <Star className="fill-amber-500" />
-                    <Star className="fill-amber-500" />
-                    <Star className="fill-amber-500" />
-                    <span className="ml-2 text-gray-700">200+ Happy Customers</span>
+                  <div className="flex flex-col items-center justify-center space-y-2">
+                    <p className="text-gray-700 text-sm">If you like this project, please star it on GitHub!</p>
+                    <a href="https://github.com/akdeb/ElatoAI" target="_blank" rel="noopener noreferrer" 
+                      className="flex items-center bg-gray-900 hover:bg-gray-800 transition-colors text-white px-4 py-2 rounded-md">
+                      <svg viewBox="0 0 24 24" className="h-5 w-5 mr-2 fill-white" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                      </svg>
+                      <span className="font-medium">Star on GitHub</span>
+                      <span className="ml-2 bg-white text-gray-900 px-2 py-0.5 rounded-md text-xs font-bold">{stars}</span>
+                    </a>
                   </div>
+                  
                   {/* <div className="flex items-center space-x-3">
                       <Link href="https://discord.gg/your-discord" target="_blank" rel="noopener noreferrer" 
                         className="text-purple-600 hover:text-purple-800 transition-colors">