bender/b8e59242-6c49-426b-a7a6-3e8a9255ab6e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 07:09:20 +00:00
parent c5fd402905
commit b023f4f243
1 changed files with 50 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Bapoil"
/>
@@ -55,31 +47,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Powering Industry with Precision"
description="Bapoil delivers high-performance petroleum and lubrication solutions for heavy-duty industrial needs, ensuring efficiency and longevity."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184967.jpg?_wi=1",
imageAlt: "industrial oil refinery landscape",
},
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184967.jpg", imageAlt: "industrial oil refinery landscape"},
{
imageSrc: "http://img.b2bpic.net/free-photo/oil-refinery-twilight-with-reflection_554837-303.jpg?_wi=1",
imageAlt: "oil and gas distribution",
},
imageSrc: "http://img.b2bpic.net/free-photo/oil-refinery-twilight-with-reflection_554837-303.jpg", imageAlt: "oil and gas distribution"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100352.jpg?_wi=1",
imageAlt: "petrochemical production facility",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100352.jpg", imageAlt: "petrochemical production facility"},
{
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057727.jpg",
imageAlt: "Environmental pollution and factory exterior at night",
},
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057727.jpg", imageAlt: "Environmental pollution and factory exterior at night"},
{
imageSrc: "http://img.b2bpic.net/free-photo/backyard-winery-sunset-with-metal-wine-storage-tanks_1268-15695.jpg",
imageAlt: "Backyard of winery at sunset with metal wine storage tanks",
},
imageSrc: "http://img.b2bpic.net/free-photo/backyard-winery-sunset-with-metal-wine-storage-tanks_1268-15695.jpg", imageAlt: "Backyard of winery at sunset with metal wine storage tanks"},
]}
mediaAnimation="slide-up"
/>
@@ -93,17 +74,11 @@ export default function LandingPage() {
description="With a commitment to innovation and safety, Bapoil has established itself as a reliable partner in the global petroleum sector, empowering industries to reach peak performance."
bulletPoints={[
{
title: "Safety First",
description: "Rigorous standards for handling and distribution.",
},
title: "Safety First", description: "Rigorous standards for handling and distribution."},
{
title: "Global Reach",
description: "Reliable supply chains across all major markets.",
},
title: "Global Reach", description: "Reliable supply chains across all major markets."},
{
title: "Technical Expertise",
description: "Deep understanding of lubricant engineering.",
},
title: "Technical Expertise", description: "Deep understanding of lubricant engineering."},
]}
imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg"
imageAlt="professional industrial team meeting"
@@ -118,40 +93,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Advanced Logistics",
description: "Real-time tracking and efficient delivery fleets.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/monitor-green-energy-solar-panels-plant-with-software-used-optimize-layouts_482257-126686.jpg",
},
title: "Advanced Logistics", description: "Real-time tracking and efficient delivery fleets.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/monitor-green-energy-solar-panels-plant-with-software-used-optimize-layouts_482257-126686.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-with-hard-hat-protective-glasses_23-2148773461.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184967.jpg?_wi=2",
imageAlt: "industrial machinery close-up",
imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-with-hard-hat-protective-glasses_23-2148773461.jpg"},
},
{
title: "Quality Assurance",
description: "Certified purity and performance in every batch.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-920.jpg",
},
title: "Quality Assurance", description: "Certified purity and performance in every batch.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-920.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/people-hazmat-suits-working-nuclear-power-plant_23-2150957714.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/oil-refinery-twilight-with-reflection_554837-303.jpg?_wi=2",
imageAlt: "industrial machinery close-up",
imageSrc: "http://img.b2bpic.net/free-photo/people-hazmat-suits-working-nuclear-power-plant_23-2150957714.jpg"},
},
{
title: "Custom Formulations",
description: "Tailored lubricant solutions for specific needs.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408300.jpg",
},
title: "Custom Formulations", description: "Tailored lubricant solutions for specific needs.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408300.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-middle-east-compares-data-tablet-with-readings-pressure-gauge-industrial-oil-refinery-background-women-technologists-modern-industry_166373-9042.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100352.jpg?_wi=2",
imageAlt: "industrial machinery close-up",
imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-middle-east-compares-data-tablet-with-readings-pressure-gauge-industrial-oil-refinery-background-women-technologists-modern-industry_166373-9042.jpg"},
},
]}
showStepNumbers={true}
@@ -168,41 +125,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Bapoil HeavyDuty",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/rippled-water-reflects-beauty-nature-environment-generated-by-ai_188544-39966.jpg",
},
id: "p1", name: "Bapoil HeavyDuty", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/rippled-water-reflects-beauty-nature-environment-generated-by-ai_188544-39966.jpg"},
{
id: "p2",
name: "Engine Guard Synthetic",
price: "$85.00",
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030393.jpg",
},
id: "p2", name: "Engine Guard Synthetic", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030393.jpg"},
{
id: "p3",
name: "Industrial Grease Ultra",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-barrels-factory_181624-4653.jpg",
},
id: "p3", name: "Industrial Grease Ultra", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-barrels-factory_181624-4653.jpg"},
{
id: "p4",
name: "Gear Optimizer Fluid",
price: "$95.00",
imageSrc: "http://img.b2bpic.net/free-photo/view-water-motion_23-2150787080.jpg",
},
id: "p4", name: "Gear Optimizer Fluid", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/view-water-motion_23-2150787080.jpg"},
{
id: "p5",
name: "Eco Performance Oil",
price: "$110.00",
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-wearing-white-uniform-stand-holding-wrench_1150-16601.jpg",
},
id: "p5", name: "Eco Performance Oil", price: "$110.00", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-wearing-white-uniform-stand-holding-wrench_1150-16601.jpg"},
{
id: "p6",
name: "Specialist Lubricant X",
price: "$140.00",
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg",
},
id: "p6", name: "Specialist Lubricant X", price: "$140.00", imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg"},
]}
title="Industrial Product Range"
description="High-quality lubricants and fluids engineered for reliability."
@@ -216,26 +149,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500K+",
title: "Litres Supplied",
description: "Monthly volume distributed.",
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545640.jpg",
},
id: "m1", value: "500K+", title: "Litres Supplied", description: "Monthly volume distributed.", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545640.jpg"},
{
id: "m2",
value: "45+",
title: "Countries Served",
description: "Global distribution footprint.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-headphones-protective-glasses_23-2148773436.jpg",
},
id: "m2", value: "45+", title: "Countries Served", description: "Global distribution footprint.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-with-headphones-protective-glasses_23-2148773436.jpg"},
{
id: "m3",
value: "99.8%",
title: "Client Retention",
description: "Satisfaction with our services.",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103215.jpg",
},
id: "m3", value: "99.8%", title: "Client Retention", description: "Satisfaction with our services.", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103215.jpg"},
]}
title="Global Impact Metrics"
description="Demonstrating our commitment through numbers."
@@ -248,45 +166,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Consistent Quality",
quote: "Bapoil has transformed our supply chain logistics.",
name: "Sarah Jenkins",
role: "Operations Manager",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148889998.jpg",
},
id: "t1", title: "Consistent Quality", quote: "Bapoil has transformed our supply chain logistics.", name: "Sarah Jenkins", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148889998.jpg"},
{
id: "t2",
title: "Great Support",
quote: "Always professional, timely, and technically sound.",
name: "Michael Chen",
role: "Plant Supervisor",
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
},
id: "t2", title: "Great Support", quote: "Always professional, timely, and technically sound.", name: "Michael Chen", role: "Plant Supervisor", imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg"},
{
id: "t3",
title: "Industry Standard",
quote: "Their formulations set the benchmark for our fleet.",
name: "Emily Rodriguez",
role: "Logistics Lead",
imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg",
},
id: "t3", title: "Industry Standard", quote: "Their formulations set the benchmark for our fleet.", name: "Emily Rodriguez", role: "Logistics Lead", imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg"},
{
id: "t4",
title: "Trusted Partner",
quote: "Bapoil is reliable and cost-effective partner.",
name: "David Kim",
role: "Facility Manager",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineers-discussing-environmental-plan_23-2149352225.jpg",
},
id: "t4", title: "Trusted Partner", quote: "Bapoil is reliable and cost-effective partner.", name: "David Kim", role: "Facility Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineers-discussing-environmental-plan_23-2149352225.jpg"},
{
id: "t5",
title: "Exceptional Service",
quote: "The team understands complex industrial requirements.",
name: "Linda Wu",
role: "Energy Consultant",
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg",
},
id: "t5", title: "Exceptional Service", quote: "The team understands complex industrial requirements.", name: "Linda Wu", role: "Energy Consultant", imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-126062.jpg"},
]}
title="Partner Experiences"
description="What our clients say about partnering with Bapoil."
@@ -298,20 +186,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I request a quote?",
content: "Reach out via our contact page with your volume requirements.",
},
id: "f1", title: "How do I request a quote?", content: "Reach out via our contact page with your volume requirements."},
{
id: "f2",
title: "Do you offer international shipping?",
content: "Yes, we serve over 45 countries worldwide.",
},
id: "f2", title: "Do you offer international shipping?", content: "Yes, we serve over 45 countries worldwide."},
{
id: "f3",
title: "What lubricant standards do you meet?",
content: "We comply with all international industrial lubricant standards.",
},
id: "f3", title: "What lubricant standards do you meet?", content: "We comply with all international industrial lubricant standards."},
]}
sideTitle="Common Inquiries"
sideDescription="Find answers to frequently asked questions about Bapoil services."
@@ -323,14 +202,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to discuss your petroleum supply needs? Our team is standing by to help you succeed."
buttons={[
{
text: "Contact Us Now",
href: "#",
},
text: "Contact Us Now", href: "#"},
]}
/>
</div>
@@ -340,42 +216,27 @@ export default function LandingPage() {
logoText="Bapoil"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Lubricants",
href: "#products",
},
label: "Lubricants", href: "#products"},
{
label: "Industrial",
href: "#",
},
label: "Industrial", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}