feat: Introduce InstallSection component and refine existing UI for the marketing page, layout, and various components.

2026-02-08 16:50:30 +00:00
parent 80aaf16bba
commit 4ec9355510
10 changed files with 231 additions and 56 deletions
--- a/app/(marketing)/page.tsx
+++ b/app/(marketing)/page.tsx
@@ -4,6 +4,7 @@ import Hero from '@/components/Hero';
 import Features from '@/components/Features';
 import HowItWorks from '@/components/HowItWorks';
 import CallToAction from '@/components/CallToAction';
+import InstallSection from '@/components/InstallSection';
 import Toast from '@/components/Toast';
 import { useSearchParams, useRouter } from 'next/navigation';
 import { Suspense, useEffect, useState } from 'react';
@@ -29,7 +30,8 @@ function HomeContent() {
            <Hero />
            <Features />
            <HowItWorks />
-            <CallToAction />
+            {/* <CallToAction /> */}
+            <InstallSection />
        </main>
    );
 }
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Inter, Poppins } from "next/font/google";
+import Script from "next/script";
 import "./globals.css";

 const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
@@ -21,6 +22,14 @@ export default function RootLayout({
 }>) {
    return (
        <html lang="en" className="dark scroll-smooth">
+            <head>
+                <Script
+                    defer
+                    src="https://umami.mati.ss/script.js"
+                    data-website-id="40b6b47d-9d1f-47ff-91cf-151c98637945"
+                    strategy="afterInteractive"
+                />
+            </head>
            <body
                className={`${inter.variable} ${poppins.variable} bg-background-dark text-text-light font-sans min-h-screen selection:bg-primary selection:text-background-dark`}
            >