Update src/app/page.tsx

src/app/about/page.tsx

@@ -46,16 +46,24 @@ export default function AboutPage() {
           metrics={[
             {
               icon: Building2,
-              label: "Properties Listed",              value: "250+"},
+              label: "Properties Listed",
+              value: "250+",
+            },
             {
               icon: TrendingUp,
-              label: "Projects Completed",              value: "45"},
+              label: "Projects Completed",
+              value: "45",
+            },
             {
               icon: Users,
-              label: "Happy Clients",              value: "1,200+"},
+              label: "Happy Clients",
+              value: "1,200+",
+            },
             {
               icon: Award,
-              label: "Years Experience",              value: "15+"},
+              label: "Years Experience",
+              value: "15+",
+            },
           ]}
         />
       </div>
@@ -70,17 +78,35 @@ export default function AboutPage() {
           animationType="slide-up"
           features={[
             {
-              id: "1",              title: "Residential Complexes",              description:
+              id: "1",
-                "Luxury apartments, villas, and residential communities featuring modern architecture",              tag: "Residential",              imageSrc:
+              title: "Residential Complexes",
-                "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=2",              imageAlt: "Luxury residential complex"},
+              description:
+                "Luxury apartments, villas, and residential communities featuring modern architecture",
+              tag: "Residential",
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=2",
+              imageAlt: "Luxury residential complex",
+            },
             {
-              id: "2",              title: "Commercial Properties",              description:
+              id: "2",
-                "Office spaces, retail centers, and business parks designed for enterprise growth",              tag: "Commercial",              imageSrc:
+              title: "Commercial Properties",
-                "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=4",              imageAlt: "Commercial office building"},
+              description:
+                "Office spaces, retail centers, and business parks designed for enterprise growth",
+              tag: "Commercial",
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=4",
+              imageAlt: "Commercial office building",
+            },
             {
-              id: "3",              title: "Mixed-Use Developments",              description:
+              id: "3",
-                "Integrated projects combining residential, retail, and entertainment spaces",              tag: "Mixed-Use",              imageSrc:
+              title: "Mixed-Use Developments",
-                "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=4",              imageAlt: "Modern mixed-use development"},
+              description:
+                "Integrated projects combining residential, retail, and entertainment spaces",
+              tag: "Mixed-Use",
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=4",
+              imageAlt: "Modern mixed-use development",
+            },
           ]}
         />
       </div>
