Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Properties",
-          id: "properties",
-        },
+          name: "Properties",          id: "properties"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Big Mac Services"
     />
@@ -63,13 +53,9 @@ export default function LandingPage() {
       description="Big Mac Services helps you unlock premium property value, increase sales, and build smarter portfolios."
       buttons={[
         {
-          text: "View Properties",
-          href: "#properties",
-        },
+          text: "View Properties",          href: "#properties"},
         {
-          text: "Learn More",
-          href: "#about",
-        },
+          text: "Learn More",          href: "#about"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-fabulous-young-successful-woman-white-blouse-broad-black-pants-posing-stairs-with-huge-white-building-background-black-white-photo_627829-9842.jpg"
       imageAlt="Luxury minimalist real estate architecture"
@@ -77,25 +63,15 @@ export default function LandingPage() {
       textPosition="bottom"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          alt: "Confident Successful Middle-aged Business Leader",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",          alt: "Confident Successful Middle-aged Business Leader"},
         {
-          src: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg",
-          alt: "Successful young businessman in a formal outfit using a tablet",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg",          alt: "Successful young businessman in a formal outfit using a tablet"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-          alt: "Smiling businessman standing in the airport terminal",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          alt: "Smiling businessman standing in the airport terminal"},
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          alt: "Businessman smiling and looking at camera",
-        },
+          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",          alt: "Businessman smiling and looking at camera"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-          alt: "Smiling businessman standing at airport",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          alt: "Smiling businessman standing at airport"},
       ]}
       avatarText="Trusted by 500+ Industry Leaders"
     />
@@ -120,20 +96,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Property Development",
-          description: "Expert guidance from blueprints to finished builds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side_187299-39624.jpg",
-        },
+          title: "Property Development",          description: "Expert guidance from blueprints to finished builds.",          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-front-side_187299-39624.jpg"},
         {
-          title: "Sales Analytics",
-          description: "Data-driven strategies to maximize your property ROI.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-infographic-with-retro-colors_23-2148393397.jpg",
-        },
+          title: "Sales Analytics",          description: "Data-driven strategies to maximize your property ROI.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-infographic-with-retro-colors_23-2148393397.jpg"},
         {
-          title: "Asset Management",
-          description: "End-to-end security and management for your portfolio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mortgage-papers-key-table_23-2147737965.jpg",
-        },
+          title: "Asset Management",          description: "End-to-end security and management for your portfolio.",          imageSrc: "http://img.b2bpic.net/free-photo/mortgage-papers-key-table_23-2147737965.jpg"},
       ]}
       title="Smart Real Estate Solutions"
       description="We build sustainable, high-value assets and marketing engines."
@@ -143,46 +110,28 @@ export default function LandingPage() {
   <div id="properties" data-section="properties">
       <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Modern Minimalist Loft",
-          price: "$1.2M",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683425.jpg",
-        },
+          id: "p1",          name: "African Modern Luxury Villa",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-landscape-view_23-2149591963.jpg"},
         {
-          id: "p2",
-          name: "Sunset Villa Estate",
-          price: "$3.5M",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-architecture-with-swimming-pool_23-2151993728.jpg",
-        },
+          id: "p2",          name: "Sunset Villa Estate",          price: "$3.5M",          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-architecture-with-swimming-pool_23-2151993728.jpg"},
         {
-          id: "p3",
-          name: "Urban Executive Kitchen",
-          price: "$850K",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-kitchen-space-with-modern-design_23-2150710653.jpg",
-        },
+          id: "p3",          name: "Urban Executive Kitchen",          price: "$850K",          imageSrc: "http://img.b2bpic.net/free-photo/small-kitchen-space-with-modern-design_23-2150710653.jpg"},
         {
-          id: "p4",
-          name: "Master Suite Haven",
-          price: "$950K",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-lamp-pillows_23-2152001390.jpg",
-        },
+          id: "p4",          name: "Master Suite Haven",          price: "$950K",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-lamp-pillows_23-2152001390.jpg"},
         {
-          id: "p5",
-          name: "Sunset Terrace Villa",
-          price: "$2.1M",
-          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg",
-        },
+          id: "p5",          name: "Sunset Terrace Villa",          price: "$2.1M",          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg"},
         {
-          id: "p6",
-          name: "Luxury Skyline Dining",
-          price: "$1.8M",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
-        },
+          id: "p6",          name: "Luxury Skyline Dining",          price: "$1.8M",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg"},
+      ]}
+      buttons={[
+        {
+          text: "Full Property Catalog",          href: "/catalog"},
+        {
+          text: "Book Consultation",          href: "#contact"},
       ]}
       title="Exclusive Property Listings"
       description="Explore our hand-picked selection of high-value real estate investments."
