Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -18,456 +18,153 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
+        contentWidth="mediumLarge"
+        sizing="mediumSizeLargeTitles"
         background="none"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "What We Do",
-          id: "process",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Our Work",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Process", id: "process" },
+        { name: "Services", id: "services" },
+        { name: "Work", id: "projects" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="WARRIOR CONSTRUCTION"
-      button={{
-        text: "GET A FREE QUOTE",
-        href: "#contact",
-      }}
+      brandName="WARRIOR"
+      button={{ text: "ENQUIRE", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={true}
-      background={{
-        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",
-          handle: "@NEOMProject",
-          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",
-          handle: "@RedSeaGlobal",
-          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",
-          handle: "@DiriyahGate",
-          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",
-          handle: "@DubaiParks",
-          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",
-          handle: "@EcoResortDesign",
-          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",
-        },
-      ]}
+      <HeroBillboardCarousel
+      className="w-full max-w-full"
+      containerClassName="w-full max-w-full px-0"
+      background={{ variant: "sparkles-gradient" }}
+      title="ENGINEERING THE FUTURE OF ADVENTURE"
+      description="We define the industry standard for adventure park infrastructure, combining world-class engineering with high-impact design for global developers."
       buttons={[
-        {
-          text: "START YOUR PROJECT",
-          href: "#contact",
-        },
-        {
-          text: "EXPLORE OUR WORK",
-          href: "#projects",
-        },
+        { text: "View Projects", href: "#projects" },
+        { text: "Consultation", href: "#contact" },
       ]}
-      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",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/clipboard-icon-front-side-with-white-background_187299-39815.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/apps-menu-front-side-with-white-background_187299-39714.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/home-icon-right-side-with-white-background_187299-40061.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/home-icon-front-side_187299-39256.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "ENGINEERING",
-        },
-        {
-          type: "text",
-          text: "PROCUREMENT",
-        },
-        {
-          type: "text",
-          text: "CONSTRUCTION",
-        },
-        {
-          type: "text",
-          text: "HANDOVER",
-        },
-        {
-          type: "text",
-          text: "ADVENTURE",
-        },
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/city-building-with-people-silhouettes_23-2148107054.jpg", imageAlt: "Construction Site" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439334.jpg?_wi=1", imageAlt: "Resort Project" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-park_74190-398.jpg", imageAlt: "Adventure Attraction" },
       ]}
     />
   </div>
 
   <div id="stats" data-section="stats">
       <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      animationType="blur-reveal"
+      textboxLayout="split"
+      gridVariant="bento-grid"
+      useInvertedBackground={true}
       metrics={[
-        {
-          id: "s1",
-          value: "30+",
-          description: "Years of Expertise",
-        },
-        {
-          id: "s2",
-          value: "500+",
-          description: "Projects Delivered",
-        },
-        {
-          id: "s3",
-          value: "15+",
-          description: "Countries",
-        },
-        {
-          id: "s4",
-          value: "100%",
-          description: "Turnkey Delivery",
-        },
+        { id: "s1", value: "30+", description: "Years of Proven Legacy" },
+        { id: "s2", value: "500+", description: "Landmark Deliveries" },
+        { id: "s3", value: "15+", description: "International Markets" },
+        { id: "s4", value: "100%", description: "Safety Compliance" },
       ]}
-      title="STATS"
-      description="Delivering excellence consistently."
+      title="OUR IMPACT"
+      description="A commitment to excellence that stands the test of time."
     />
   </div>
 
   <div id="process" data-section="process">
       <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={true}
