Update src/app/styles/variables.css

src/app/page.tsx

@@ -31,31 +31,19 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "What We Do",
+          name: "What We Do",          id: "process"},
-          id: "process",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Our Work",
+          name: "Our Work",          id: "projects"},
-          id: "projects",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="WARRIOR CONSTRUCTION"
       button={{
-        text: "GET A FREE QUOTE",
+        text: "GET A FREE QUOTE",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
@@ -63,101 +51,56 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="BUILDING WORLD-CLASS ADVENTURE DESTINATIONS"
       description="Warrior Construction delivers turnkey infrastructure for adventure parks, eco-resorts, industrial facilities, and urban activations. Trusted by NEOM, Red Sea Global, and leading GCC developers."
       testimonials={[
         {
-          name: "Ahmed Al-Farsi",
+          name: "Ahmed Al-Farsi",          handle: "@NEOMProject",          testimonial: "Warrior's attention to structural detail and site safety is unparalleled in the region.",          rating: 5,
-          handle: "@NEOMProject",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-late-night_23-2150280995.jpg"},
-          testimonial: "Warrior's attention to structural detail and site safety is unparalleled in the region.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-late-night_23-2150280995.jpg",
-        },
         {
-          name: "Sarah Jenkins",
+          name: "Sarah Jenkins",          handle: "@RedSeaGlobal",          testimonial: "They delivered our flagship resort infrastructure ahead of schedule and within budget.",          rating: 5,
-          handle: "@RedSeaGlobal",
+          imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211340.jpg"},
-          testimonial: "They delivered our flagship resort infrastructure ahead of schedule and within budget.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211340.jpg",
-        },
         {
-          name: "Mark D'Souza",
+          name: "Mark D'Souza",          handle: "@DiriyahGate",          testimonial: "Expertise, reliability, and high-tech execution. A true partner for ambitious growth.",          rating: 5,
-          handle: "@DiriyahGate",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-busy-city-highway-night-bridge_23-2149001228.jpg"},
-          testimonial: "Expertise, reliability, and high-tech execution. A true partner for ambitious growth.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-busy-city-highway-night-bridge_23-2149001228.jpg",
-        },
         {
-          name: "Omar Al-Mansouri",
+          name: "Omar Al-Mansouri",          handle: "@DubaiParks",          testimonial: "The turnkey model they provide simplifies complex logistics significantly.",          rating: 4,
-          handle: "@DubaiParks",
+          imageSrc: "http://img.b2bpic.net/free-photo/reflection-woman-walking-street-pool_8353-1573.jpg"},
-          testimonial: "The turnkey model they provide simplifies complex logistics significantly.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/reflection-woman-walking-street-pool_8353-1573.jpg",
-        },
         {
-          name: "Elena Rossi",
+          name: "Elena Rossi",          handle: "@EcoResortDesign",          testimonial: "Sustainable approach combined with heavy-duty construction prowess is rare.",          rating: 5,
-          handle: "@EcoResortDesign",
+          imageSrc: "http://img.b2bpic.net/free-photo/history-icon-front-side-with-white-background_187299-39868.jpg"},
-          testimonial: "Sustainable approach combined with heavy-duty construction prowess is rare.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/history-icon-front-side-with-white-background_187299-39868.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "START YOUR PROJECT",
+          text: "START YOUR PROJECT",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "EXPLORE OUR WORK",
+          text: "EXPLORE OUR WORK",          href: "#projects"},
-          href: "#projects",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/city-building-with-people-silhouettes_23-2148107054.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg",
+          src: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/clipboard-icon-front-side-with-white-background_187299-39815.jpg",
+          src: "http://img.b2bpic.net/free-photo/clipboard-icon-front-side-with-white-background_187299-39815.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/apps-menu-front-side-with-white-background_187299-39714.jpg",
+          src: "http://img.b2bpic.net/free-photo/apps-menu-front-side-with-white-background_187299-39714.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/home-icon-right-side-with-white-background_187299-40061.jpg",
+          src: "http://img.b2bpic.net/free-photo/home-icon-right-side-with-white-background_187299-40061.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/home-icon-front-side_187299-39256.jpg",
+          src: "http://img.b2bpic.net/free-photo/home-icon-front-side_187299-39256.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "ENGINEERING"},
-          text: "ENGINEERING",
-        },
         {
-          type: "text",
+          type: "text",          text: "PROCUREMENT"},
-          text: "PROCUREMENT",
-        },
         {
-          type: "text",
+          type: "text",          text: "CONSTRUCTION"},
-          text: "CONSTRUCTION",
-        },
         {
-          type: "text",
+          type: "text",          text: "HANDOVER"},
-          text: "HANDOVER",
-        },
         {
-          type: "text",
+          type: "text",          text: "ADVENTURE"},
-          text: "ADVENTURE",
-        },
       ]}
     />
   </div>