@@ -94,14 +120,16 @@ export default function AboutPage() {
           copyrightText="© 2025 PropSales. All rights reserved."
           columns={[
             {
-              title: "Company",              items: [
+              title: "Company",
+              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Team", href: "/about" },
                 { label: "Careers", href: "#" },
               ],
             },
             {
-              title: "Properties",              items: [
+              title: "Properties",
+              items: [
                 { label: "All Projects", href: "/projects" },
                 { label: "Ongoing", href: "/projects" },
                 { label: "Completed", href: "/projects" },
@@ -109,7 +137,8 @@ export default function AboutPage() {
               ],
             },
             {
-              title: "Support",              items: [
+              title: "Support",
+              items: [
                 { label: "Contact", href: "/contact" },
                 { label: "FAQ", href: "#" },
                 { label: "Privacy Policy", href: "#" },
@@ -121,4 +150,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -58,14 +58,16 @@ export default function ContactPage() {
           copyrightText="© 2025 PropSales. All rights reserved."
           columns={[
             {
-              title: "Company",              items: [
+              title: "Company",
+              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Team", href: "/about" },
                 { label: "Careers", href: "#" },
               ],
             },
             {
-              title: "Properties",              items: [
+              title: "Properties",
+              items: [
                 { label: "All Projects", href: "/projects" },
                 { label: "Ongoing", href: "/projects" },
                 { label: "Completed", href: "/projects" },
@@ -73,7 +75,8 @@ export default function ContactPage() {
               ],
             },
             {
-              title: "Support",              items: [
+              title: "Support",
+              items: [
                 { label: "Contact", href: "/contact" },
                 { label: "FAQ", href: "#" },
                 { label: "Privacy Policy", href: "#" },
@@ -85,4 +88,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,16 +1,74 @@
 import type { Metadata } from "next";
+import { Halant } from "next/font/google";
+import { Inter } from "next/font/google";
+import { Open_Sans } from "next/font/google";
+import "./globals.css";
+import { ServiceWrapper } from "@/components/ServiceWrapper";
+import Tag from "@/tag/Tag";
+
+const halant = Halant({
+  variable: "--font-halant",
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
+  subsets: ["latin"],
+});
 
 export const metadata: Metadata = {
-  title: "PropSales - Real Estate Solutions",  description: "Transform real estate dreams into reality with our premium property platform."};
+  title: "PropSales - Premium Real Estate Platform | Showcase Your Properties",
+  description: "Connect with builders and investors through our premium real estate platform. Browse ongoing and completed projects, list your properties, and grow your business.",
+  keywords: "real estate, properties, builders, developers, real estate platform, property listings, ongoing projects, completed projects",
+  metadataBase: new URL("https://propsales.com"),
+  alternates: {
+    canonical: "https://propsales.com",
+  },
+  openGraph: {
+    title: "PropSales - Real Estate Solutions",
+    description: "Showcase your real estate projects and connect with qualified buyers and investors on our premium platform.",
+    url: "https://propsales.com",
+    siteName: "PropSales",
+    type: "website",
+    images: [
+      {
+        url: "http://img.b2bpic.net/free-photo/modern-balconies-with-geometric-shapes-glass-reflections-contemporary-facade_169016-68993.jpg",
+        alt: "PropSales Real Estate Platform",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "PropSales - Real Estate Platform",
+    description: "Premium platform for showcasing real estate projects and connecting with investors",
+    images: ["http://img.b2bpic.net/free-photo/modern-balconies-with-geometric-shapes-glass-reflections-contemporary-facade_169016-68993.jpg"],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
 
 export default function RootLayout({
   children,
-}: {
+}: Readonly<{
   children: React.ReactNode;
-}) {
+}>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
-      <body>{children}
+      <ServiceWrapper>
+        <body
+          className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
+        >
+          <Tag />
+          {children}
+        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1378,6 +1436,7 @@ export default function RootLayout({
           }}
         />
       </body>
+      </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -202,4 +202,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/projects/page.tsx

@@ -17,14 +17,16 @@ export default function ProjectsPage() {
 
   const footerColumns = [
     {
-      title: "Company",      items: [
+      title: "Company",
+      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Team", href: "/about" },
         { label: "Careers", href: "#" },
       ],
     },
     {
-      title: "Properties",      items: [
+      title: "Properties",
+      items: [
         { label: "All Projects", href: "/projects" },
         { label: "Ongoing", href: "/projects" },
         { label: "Completed", href: "/projects" },
@@ -32,7 +34,8 @@ export default function ProjectsPage() {
       ],
     },
     {
-      title: "Support",      items: [
+      title: "Support",
+      items: [
         { label: "Contact", href: "/contact" },
         { label: "FAQ", href: "#" },
         { label: "Privacy Policy", href: "#" },
@@ -74,11 +77,26 @@ export default function ProjectsPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "1",              name: "Metropolitan Plaza Phase II",              price: "Pre-Launch: $1.8M",              imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1832.jpg",              imageAlt: "Metropolitan Plaza Phase II"},
+              id: "1",
+              name: "Metropolitan Plaza Phase II",
+              price: "Pre-Launch: $1.8M",
+              imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1832.jpg",
+              imageAlt: "Metropolitan Plaza Phase II",
+            },
             {
-              id: "2",              name: "Riverside Heights Expansion",              price: "Expected Launch: $2.1M",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-cranes-against-skyline_1359-416.jpg",              imageAlt: "Riverside Heights Expansion"},
+              id: "2",
+              name: "Riverside Heights Expansion",
+              price: "Expected Launch: $2.1M",
+              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-cranes-against-skyline_1359-416.jpg",
+              imageAlt: "Riverside Heights Expansion",
+            },
             {
-              id: "3",              name: "Downtown Innovation Hub",              price: "Under Construction: $3.5M",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg",              imageAlt: "Downtown Innovation Hub"},
+              id: "3",
+              name: "Downtown Innovation Hub",
+              price: "Under Construction: $3.5M",
+              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg",
+              imageAlt: "Downtown Innovation Hub",
+            },
           ]}
         />
       </div>
@@ -94,11 +112,26 @@ export default function ProjectsPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "1",              name: "Crystal Park Towers",              price: "$3.2M - $9.5M",              imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=3",              imageAlt: "Crystal Park Towers"},
+              id: "1",
+              name: "Crystal Park Towers",
+              price: "$3.2M - $9.5M",
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=3",
+              imageAlt: "Crystal Park Towers",
+            },
             {
-              id: "2",              name: "Harmony Heights",              price: "$1.1M - $2.8M",              imageSrc: "http://img.b2bpic.net/free-photo/interior-with-bid-dining-room-modern-private-house_181624-17504.jpg?_wi=3",              imageAlt: "Harmony Heights"},
+              id: "2",
+              name: "Harmony Heights",
+              price: "$1.1M - $2.8M",
+              imageSrc: "http://img.b2bpic.net/free-photo/interior-with-bid-dining-room-modern-private-house_181624-17504.jpg?_wi=3",
+              imageAlt: "Harmony Heights",
+            },
             {
-              id: "3",              name: "Business District Central",              price: "$4.5M - $12M",              imageSrc: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=3",              imageAlt: "Business District Central"},
+              id: "3",
+              name: "Business District Central",
+              price: "$4.5M - $12M",
+              imageSrc: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=3",
+              imageAlt: "Business District Central",
+            },
           ]}
         />
       </div>
@@ -127,4 +160,4 @@ export default function ProjectsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f5f4ef;
-  --card: #1a1a1a;
+  --card: #dad6cd;
-  --foreground: #f5f5f5;
+  --foreground: #2a2928;
-  --primary-cta: #d4af37;
+  --primary-cta: #2a2928;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ecebea;
   --secondary-cta-text: #2a2928;
-  --accent: #d4af37;
+  --accent: #ffffff;
-  --background-accent: #1a1a1a;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);