165 lines
7.4 KiB
TypeScript
165 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
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 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';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
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: "Process", id: "process" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Work", id: "projects" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="WARRIOR"
|
|
button={{ text: "ENQUIRE", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<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: "View Projects", href: "#projects" },
|
|
{ text: "Consultation", href: "#contact" },
|
|
]}
|
|
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="blur-reveal"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ 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="OUR IMPACT"
|
|
description="A commitment to excellence that stands the test of time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
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: "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="THE WARRIOR METHOD"
|
|
description="We streamline complexity into functional masterpieces."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardThree
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ 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="OUR EXPERTISE"
|
|
description="Delivering specialized infrastructure with premium aesthetic and technical standards."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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="split-description"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ 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="KNOW MORE"
|
|
description="Common inquiries from our partners."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
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 Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email", 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
|
|
logoText="WARRIOR GROUP"
|
|
columns={[
|
|
{ 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>
|
|
);
|
|
}
|