Merge pull request #6 from legend4tech/build-pages

fix: resolved build error

Author: legend4tech

packages/nextjs/app/about/page.tsx

@@ -2,8 +2,11 @@ import { Shield, Zap, TrendingUp, Users, Lock, BarChart3, Building2, Sparkles }
 import { Button } from "~~/components/ui/button"
 import { Card } from "~~/components/ui/card"
 import Link from "next/link"
+import type { Metadata } from "next"
 
-export const metadata = {
+
+
+export const metadata: Metadata = {
   title: "About reAI - AI-Powered Real Estate Tokenization",
   description:
     "Learn how reAI combines blockchain technology and artificial intelligence to revolutionize real estate investment through secure asset tokenization.",

packages/nextjs/components/landing/welcome-modal.tsx

@@ -41,7 +41,7 @@ export function WelcomeModal({ open, onOpenChange }: WelcomeModalProps) {
               className="w-full p-4 sm:p-5 border-2 border-gray-200 rounded-lg hover:border-emerald-500 hover:bg-emerald-50 transition-all group"
             >
               <div className="flex items-center space-x-4">
-                <div className="w-12 h-12 sm:w-14 sm:h-14 rounded-full bg-emerald-500 flex items-center justify-center group-hover:bg-emerald-600 transition-colors flex-shrink-0">
+                <div className="w-12 h-12 sm:w-14 sm:h-14 rounded-full bg-emerald-500 flex items-center justify-center group-hover:bg-emerald-600 transition-colors shrink-0">
                   <ArrowRight className="w-6 h-6 sm:w-7 sm:h-7 text-white" />
                 </div>
                 <div className="text-left">
@@ -57,7 +57,7 @@ export function WelcomeModal({ open, onOpenChange }: WelcomeModalProps) {
               className="w-full p-4 sm:p-5 border-2 border-gray-200 rounded-lg hover:border-blue-500 hover:bg-blue-50 transition-all group"
             >
               <div className="flex items-center space-x-4">
-                <div className="w-12 h-12 sm:w-14 sm:h-14 rounded-full bg-blue-500 flex items-center justify-center group-hover:bg-blue-600 transition-colors flex-shrink-0">
+                <div className="w-12 h-12 sm:w-14 sm:h-14 rounded-full bg-blue-500 flex items-center justify-center group-hover:bg-blue-600 transition-colors shrink-0">
                   <UserPlus className="w-6 h-6 sm:w-7 sm:h-7 text-white" />
                 </div>
                 <div className="text-left">