Merge version_1 into main #1
134
src/app/page.tsx
134
src/app/page.tsx
@@ -31,43 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HHP"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
logoText="HHP - State of the Art Technology"
|
||||
description="Providing advanced fleet management, professional driving simulators, and cutting-edge virtual & augmented reality simulations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Talk to Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Services", href: "#services" },
|
||||
{ text: "Talk to Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662917.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -81,21 +62,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Fleet Management",
|
||||
"Robust Stable Systems",
|
||||
"Real-time Vehicle Tracking",
|
||||
"Asset Lifecycle Monitoring",
|
||||
"Predictive Maintenance",
|
||||
],
|
||||
"Fleet Management", "Robust Stable Systems", "Real-time Vehicle Tracking", "Asset Lifecycle Monitoring", "Predictive Maintenance"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Virtual & Augmented Reality",
|
||||
"Simulation Technology",
|
||||
"Driving Schools Teaching Materials",
|
||||
"Immersive Training Environments",
|
||||
"Interactive Skill Assessment",
|
||||
],
|
||||
"Virtual & Augmented Reality", "Simulation Technology", "Driving Schools Teaching Materials", "Immersive Training Environments", "Interactive Skill Assessment"],
|
||||
}}
|
||||
title="Our Professional Services"
|
||||
description="Tailored solutions for fleet management, simulators, and training systems."
|
||||
@@ -122,26 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2003",
|
||||
title: "Established",
|
||||
description: "Years of expertise since 2003",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
},
|
||||
id: "m1", value: "2003", title: "Established", description: "Years of expertise since 2003", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Consistent robust performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828254.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Availability", description: "Consistent robust performance", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828254.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
description: "Always fulfill our promises",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-screen-tablet-server-hub-workers_482257-120211.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Commitment", description: "Always fulfill our promises", imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-screen-tablet-server-hub-workers_482257-120211.jpg"},
|
||||
]}
|
||||
title="Business Impact"
|
||||
description="Automation and innovation for profitable operations."
|
||||
@@ -153,14 +109,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Logistics Corp",
|
||||
"TechSystems Saudi",
|
||||
"Advanced Simulation Ltd",
|
||||
"Gulf Automation Group",
|
||||
"Future Drive Training",
|
||||
"Regional Fleet Solutions",
|
||||
"Innovative Tech Partners",
|
||||
]}
|
||||
"Global Logistics Corp", "TechSystems Saudi", "Advanced Simulation Ltd", "Gulf Automation Group", "Future Drive Training", "Regional Fleet Solutions", "Innovative Tech Partners"]}
|
||||
title="Our Trusted Partners"
|
||||
description="Working with industry leaders across the region."
|
||||
/>
|
||||
@@ -171,20 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where do we operate?",
|
||||
content: "We operate in Africa, Middle East and Gulf regions.",
|
||||
},
|
||||
id: "f1", title: "Where do we operate?", content: "We operate in Africa, Middle East and Gulf regions."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long have you been in the business?",
|
||||
content: "We have been in the business since 2003.",
|
||||
},
|
||||
id: "f2", title: "How long have you been in the business?", content: "We have been in the business since 2003."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What kind of support do you provide?",
|
||||
content: "Our experts provide professional and dedicated support services.",
|
||||
},
|
||||
id: "f3", title: "What kind of support do you provide?", content: "Our experts provide professional and dedicated support services."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about HHP."
|
||||
@@ -195,21 +135,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Always Ready to Help You"
|
||||
description="Have questions about our technology or fleet solutions? Let us know how we can assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Talk to Us",
|
||||
href: "mailto:info@handheldspro.com",
|
||||
},
|
||||
{
|
||||
text: "Make an Appointment",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Talk to Us", href: "mailto:info@handheldspro.com" },
|
||||
{ text: "Make an Appointment", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,29 +151,15 @@ export default function LandingPage() {
|
||||
logoText="HHP"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "info@handheldspro.com",
|
||||
href: "mailto:info@handheldspro.com",
|
||||
},
|
||||
{
|
||||
label: "+966 11 402 4923",
|
||||
href: "tel:+966114024923",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "info@handheldspro.com", href: "mailto:info@handheldspro.com" },
|
||||
{ label: "+966 11 402 4923", href: "tel:+966114024923" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user