diff --git a/app/layout.tsx b/app/layout.tsx index da525b193..933982a34 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,8 +1,11 @@ import "@/styles/globals.css"; import { Metadata } from "next"; -import { Fira_Code as FontMono, Inter as FontSans } from "next/font/google"; +import { + Fira_Code as FontMono, + Inter as FontSans, + Space_Grotesk as FontGrotesk, +} from "next/font/google"; -import NavBar from "@/components/NavBar"; const fontSans = FontSans({ subsets: ["latin"], @@ -14,6 +17,11 @@ const fontMono = FontMono({ variable: "--font-geist-mono", }); +const fontGrotesk = FontGrotesk({ + subsets: ["latin"], + variable: "--font-grotesk", +}); + export const metadata: Metadata = { title: { default: "HeyGen Interactive Avatar SDK Demo", @@ -32,13 +40,12 @@ export default function RootLayout({ return ( - -
- + +
{children}
diff --git a/app/page.tsx b/app/page.tsx index 8577df834..5a1775c1e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,14 +1,33 @@ "use client"; import InteractiveAvatar from "@/components/InteractiveAvatar"; -export default function App() { + +export default function Home() { return ( -
-
-
- +
+
+ NLACE logo +

+ Hablemos de IA +

+

+ Estoy aquí para guiarte en el proceso de integrar Inteligencia Artificial para tu empresa. Preguntame lo que quieras +

+
+
+
+
+ +
-
+
); } diff --git a/public/nlace-logo.svg b/public/nlace-logo.svg new file mode 100644 index 000000000..3a5c26a45 --- /dev/null +++ b/public/nlace-logo.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/tailwind.config.js b/tailwind.config.js index 293a3b9cc..e8aaf09a3 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -9,6 +9,7 @@ module.exports = { fontFamily: { sans: ["var(--font-sans)"], mono: ["var(--font-geist-mono)"], + grotesk: ["var(--font-grotesk)"], }, }, },