Merge version_1 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Oil"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Powering Industry with Reliable Energy Solutions"
|
||||
description="Apex Oil delivers comprehensive energy distribution and extraction solutions, empowering businesses to operate efficiently with sustainable and high-quality resources."
|
||||
tag="Trusted Energy Partners"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=06wiru",
|
||||
imageAlt: "Oil Refinery Twilight",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=06wiru", imageAlt: "oil refinery industrial twilight"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p0dzxh",
|
||||
imageAlt: "Drilling Equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-extra-1",
|
||||
imageAlt: "Oil extraction site",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-extra-2",
|
||||
imageAlt: "Energy sector infrastructure",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-extra-3",
|
||||
imageAlt: "Industrial petroleum tanks",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p0dzxh", imageAlt: "oil drilling rig equipment"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,20 +73,14 @@ export default function LandingPage() {
|
||||
description="Founded on principles of efficiency and safety, Apex Oil has evolved into a global leader in energy supply. We focus on modernizing extraction and delivery for today's market."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Rigorous standards protecting our team.",
|
||||
},
|
||||
title: "Safety First", description: "Rigorous standards protecting our team."},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Seamless transport to every destination.",
|
||||
},
|
||||
title: "Global Logistics", description: "Seamless transport to every destination."},
|
||||
{
|
||||
title: "Sustainable Future",
|
||||
description: "Pioneering cleaner energy processing.",
|
||||
},
|
||||
title: "Sustainable Future", description: "Pioneering cleaner energy processing."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohwzu8"
|
||||
imageAlt="Control Room Operations"
|
||||
imageAlt="energy engineers control room"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -122,26 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Supply",
|
||||
title: "Petroleum Distribution",
|
||||
subtitle: "High-volume delivery",
|
||||
description: "Reliable fuel delivery for industrial fleets.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=51ep52",
|
||||
},
|
||||
tag: "Supply", title: "Petroleum Distribution", subtitle: "High-volume delivery", description: "Reliable fuel delivery for industrial fleets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=51ep52"},
|
||||
{
|
||||
tag: "Strategy",
|
||||
title: "Risk Management",
|
||||
subtitle: "Consultative approach",
|
||||
description: "Minimize operational risks with expert guidance.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irpn6r",
|
||||
},
|
||||
tag: "Strategy", title: "Risk Management", subtitle: "Consultative approach", description: "Minimize operational risks with expert guidance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irpn6r"},
|
||||
{
|
||||
tag: "Transport",
|
||||
title: "Seamless Logistics",
|
||||
subtitle: "Fast supply chains",
|
||||
description: "Optimized delivery routes for timely fuel.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ep58e4",
|
||||
},
|
||||
tag: "Transport", title: "Seamless Logistics", subtitle: "Fast supply chains", description: "Optimized delivery routes for timely fuel.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ep58e4"},
|
||||
]}
|
||||
title="Comprehensive Energy Services"
|
||||
description="Tailored solutions for your industrial and logistical energy demands."
|
||||
@@ -155,23 +109,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Safety Awards",
|
||||
value: "24+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Safety Awards", value: "24+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Truck,
|
||||
title: "Active Transport Fleet",
|
||||
value: "150+",
|
||||
},
|
||||
id: "m2", icon: Truck,
|
||||
title: "Active Transport Fleet", value: "150+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Global Clients",
|
||||
value: "800+",
|
||||
},
|
||||
id: "m3", icon: Globe,
|
||||
title: "Global Clients", value: "800+"},
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Our numbers reflect our commitment to excellence in every project."
|
||||
@@ -186,45 +131,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "CEO",
|
||||
company: "Global Transport",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8yop8",
|
||||
},
|
||||
id: "t1", name: "Marcus Thorne", role: "CEO", company: "Global Transport", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8yop8"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Rossi",
|
||||
role: "Manager",
|
||||
company: "Energy Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymqotn",
|
||||
},
|
||||
id: "t2", name: "Elena Rossi", role: "Manager", company: "Energy Solutions", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymqotn"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Wu",
|
||||
role: "Supervisor",
|
||||
company: "Plant Ops",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x5qukc",
|
||||
},
|
||||
id: "t3", name: "David Wu", role: "Supervisor", company: "Plant Ops", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x5qukc"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Consultant",
|
||||
company: "Apex Dynamics",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=90wkj8",
|
||||
},
|
||||
id: "t4", name: "Sarah Jenkins", role: "Consultant", company: "Apex Dynamics", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=90wkj8"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Liam Connor",
|
||||
role: "Engineer",
|
||||
company: "Tech Fuel",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u57u6z",
|
||||
},
|
||||
id: "t5", name: "Liam Connor", role: "Engineer", company: "Tech Fuel", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u57u6z"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top industrial players choose Apex Oil."
|
||||
@@ -236,14 +156,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Blue Energy",
|
||||
"Green Oil Group",
|
||||
"PetroTrans",
|
||||
"Extraction Dynamics",
|
||||
"Global Refined",
|
||||
"AutoOil",
|
||||
"Clear Logistics",
|
||||
]}
|
||||
"Blue Energy", "Green Oil Group", "PetroTrans", "Extraction Dynamics", "Global Refined", "AutoOil", "Clear Logistics"]}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with leading organizations in global energy."
|
||||
/>
|
||||
@@ -254,20 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you ensure safety?",
|
||||
content: "We follow international safety protocols and undergo constant training.",
|
||||
},
|
||||
id: "q1", title: "How do you ensure safety?", content: "We follow international safety protocols and undergo constant training."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where can you deliver?",
|
||||
content: "We have distribution networks across major global regions.",
|
||||
},
|
||||
id: "q2", title: "Where can you deliver?", content: "We have distribution networks across major global regions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer sustainability options?",
|
||||
content: "Yes, we are actively transitioning into cleaner energy extraction methods.",
|
||||
},
|
||||
id: "q3", title: "Do you offer sustainability options?", content: "Yes, we are actively transitioning into cleaner energy extraction methods."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our oil services."
|
||||
@@ -282,20 +186,12 @@ export default function LandingPage() {
|
||||
description="Contact our experts for customized fuel and extraction strategies."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your message", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qu5ls9"
|
||||
/>
|
||||
@@ -305,29 +201,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Supply",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Supply", href: "#services"},
|
||||
{
|
||||
label: "Logistics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Logistics", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user