Merge version_3 into main #2
277
src/app/page.tsx
277
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"
|
||||
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", 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" },
|
||||
{ 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}
|
||||
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
|
||||
useInvertedBackground={true}
|
||||
title="START YOUR PROJECT TODAY"
|
||||
description="Tell us about your vision. Our team will get back to you within 24 hours."
|
||||
useInvertedBackground={false}
|
||||
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>
|
||||
@@ -260,34 +152,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user