Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Innovation",
|
||||
id: "innovation",
|
||||
},
|
||||
name: "Innovation", id: "innovation"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "partners",
|
||||
},
|
||||
name: "Partners", id: "partners"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NovaTech"
|
||||
/>
|
||||
@@ -62,39 +52,23 @@ export default function LandingPage() {
|
||||
description="Outsourcing drydocking operations with a commitment to green technology, innovation, and maritime operational excellence for every yard."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-box-girder-bridge-peaceful-blue-evening_181624-23176.jpg?_wi=1",
|
||||
imageAlt: "Maritime drydocking facility",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-box-girder-bridge-peaceful-blue-evening_181624-23176.jpg", imageAlt: "Maritime drydocking facility"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-using-tablet-computer-industrial-factory-building_342744-449.jpg",
|
||||
imageAlt: "Drydocking innovation scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-using-tablet-computer-industrial-factory-building_342744-449.jpg", imageAlt: "Drydocking innovation scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-construction-engineer-pollution_53876-42995.jpg",
|
||||
imageAlt: "Green technology maritime",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-construction-engineer-pollution_53876-42995.jpg", imageAlt: "Green technology maritime"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/container-vessel-hamburg-harbor_181624-32791.jpg",
|
||||
imageAlt: "Ship repair excellence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/container-vessel-hamburg-harbor_181624-32791.jpg", imageAlt: "Ship repair excellence"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boat-shore-seaside_23-2148922084.jpg",
|
||||
imageAlt: "Global yard solutions",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boat-shore-seaside_23-2148922084.jpg", imageAlt: "Global yard solutions"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20551.jpg",
|
||||
imageAlt: "Professional drydocking",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20551.jpg", imageAlt: "Professional drydocking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,19 +80,13 @@ export default function LandingPage() {
|
||||
description="We specialize in end-to-end drydocking project management, reducing operational downtime and ensuring top-tier compliance for shipyards globally."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "150+", title: "Projects Completed"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", title: "Client Satisfaction"},
|
||||
{
|
||||
value: "40+",
|
||||
title: "Green Tech Certifications",
|
||||
},
|
||||
value: "40+", title: "Green Tech Certifications"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-computer_23-2148932662.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-computer_23-2148932662.jpg"
|
||||
imageAlt="About NovaTech technology"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -132,26 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20%",
|
||||
title: "Efficiency Increase",
|
||||
description: "Optimized docking cycles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "20%", title: "Efficiency Increase", description: "Optimized docking cycles", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "35%",
|
||||
title: "Energy Saved",
|
||||
description: "Greener hull coatings",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/environmental-logo-vector-with-ecology-text_53876-112070.jpg",
|
||||
},
|
||||
id: "m2", value: "35%", title: "Energy Saved", description: "Greener hull coatings", imageSrc: "http://img.b2bpic.net/free-vector/environmental-logo-vector-with-ecology-text_53876-112070.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Global Hubs",
|
||||
description: "Supporting yards worldwide",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistics-concept-icons-set_1284-14604.jpg",
|
||||
},
|
||||
id: "m3", value: "12", title: "Global Hubs", description: "Supporting yards worldwide", imageSrc: "http://img.b2bpic.net/free-vector/logistics-concept-icons-set_1284-14604.jpg"},
|
||||
]}
|
||||
title="Driving Results"
|
||||
description="Tangible impact delivered through precision management."
|
||||
@@ -165,40 +118,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Robotic Hull Maintenance",
|
||||
description: "Automated precision for faster cleaning.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/torii-gates-model-was-hanging-rack-after-tourist-used-them-make-wish-fushimi-inari-shrine-kyoto_335224-91.jpg",
|
||||
},
|
||||
title: "Robotic Hull Maintenance", description: "Automated precision for faster cleaning.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/torii-gates-model-was-hanging-rack-after-tourist-used-them-make-wish-fushimi-inari-shrine-kyoto_335224-91.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189233.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-box-girder-bridge-peaceful-blue-evening_181624-23176.jpg?_wi=2",
|
||||
imageAlt: "automated hull cleaning robot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189233.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Bio-Friendly Coatings",
|
||||
description: "Sustainable solutions for marine health.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662918.jpg",
|
||||
},
|
||||
title: "Bio-Friendly Coatings", description: "Sustainable solutions for marine health.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662918.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-paint-with-yellow-background_23-2148292606.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-computer_23-2148932662.jpg?_wi=2",
|
||||
imageAlt: "automated hull cleaning robot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-paint-with-yellow-background_23-2148292606.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Digital Control Suites",
|
||||
description: "Live operations oversight via IoT sensors.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-solar-panels-plant-writing-program-code-tracking-energy-production_482257-119152.jpg",
|
||||
},
|
||||
title: "Digital Control Suites", description: "Live operations oversight via IoT sensors.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-solar-panels-plant-writing-program-code-tracking-energy-production_482257-119152.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-cockpit-with-intricate-equipment-generated-by-ai_188544-21879.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-looking-paperwork-documents-analyzing-data_482257-118009.jpg?_wi=2",
|
||||
imageAlt: "automated hull cleaning robot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-cockpit-with-intricate-equipment-generated-by-ai_188544-21879.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -214,40 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@MaritimeLead",
|
||||
testimonial: "NovaTech transformed our yard efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", handle: "@MaritimeLead", testimonial: "NovaTech transformed our yard efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@FleetCEO",
|
||||
testimonial: "Their green tech implementation is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-delighted-hipster-guy-with-dark-beard-has-telephone-coversation-strolls-near-bay-harbour-carries-newspaper-looks-aside_273609-18728.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", handle: "@FleetCEO", testimonial: "Their green tech implementation is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/photo-delighted-hipster-guy-with-dark-beard-has-telephone-coversation-strolls-near-bay-harbour-carries-newspaper-looks-aside_273609-18728.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@OperationsPro",
|
||||
testimonial: "Professional, punctual, and highly innovative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", handle: "@OperationsPro", testimonial: "Professional, punctual, and highly innovative.", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46524.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
handle: "@GreenShips",
|
||||
testimonial: "Revolutionizing our environmental footprint.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-practicing-tai-chi-outside_23-2149893718.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wu", handle: "@GreenShips", testimonial: "Revolutionizing our environmental footprint.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-practicing-tai-chi-outside_23-2149893718.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Montgomery",
|
||||
handle: "@GlobalLogistics",
|
||||
testimonial: "The best partner for drydocking outsourcing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-writing_23-2148902566.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa Montgomery", handle: "@GlobalLogistics", testimonial: "The best partner for drydocking outsourcing.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-writing_23-2148902566.jpg"},
|
||||
]}
|
||||
title="Industry Partners"
|
||||
description="Trusted by leading shipyards and fleet operators."
|
||||
@@ -259,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"MarTech Industries",
|
||||
"OceanSafe Solutions",
|
||||
"Global Ship Maintenance",
|
||||
"EcoDock Systems",
|
||||
"Primeyard Solutions",
|
||||
"Docking Innovation Lab",
|
||||
"Future Maritime AS",
|
||||
]}
|
||||
"MarTech Industries", "OceanSafe Solutions", "Global Ship Maintenance", "EcoDock Systems", "Primeyard Solutions", "Docking Innovation Lab", "Future Maritime AS"]}
|
||||
title="Our Strategic Network"
|
||||
description="Collaborating with industry pioneers."
|
||||
/>
|
||||
@@ -278,25 +181,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you ensure yard safety?",
|
||||
content: "We follow the highest international safety standards.",
|
||||
},
|
||||
id: "f1", title: "How do you ensure yard safety?", content: "We follow the highest international safety standards."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your green tech applicable everywhere?",
|
||||
content: "Yes, our modular solutions fit most drydock settings.",
|
||||
},
|
||||
id: "f2", title: "Is your green tech applicable everywhere?", content: "Yes, our modular solutions fit most drydock settings."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you outsource partial operations?",
|
||||
content: "Absolutely, we provide tailored outsourcing packages.",
|
||||
},
|
||||
id: "f3", title: "Can you outsource partial operations?", content: "Absolutely, we provide tailored outsourcing packages."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Clarifying our operational approach."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-119833.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-119833.jpg"
|
||||
imageAlt="Shipyard dusk atmospheric shot"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -306,51 +200,36 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to innovate your drydocking operations? Let’s partner for a sustainable future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "mailto:info@novatech-drydocking.no",
|
||||
},
|
||||
text: "Request a Quote", href: "mailto:info@novatech-drydocking.no"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-119833.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-119833.jpg"
|
||||
logoText="NOVATECH DRYDOCKING AS"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Innovation",
|
||||
href: "#innovation",
|
||||
},
|
||||
label: "Innovation", href: "#innovation"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user