@@ -196,37 +145,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "starter",
-          badge: "Essential",
-          price: "$2,500",
-          subtitle: "For personal buyers",
-          buttons: [
+          id: "starter",          badge: "Essential",          price: "$2,500",          subtitle: "Accelerate Your First Property Purchase",          buttons: [
             {
-              text: "Contact Us",
-              href: "#contact",
-            },
+              text: "Contact Us",              href: "#contact"},
           ],
           features: [
-            "Market evaluation",
-            "Property listing analysis",
-          ],
+            "Market evaluation",            "Property listing analysis"],
         },
         {
-          id: "pro",
-          badge: "Pro",
-          price: "$8,000",
-          subtitle: "For property developers",
-          buttons: [
+          id: "pro",          badge: "Pro",          price: "$8,000",          subtitle: "For property developers",          buttons: [
             {
-              text: "Get Started",
-              href: "#contact",
-            },
+              text: "Get Started",              href: "#contact"},
           ],
           features: [
-            "Development consulting",
-            "Sales strategy",
-            "Market growth reports",
-          ],
+            "Development consulting",            "Sales strategy",            "Market growth reports"],
         },
       ]}
       title="Service Packages"
@@ -239,30 +171,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
-        },
+          id: "t1",          name: "John Doe",          imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg"},
         {
-          id: "t2",
-          name: "Sarah Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-business-woman-greeting-sign_1149-1795.jpg",
-        },
+          id: "t2",          name: "Sarah Smith",          imageSrc: "http://img.b2bpic.net/free-photo/cool-business-woman-greeting-sign_1149-1795.jpg"},
         {
-          id: "t3",
-          name: "Mark Wilson",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-black-white_23-2149411379.jpg",
-        },
+          id: "t3",          name: "Mark Wilson",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-black-white_23-2149411379.jpg"},
         {
-          id: "t4",
-          name: "Alice Brown",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-greyscale-portrait-attractive-caucasian-blonde-female-white-shirt-posing_181624-44279.jpg",
-        },
+          id: "t4",          name: "Alice Brown",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-greyscale-portrait-attractive-caucasian-blonde-female-white-shirt-posing_181624-44279.jpg"},
         {
-          id: "t5",
-          name: "David Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-        },
+          id: "t5",          name: "David Miller",          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
       ]}
       cardTitle="Client Success Stories"
       cardTag="Trusted Partners"
@@ -275,20 +192,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "What areas do you serve?",
-          content: "We operate in all major metropolitan urban hubs.",
-        },
+          id: "f1",          title: "What areas do you serve?",          content: "We operate in all major metropolitan urban hubs."},
         {
-          id: "f2",
-          title: "How do I start?",
-          content: "Simply contact our team through the form below.",
-        },
+          id: "f2",          title: "How do I start?",          content: "Simply contact our team through the form below."},
         {
-          id: "f3",
-          title: "Do you offer financing?",
-          content: "We assist with connection to banking partners.",
-        },
+          id: "f3",          title: "Do you offer financing?",          content: "We assist with connection to banking partners."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Find answers to the most common queries."
@@ -300,8 +208,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Contact"
       title="Ready to scale your real estate?"
       description="Reach out today and let's build something remarkable together."
@@ -313,29 +220,19 @@ export default function LandingPage() {
       logoText="Big Mac Services"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Development",
-              href: "#features",
-            },
+              label: "Development",              href: "#features"},
             {
-              label: "Sales",
-              href: "#pricing",
-            },
+              label: "Sales",              href: "#pricing"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000000;
-  --primary-cta: #000000;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000000;
-  --accent: #000000;
-  --background-accent: #000000;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);