Update src/app/styles/variables.css

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Properties",
+          name: "Properties",          id: "properties"},
-          id: "properties",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="EstateView"
     />
@@ -54,71 +46,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Your Gateway to Extraordinary Living"
       description="Discover hand-picked premium properties that define luxury, comfort, and sophistication. Partner with experts who put your vision first."
       kpis={[
         {
-          value: "1.2K+",
+          value: "1.2K+",          label: "Properties Sold"},
-          label: "Properties Sold",
-        },
         {
-          value: "98%",
+          value: "98%",          label: "Client Satisfaction"},
-          label: "Client Satisfaction",
-        },
         {
-          value: "15+",
+          value: "15+",          label: "Years Experience"},
-          label: "Years Experience",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/modern-living-room-with-large-windows-gray-sofa-tv_9975-33067.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/modern-cozy-living-room-with-natural-light-plants_23-2151972890.jpg",
+          src: "http://img.b2bpic.net/free-photo/modern-cozy-living-room-with-natural-light-plants_23-2151972890.jpg",          alt: "Modern and cozy living room"},
-          alt: "Modern and cozy living room",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/modern-spacious-studio-with-clean-layout-inviting-homey-vibe_482257-120649.jpg",
+          src: "http://img.b2bpic.net/free-photo/modern-spacious-studio-with-clean-layout-inviting-homey-vibe_482257-120649.jpg",          alt: "Modern spacious studio"},
-          alt: "Modern spacious studio",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/modern-house-with-balconies-windows-black-white-with-plants-trees-front_181624-2067.jpg",
+          src: "http://img.b2bpic.net/free-photo/modern-house-with-balconies-windows-black-white-with-plants-trees-front_181624-2067.jpg",          alt: "Modern house with balconies"},
-          alt: "Modern house with balconies",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/light-open-room-with-simple-style-large-white-walls_157027-4081.jpg",
+          src: "http://img.b2bpic.net/free-photo/light-open-room-with-simple-style-large-white-walls_157027-4081.jpg",          alt: "Light open room"},
-          alt: "Light open room",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg",          alt: "Smiley couple with realtor"},
-          alt: "Smiley couple with realtor",
-        },
       ]}
       avatarText="Trusted by over 5,000 happy families."
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Luxury Homes"},
-          text: "Luxury Homes",
-        },
         {
-          type: "text",
+          type: "text",          text: "Prime Locations"},
-          text: "Prime Locations",
-        },
         {
-          type: "text",
+          type: "text",          text: "Market Leading Expertise"},
-          text: "Market Leading Expertise",
-        },
         {
-          type: "text",
+          type: "text",          text: "Global Reach"},
-          text: "Global Reach",
-        },
         {
-          type: "text",
+          type: "text",          text: "Sustainable Design"},
-          text: "Sustainable Design",
-        },
       ]}
     />
   </div>
@@ -131,17 +96,11 @@ export default function LandingPage() {
       description="With over 15 years in the market, we provide tailored guidance for every step of your journey. Our commitment to excellence ensures your property investment is in trusted hands."
       bulletPoints={[
         {
-          title: "Market Insight",
+          title: "Market Insight",          description: "Unmatched data-driven property analysis."},
-          description: "Unmatched data-driven property analysis.",
-        },
         {
-          title: "Client First",
+          title: "Client First",          description: "Personalized service for your unique needs."},
-          description: "Personalized service for your unique needs.",
-        },
         {
-          title: "Exclusive Access",
+          title: "Exclusive Access",          description: "Off-market opportunities for savvy buyers."},
-          description: "Off-market opportunities for savvy buyers.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-real-estate-agent-showing-house_23-2150225224.jpg"
       mediaAnimation="slide-up"
@@ -156,59 +115,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Luxury Estates",          name: "Modern Hillside Villa",          price: "$1,250,000",          rating: 5,
-          brand: "Luxury Estates",
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg"},
-          name: "Modern Hillside Villa",
-          price: "$1,250,000",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-interior-with-oven_169016-19754.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Prime Realty",          name: "City Center Penthouse",          price: "$2,400,000",          rating: 5,
-          brand: "Prime Realty",
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/folding-chairs-near-pool-lawn-yard_23-2148107888.jpg"},
-          name: "City Center Penthouse",
-          price: "$2,400,000",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/folding-chairs-near-pool-lawn-yard_23-2148107888.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "Coastline Homes",          name: "Beachfront Sanctuary",          price: "$3,100,000",          rating: 4,
-          brand: "Coastline Homes",
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-home-architecture-with-pool_23-2149647178.jpg"},
-          name: "Beachfront Sanctuary",
-          price: "$3,100,000",
-          rating: 4,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-home-architecture-with-pool_23-2149647178.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "GreenLiving",          name: "Sustainable Eco-Home",          price: "$950,000",          rating: 5,
-          brand: "GreenLiving",
+          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg"},
-          name: "Sustainable Eco-Home",
-          price: "$950,000",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "Urban Living",          name: "Stylish Loft Studio",          price: "$650,000",          rating: 4,
-          brand: "Urban Living",
+          reviewCount: "22",          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-7301.jpg"},
-          name: "Stylish Loft Studio",
-          price: "$650,000",
-          rating: 4,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-7301.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "Heritage Group",          name: "Historic Manor Estate",          price: "$4,500,000",          rating: 5,
-          brand: "Heritage Group",
+          reviewCount: "3",          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185016.jpg"},
-          name: "Historic Manor Estate",
-          price: "$4,500,000",
-          rating: 5,
-          reviewCount: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185016.jpg",
-        },
       ]}
       title="Featured Property Listings"
       description="Explore our latest curated collection of luxury homes and investments across the region."