+      textboxLayout="split"
+      useInvertedBackground={false}
       features={[
-        {
-          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",
-        },
-        {
-          title: "ENGINEER",
-          description: "Design & Development precision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cog-icon_53876-74769.jpg",
-        },
-        {
-          title: "BUILD",
-          description: "Execution & Management on site.",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-icon-sign-front-side_187299-39259.jpg",
-        },
-        {
-          title: "ACTIVATE",
-          description: "Snagging & Handover processes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg",
-        },
+        { title: "Concept", description: "Strategic architectural visioning.", imageSrc: "http://img.b2bpic.net/free-photo/history-icon-right-side-with-white-background_187299-39871.jpg" },
+        { title: "Precision", description: "Engineered site development.", imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cog-icon_53876-74769.jpg" },
+        { title: "Execution", description: "Masterful construction management.", imageSrc: "http://img.b2bpic.net/free-photo/home-icon-sign-front-side_187299-39259.jpg" },
+        { title: "Delivery", description: "Seamless handover and activation.", 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."
+      title="THE WARRIOR METHOD"
+      description="We streamline complexity into functional masterpieces."
     />
   </div>
 
   <div id="services" data-section="services">
       <ProductCardThree
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
+      gridVariant="asymmetric-60-wide-40-narrow"
+      useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Adventure Park Construction",
-          price: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/ferris-wheel_74190-80.jpg",
-        },
-        {
-          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",
-        },
-        {
-          id: "p3",
-          name: "Industrial Infrastructure",
-          price: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-ceiling_1359-959.jpg",
-        },
-        {
-          id: "p4",
-          name: "Indoor Adventure Parks",
-          price: "Specialized",
-          imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-park_74190-398.jpg",
-        },
-        {
-          id: "p5",
-          name: "Outdoor Adventure Attractions",
-          price: "Complex",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-amusement-park_23-2147918811.jpg",
-        },
-        {
-          id: "p6",
-          name: "Urban Adventure Parks",
-          price: "Active",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-soccer_23-2150338669.jpg",
-        },
+        { id: "p1", name: "Adventure Facilities", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/ferris-wheel_74190-80.jpg" },
+        { id: "p2", name: "Eco-Resorts", price: "Turnkey", imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439334.jpg?_wi=2" },
+        { id: "p3", name: "Urban Infrastructure", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-soccer_23-2150338669.jpg" },
       ]}
-      title="WHAT WE BUILD"
-      description="Delivering specialized construction expertise."
+      title="OUR EXPERTISE"
+      description="Delivering specialized infrastructure with premium aesthetic and technical standards."
     />
   </div>
 
   <div id="projects" data-section="projects">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "NEOM",
-        "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."
-    />
-  </div>
-
-  <div id="diff" data-section="diff">
-      <FeatureCardEight
-      textboxLayout="default"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "30+ Years",
-          description: "Legacy of expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg",
-        },
-        {
-          title: "GCC Compliance",
-          description: "Regional standards met.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg",
-        },
-        {
-          title: "Turnkey Model",
-          description: "Single-point delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-icon-left-side_187299-39620.jpg",
-        },
-        {
-          title: "Adventure-First",
-          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."
+      names={["NEOM", "Red Sea Global", "Formula 1", "Emaar", "Saudi Tourism", "Diriyah Gate"]}
+      title="GLOBAL TRUST"
+      description="Trusted partners in world-class development."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
+      className="w-full max-w-full"
+      containerClassName="w-full max-w-full"
+      textboxLayout="split-description"
+      useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "What types of projects does Warrior Construction handle?",
-          content: "We specialize in adventure parks, eco-resorts, and industrial infrastructure.",
-        },
-        {
-          id: "2",
-          title: "Do you work outside the UAE?",
-          content: "Yes, we operate throughout the GCC and Middle East.",
-        },
-        {
-          id: "3",
-          title: "What is your typical project timeline?",
-          content: "Varies by scope, but we focus on efficient, on-time delivery.",
-        },
-        {
-          id: "4",
-          title: "Do you offer turnkey solutions?",
-          content: "Yes, from initial concept through engineering to construction.",
-        },
-        {
-          id: "5",
-          title: "Compliance with standards?",
-          content: "We fully comply with all GCC and national tourism standards.",
-        },
-        {
-          id: "6",
-          title: "Minimum project size?",
-          content: "Please contact us to discuss your specific project needs.",
-        },
-        {
-          id: "7",
-          title: "Maintenance support?",
-          content: "Yes, we offer ongoing support options.",
-        },
-        {
-          id: "8",
-          title: "Visit completed projects?",
-          content: "We can coordinate site visits for qualified potential partners.",
-        },
-        {
-          id: "9",
-          title: "How to get a quote?",
-          content: "Fill out our form or call our office directly.",
-        },
-        {
-          id: "10",
-          title: "What makes you different?",
-          content: "Our adventure-first engineering expertise and turnkey methodology.",
-        },
+        { id: "1", title: "What makes Warrior unique?", content: "Our adventure-first engineering approach combined with turnkey project management." },
+        { id: "2", title: "Where do we operate?", content: "Our operations span across the GCC and international markets." },
+        { id: "3", title: "How do we begin?", content: "Contact us through our portal to initiate a project consultation." },
       ]}
-      title="FREQUENTLY ASKED QUESTIONS"
-      description="Everything you need to know."
-      faqsAnimation="slide-up"
+      title="KNOW MORE"
+      description="Common inquiries from our partners."
+      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
+      className="w-full max-w-full"
+      containerClassName="w-full max-w-full"
       useInvertedBackground={true}
-      title="START YOUR PROJECT TODAY"
-      description="Tell us about your vision. Our team will get back to you within 24 hours."
+      title="LET'S BUILD TOGETHER"
+      description="Reach out to discuss your infrastructure requirements with our specialist team."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Company",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "company", type: "text", placeholder: "Company Name", required: true },
+        { name: "email", type: "email", placeholder: "Email", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Brief Project Description",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Project brief...", rows: 5 }}
       imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124288.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
+      className="w-full max-w-full"
+      wrapperClassName="w-full max-w-full"
       logoText="WARRIOR GROUP"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Adventure Parks",
-              href: "#services",
-            },
-            {
-              label: "Resorts",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email",
-              href: "mailto:info@thewarriorgrp.com",
-            },
-            {
-              label: "Dubai Office",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Corporate", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Operations", items: [{ label: "Services", href: "#services" }, { label: "Projects", href: "#projects" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-body);
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-headings);
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #4A4746;
-  --card: #ffffff;
-  --foreground: #FFFFFF;
+  --background: #000000;
+  --card: #1a1a1a;
+  --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);