Update src/app/styles/variables.css

Merge version_1 into main

src/app/about/page.tsx

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

src/app/contact/page.tsx

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

src/app/layout.tsx

@@ -1,74 +1,16 @@
 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 - Premium Real Estate Platform | Showcase Your Properties",
+  title: "PropSales - Real Estate Solutions",  description: "Transform real estate dreams into reality with our premium property platform."};
-  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" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body>{children}
-        <body
-          className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1436,7 +1378,6 @@ 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,16 +17,14 @@ export default function ProjectsPage() {
 
   const footerColumns = [
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Team", href: "/about" },
         { label: "Careers", href: "#" },
       ],
     },
     {
-      title: "Properties",
+      title: "Properties",      items: [
-      items: [
         { label: "All Projects", href: "/projects" },
         { label: "Ongoing", href: "/projects" },
         { label: "Completed", href: "/projects" },
@@ -34,8 +32,7 @@ export default function ProjectsPage() {
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "Contact", href: "/contact" },
         { label: "FAQ", href: "#" },
         { label: "Privacy Policy", href: "#" },
@@ -77,26 +74,11 @@ export default function ProjectsPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "1",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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>
@@ -112,26 +94,11 @@ export default function ProjectsPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "1",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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>
@@ -160,4 +127,4 @@ export default function ProjectsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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