@@ -170,25 +113,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "s1",
+          id: "s1",          value: "30+",          description: "Years of Expertise"},
-          value: "30+",
-          description: "Years of Expertise",
-        },
         {
-          id: "s2",
+          id: "s2",          value: "500+",          description: "Projects Delivered"},
-          value: "500+",
-          description: "Projects Delivered",
-        },
         {
-          id: "s3",
+          id: "s3",          value: "15+",          description: "Countries"},
-          value: "15+",
-          description: "Countries",
-        },
         {
-          id: "s4",
+          id: "s4",          value: "100%",          description: "Turnkey Delivery"},
-          value: "100%",
-          description: "Turnkey Delivery",
-        },
       ]}
       title="STATS"
       description="Delivering excellence consistently."
@@ -201,25 +132,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "INNOVATE",
+          title: "INNOVATE",          description: "Concept & Planning for your vision.",          imageSrc: "http://img.b2bpic.net/free-photo/history-icon-right-side-with-white-background_187299-39871.jpg"},
-          description: "Concept & Planning for your vision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/history-icon-right-side-with-white-background_187299-39871.jpg",
-        },
         {
-          title: "ENGINEER",
+          title: "ENGINEER",          description: "Design & Development precision.",          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cog-icon_53876-74769.jpg"},
-          description: "Design & Development precision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cog-icon_53876-74769.jpg",
-        },
         {
-          title: "BUILD",
+          title: "BUILD",          description: "Execution & Management on site.",          imageSrc: "http://img.b2bpic.net/free-photo/home-icon-sign-front-side_187299-39259.jpg"},
-          description: "Execution & Management on site.",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-icon-sign-front-side_187299-39259.jpg",
-        },
         {
-          title: "ACTIVATE",
+          title: "ACTIVATE",          description: "Snagging & Handover processes.",          imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg"},
-          description: "Snagging & Handover processes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg",
-        },
       ]}
       title="HOW WE BUILD"
       description="Our end-to-end model ensures precision from first concept to final handover."
@@ -234,41 +153,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Adventure Park Construction",          price: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/ferris-wheel_74190-80.jpg"},
-          name: "Adventure Park Construction",
-          price: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/ferris-wheel_74190-80.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Adventure Hospitality & Eco Resorts",          price: "Turnkey",          imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439334.jpg"},
-          name: "Adventure Hospitality & Eco Resorts",
-          price: "Turnkey",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439334.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Industrial Infrastructure",          price: "Advanced",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-ceiling_1359-959.jpg"},
-          name: "Industrial Infrastructure",
-          price: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-ceiling_1359-959.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Indoor Adventure Parks",          price: "Specialized",          imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-park_74190-398.jpg"},
-          name: "Indoor Adventure Parks",
-          price: "Specialized",
-          imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-park_74190-398.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Outdoor Adventure Attractions",          price: "Complex",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-amusement-park_23-2147918811.jpg"},
-          name: "Outdoor Adventure Attractions",
-          price: "Complex",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-amusement-park_23-2147918811.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Urban Adventure Parks",          price: "Active",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-soccer_23-2150338669.jpg"},
-          name: "Urban Adventure Parks",
-          price: "Active",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-soccer_23-2150338669.jpg",
-        },
       ]}
       title="WHAT WE BUILD"
       description="Delivering specialized construction expertise."
@@ -280,14 +175,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "NEOM",
+        "NEOM",        "Red Sea Global",        "Formula 1",        "Emaar",        "Saudi Tourism",        "Dubai Parks",        "Diriyah Gate"]}
-        "Red Sea Global",
-        "Formula 1",
-        "Emaar",
-        "Saudi Tourism",
-        "Dubai Parks",
-        "Diriyah Gate",
-      ]}
       title="TRUSTED BY THE REGION'S MOST AMBITIOUS PROJECTS"
       description="Partnering with global leaders."
     />