@@ -222,20 +145,11 @@ export default function LandingPage() {
       tag="Reliability"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "$500M+",          description: "Volume of Real Estate Transacted"},
-          value: "$500M+",
-          description: "Volume of Real Estate Transacted",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "450+",          description: "Happy Families Settled"},
-          value: "450+",
-          description: "Happy Families Settled",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "90+",          description: "Award-Winning Projects"},
-          value: "90+",
-          description: "Award-Winning Projects",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -248,40 +162,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alex Rivet",          handle: "@alexrivet",          testimonial: "Exceptional service from start to finish.",          imageSrc: "http://img.b2bpic.net/free-photo/respected-businessman-manages-corporate-expenses-his-laptop_482257-123094.jpg"},
-          name: "Alex Rivet",
-          handle: "@alexrivet",
-          testimonial: "Exceptional service from start to finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/respected-businessman-manages-corporate-expenses-his-laptop_482257-123094.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Maria Garcia",          handle: "@mgarcia",          testimonial: "I never thought buying a home could be this seamless.",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_1301-7586.jpg"},
-          name: "Maria Garcia",
-          handle: "@mgarcia",
-          testimonial: "I never thought buying a home could be this seamless.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_1301-7586.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "James Chen",          handle: "@jchen",          testimonial: "Found exactly what we wanted in an impossible market.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
-          name: "James Chen",
-          handle: "@jchen",
-          testimonial: "Found exactly what we wanted in an impossible market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Sarah Miller",          handle: "@smiller",          testimonial: "Their negotiation skills secured our dream property.",          imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg"},
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Their negotiation skills secured our dream property.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139097.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Robert B.",          handle: "@robob",          testimonial: "Professional, transparent, and incredibly fast.",          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg"},
-          name: "Robert B.",
-          handle: "@robob",
-          testimonial: "Professional, transparent, and incredibly fast.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
-        },
       ]}
       title="Client Stories"
       description="Don't take our word for it—listen to the families who have trusted us with their largest asset."
@@ -294,20 +183,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I start my home search?",          content: "Simply reach out via our contact form."},
-          title: "How do I start my home search?",
-          content: "Simply reach out via our contact form.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What fees are involved in the sale?",          content: "We offer transparent fee structures."},
-          title: "What fees are involved in the sale?",
-          content: "We offer transparent fee structures.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can you handle international buyers?",          content: "Absolutely, we have specialized teams."},
-          title: "Can you handle international buyers?",
-          content: "Absolutely, we have specialized teams.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about the property buying or selling process? We've got answers."
@@ -322,22 +202,14 @@ export default function LandingPage() {
       description="Drop us a message and our team will get in touch within 24 hours."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Tell us what you're looking for...",        rows: 4,
-        placeholder: "Tell us what you're looking for...",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383579.jpg"
@@ -350,42 +222,27 @@ export default function LandingPage() {
       logoText="EstateView"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Resources",          items: [
-          items: [
             {
-              label: "Guides",
+              label: "Guides",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Blog",
+              label: "Blog",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -394,4 +251,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #f5f4ef;
-  --card: #dad6cd;
+  --card: #e8e4dc;
   --foreground: #2a2928;
   --primary-cta: #2a2928;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #fcfaf7;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #c6b180;
-  --background-accent: #c6b180;
+  --background-accent: #e0d3b6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);