🔧 Refactor Home Page and Layout with Analytics and Updated Components

kuluruvineeth · kuluruvineeth · commit 402f6b7062ac · 2025-02-12T07:40:50.000+05:30
- Updated layout to include AnalyticsProvider and new Navbar
- Simplified home page with DemoVideo and Hero components
- Updated metadata and page structure
- Added CallToAction section to main layout
- Removed previously used components and streamlined design
diff --git a/apps/web/app/(home)/page.tsx b/apps/web/app/(home)/page.tsx
@@ -1,18 +1,13 @@
 import { showBetaFeature } from '@repo/feature-flags';
 import { createMetadata } from '@repo/seo/metadata';
 import type { Metadata } from 'next';
-import { Cases } from './components/cases';
-import { CTA } from './components/cta';
-import { FAQ } from './components/faq';
-import { Features } from './components/features';
+import { DemoVideo } from './components/demo-video';
 import { Hero } from './components/hero';
-import { Stats } from './components/stats';
-import { Testimonials } from './components/testimonials';
 
 const meta = {
-  title: 'From zero to production in minutes.',
+  title: 'An Evolving Open-Source AI Ecosystem',
   description:
-    "next-forge is a production-grade boilerplate for modern Next.js apps. It's designed to have everything you need to build your new SaaS app as quick as possible. Authentication, billing, analytics, SEO, and more. It's all here.",
+    'OpenStudio is an evolving AI ecosystem—start with ChatHub for research and conversations, then leverage verticalized agents like OpenStudio Tube to get the work done for YouTube.',
 };
 
 export const metadata: Metadata = createMetadata(meta);
@@ -22,18 +17,8 @@ const Home = async () => {
 
   return (
     <>
-      {betaFeature && (
-        <div className="w-full bg-black py-2 text-center text-white">
-          Beta feature now available
-        </div>
-      )}
-      <Hero />
-      <Cases />
-      <Features />
-      <Stats />
-      <Testimonials />
-      <FAQ />
-      <CTA />
+      <Hero id="hero" latestUpdate={undefined} />
+      <DemoVideo latestUpdate={undefined} />
     </>
   );
 };
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -1,13 +1,14 @@
 import '@repo/design-system/styles/globals.css';
-import './styles/web.css';
+import { AnalyticsProvider } from '@repo/analytics';
+// import './styles/web.css';
 import { DesignSystemProvider } from '@repo/design-system';
 import { fonts } from '@repo/design-system/lib/fonts';
 import { cn } from '@repo/design-system/lib/utils';
 import { Toolbar } from '@repo/feature-flags/components/toolbar';
 import type { ReactNode } from 'react';
+import { CallToAction } from './components/cta';
 import { Footer } from './components/footer';
-import { Header } from './components/header';
-
+import { Navbar } from './components/navbar';
 type RootLayoutProperties = {
   readonly children: ReactNode;
 };
@@ -18,12 +19,17 @@ const RootLayout = ({ children }: RootLayoutProperties) => (
     className={cn(fonts, 'scroll-smooth')}
     suppressHydrationWarning
   >
-    <body>
-      <DesignSystemProvider>
-        <Header />
-        {children}
-        <Footer />
-      </DesignSystemProvider>
+    <body className="min-h-screen bg-backdrop">
+      <AnalyticsProvider>
+        <DesignSystemProvider>
+          <Navbar />
+          <main className="divide-y divide-gray-700">
+            {children}
+            <CallToAction />
+            <Footer />
+          </main>
+        </DesignSystemProvider>
+      </AnalyticsProvider>
       <Toolbar />
     </body>
   </html>