@@ -299,25 +187,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "30+ Years",
+          title: "30+ Years",          description: "Legacy of expertise.",          imageSrc: "http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg"},
-          description: "Legacy of expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg",
-        },
         {
-          title: "GCC Compliance",
+          title: "GCC Compliance",          description: "Regional standards met.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg"},
-          description: "Regional standards met.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg",
-        },
         {
-          title: "Turnkey Model",
+          title: "Turnkey Model",          description: "Single-point delivery.",          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-icon-left-side_187299-39620.jpg"},
-          description: "Single-point delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-icon-left-side_187299-39620.jpg",
-        },
         {
-          title: "Adventure-First",
+          title: "Adventure-First",          description: "Engineered for thrill.",          imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg"},
-          description: "Engineered for thrill.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg",
-        },
       ]}
       title="WHY WARRIOR CONSTRUCTION"
       description="Distinguished by excellence."
@@ -330,55 +206,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "What types of projects does Warrior Construction handle?",          content: "We specialize in adventure parks, eco-resorts, and industrial infrastructure."},
-          title: "What types of projects does Warrior Construction handle?",
-          content: "We specialize in adventure parks, eco-resorts, and industrial infrastructure.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Do you work outside the UAE?",          content: "Yes, we operate throughout the GCC and Middle East."},
-          title: "Do you work outside the UAE?",
-          content: "Yes, we operate throughout the GCC and Middle East.",
-        },
         {
-          id: "3",
+          id: "3",          title: "What is your typical project timeline?",          content: "Varies by scope, but we focus on efficient, on-time delivery."},
-          title: "What is your typical project timeline?",
-          content: "Varies by scope, but we focus on efficient, on-time delivery.",
-        },
         {
-          id: "4",
+          id: "4",          title: "Do you offer turnkey solutions?",          content: "Yes, from initial concept through engineering to construction."},
-          title: "Do you offer turnkey solutions?",
-          content: "Yes, from initial concept through engineering to construction.",
-        },
         {
-          id: "5",
+          id: "5",          title: "Compliance with standards?",          content: "We fully comply with all GCC and national tourism standards."},
-          title: "Compliance with standards?",
-          content: "We fully comply with all GCC and national tourism standards.",
-        },
         {
-          id: "6",
+          id: "6",          title: "Minimum project size?",          content: "Please contact us to discuss your specific project needs."},
-          title: "Minimum project size?",
-          content: "Please contact us to discuss your specific project needs.",
-        },
         {
-          id: "7",
+          id: "7",          title: "Maintenance support?",          content: "Yes, we offer ongoing support options."},
-          title: "Maintenance support?",
-          content: "Yes, we offer ongoing support options.",
-        },
         {
-          id: "8",
+          id: "8",          title: "Visit completed projects?",          content: "We can coordinate site visits for qualified potential partners."},
-          title: "Visit completed projects?",
-          content: "We can coordinate site visits for qualified potential partners.",
-        },
         {
-          id: "9",
+          id: "9",          title: "How to get a quote?",          content: "Fill out our form or call our office directly."},
-          title: "How to get a quote?",
-          content: "Fill out our form or call our office directly.",
-        },
         {
-          id: "10",
+          id: "10",          title: "What makes you different?",          content: "Our adventure-first engineering expertise and turnkey methodology."},
-          title: "What makes you different?",
-          content: "Our adventure-first engineering expertise and turnkey methodology.",
-        },
       ]}
       title="FREQUENTLY ASKED QUESTIONS"
       description="Everything you need to know."
@@ -393,28 +239,17 @@ export default function LandingPage() {
       description="Tell us about your vision. Our team will get back to you within 24 hours."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
         },
         {
-          name: "company",
+          name: "company",          type: "text",          placeholder: "Company",          required: true,
-          type: "text",
-          placeholder: "Company",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Brief Project Description",        rows: 4,
-        placeholder: "Brief Project Description",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124288.jpg"
@@ -426,42 +261,27 @@ export default function LandingPage() {
       logoText="WARRIOR GROUP"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Projects",
+              label: "Projects",              href: "#projects"},
-              href: "#projects",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Adventure Parks",
+              label: "Adventure Parks",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Resorts",
+              label: "Resorts",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "Email",
+              label: "Email",              href: "mailto:info@thewarriorgrp.com"},
-              href: "mailto:info@thewarriorgrp.com",
-            },
             {
-              label: "Dubai Office",
+              label: "Dubai Office",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -470,4 +290,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #4A4746;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #FFFFFF;
+  --foreground: #ffffff;
   --primary-cta: #FDDB00;
   --primary-cta-text: #000000;
-  --secondary-cta: #FFFFFF;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000000;
   --accent: #FDDB00;
-  --background-accent: #D9D9D9;
+  --background-accent: #333333;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);