Update src/app/page.tsx

Merge version_2 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,240 +18,132 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
-        contentWidth="smallMedium"
+        contentWidth="mediumLarge"
-        sizing="mediumLarge"
+        sizing="mediumSizeLargeTitles"
         background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Process", id: "process" },
-        {
+        { name: "Services", id: "services" },
-          name: "What We Do",          id: "process"},
+        { name: "Work", id: "projects" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",          id: "services"},
-        {
-          name: "Our Work",          id: "projects"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="WARRIOR CONSTRUCTION"
+      brandName="WARRIOR"
-      button={{
+      button={{ text: "ENQUIRE", href: "#contact" }}
-        text: "GET A FREE QUOTE",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
+      <HeroBillboardCarousel
-      useInvertedBackground={true}
+      className="w-full max-w-full"
-      background={{
+      containerClassName="w-full max-w-full px-0"
-        variant: "gradient-bars"}}
+      background={{ variant: "sparkles-gradient" }}
-      title="BUILDING WORLD-CLASS ADVENTURE DESTINATIONS"
+      title="ENGINEERING THE FUTURE OF ADVENTURE"
-      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."
+      description="We define the industry standard for adventure park infrastructure, combining world-class engineering with high-impact design for global 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"},
-      ]}
       buttons={[
-        {
+        { text: "View Projects", href: "#projects" },
-          text: "START YOUR PROJECT",          href: "#contact"},
+        { text: "Consultation", href: "#contact" },
-        {
-          text: "EXPLORE OUR WORK",          href: "#projects"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/city-building-with-people-silhouettes_23-2148107054.jpg"
+      mediaItems={[
-      avatars={[
+        { 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" },
-          src: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg",          alt: "Client 1"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/roller-coaster-park_74190-398.jpg", imageAlt: "Adventure Attraction" },
-        {
-          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"},
       ]}
     />
   </div>
 
   <div id="stats" data-section="stats">
       <MetricCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
-      textboxLayout="default"
+      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="bento-grid"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
-        {
+        { id: "s1", value: "30+", description: "Years of Proven Legacy" },
-          id: "s1",          value: "30+",          description: "Years of Expertise"},
+        { id: "s2", value: "500+", description: "Landmark Deliveries" },
-        {
+        { id: "s3", value: "15+", description: "International Markets" },
-          id: "s2",          value: "500+",          description: "Projects Delivered"},
+        { id: "s4", value: "100%", description: "Safety Compliance" },
-        {
-          id: "s3",          value: "15+",          description: "Countries"},
-        {
-          id: "s4",          value: "100%",          description: "Turnkey Delivery"},
       ]}
-      title="STATS"
+      title="OUR IMPACT"
-      description="Delivering excellence consistently."
+      description="A commitment to excellence that stands the test of time."
     />
   </div>
 
   <div id="process" data-section="process">
       <FeatureCardEight
-      textboxLayout="default"
+      textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
-        {
+        { title: "Concept", description: "Strategic architectural visioning.", imageSrc: "http://img.b2bpic.net/free-photo/history-icon-right-side-with-white-background_187299-39871.jpg" },
-          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: "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: "ENGINEER",          description: "Design & Development precision.",          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-cog-icon_53876-74769.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: "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="HOW WE BUILD"
+      title="THE WARRIOR METHOD"
-      description="Our end-to-end model ensures precision from first concept to final handover."
+      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"
+      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Adventure Facilities", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/ferris-wheel_74190-80.jpg" },
-          id: "p1",          name: "Adventure Park Construction",          price: "Standard",          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" },
-          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"},
       ]}
-      title="WHAT WE BUILD"
+      title="OUR EXPERTISE"
-      description="Delivering specialized construction 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={[
+      names={["NEOM", "Red Sea Global", "Formula 1", "Emaar", "Saudi Tourism", "Diriyah Gate"]}
-        {
+      title="GLOBAL TRUST"
-          title: "30+ Years",          description: "Legacy of expertise.",          imageSrc: "http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg"},
+      description="Trusted partners in world-class development."
-        {
-          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."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqBase
-      textboxLayout="default"
+      textboxLayout="split-description"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
-        {
+        { id: "1", title: "What makes Warrior unique?", content: "Our adventure-first engineering approach combined with turnkey project management." },
-          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: "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." },
-          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."},
       ]}
-      title="FREQUENTLY ASKED QUESTIONS"
+      title="KNOW MORE"
-      description="Everything you need to know."
+      description="Common inquiries from our partners."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={true}
+      useInvertedBackground={false}
-      title="START YOUR PROJECT TODAY"
+      title="LET'S BUILD TOGETHER"
-      description="Tell us about your vision. Our team will get back to you within 24 hours."
+      description="Reach out to discuss your infrastructure requirements with our specialist team."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name", 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 },
-        {
-          name: "company",          type: "text",          placeholder: "Company",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Project brief...", rows: 5 }}
-        name: "message",        placeholder: "Brief Project Description",        rows: 4,
-        required: true,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124288.jpg"
     />
   </div>
@@ -260,34 +152,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="WARRIOR GROUP"
       columns={[
-        {
+        { title: "Corporate", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
-          title: "Company",          items: [
+        { title: "Operations", items: [{ label: "Services", href: "#services" }, { label: "Projects", href: "#projects" }] },
-            {
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
-              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: "#"},
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}