Update src/app/services/page.tsx
This commit is contained in:
@@ -8,7 +8,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Activity, AlertTriangle, Award, Clock, DollarSign, Package, ShoppingBag, Truck } from "lucide-react";
|
||||
import { Activity, AlertTriangle, Award, Clock, DollarSign, Package, ShoppingBag, Truck, Fuel } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,30 +29,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
href: "/",
|
||||
id: "1",
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
href: "/services",
|
||||
id: "2",
|
||||
name: "Services", id: "/services"
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
href: "/location",
|
||||
id: "3",
|
||||
name: "Location", id: "/location"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
href: "/contact",
|
||||
id: "4",
|
||||
},
|
||||
name: "Contact", id: "/contact"
|
||||
}
|
||||
]}
|
||||
brandName="Asim And Company"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+923001234567",
|
||||
text: "Call Now", href: "tel:+923001234567"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -62,79 +53,68 @@ export default function LandingPage() {
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "24/7 Fuel Delivery",
|
||||
description: "Never run out of fuel with our prompt and reliable delivery service directly to your location.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-refueling-car-with-gasoline-petrol-station_23-2148150083.jpg?_wi=2",
|
||||
imageAlt: "Fuel delivery truck",
|
||||
id: "1", title: "24/7 Fuel Delivery", description: "Never run out of fuel with our prompt and reliable delivery service directly to your location.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-refueling-car-with-gasoline-petrol-station_23-2148150083.jpg", imageAlt: "Fuel delivery truck"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Available day & night",
|
||||
text: "Available day & night"
|
||||
},
|
||||
{
|
||||
icon: Package,
|
||||
text: "Bulk deliveries for businesses",
|
||||
text: "Bulk deliveries for businesses"
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
text: "Emergency fueling support",
|
||||
},
|
||||
text: "Emergency fueling support"
|
||||
}
|
||||
],
|
||||
reverse: false,
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "On-Site Fleet Fueling",
|
||||
description: "Maximize operational efficiency with convenient on-site fueling for your entire vehicle fleet.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-gas-station_107791-4392.jpg?_wi=1",
|
||||
imageAlt: "Fleet fueling at a station",
|
||||
id: "2", title: "On-Site Fleet Fueling", description: "Maximize operational efficiency with convenient on-site fueling for your entire vehicle fleet.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-gas-station_107791-4392.jpg", imageAlt: "Fleet fueling at a station"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Dedicated fleet management",
|
||||
text: "Dedicated fleet management"
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
text: "Detailed consumption reports",
|
||||
text: "Detailed consumption reports"
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Cost-effective solutions",
|
||||
},
|
||||
text: "Cost-effective solutions"
|
||||
}
|
||||
],
|
||||
reverse: true,
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Quality Retail Stations",
|
||||
description: "Visit our modern fuel stations for high-quality petrol, diesel, and a range of convenience items.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-gas-station_107791-4392.jpg?_wi=2",
|
||||
imageAlt: "Retail fuel station",
|
||||
id: "3", title: "Quality Retail Stations", description: "Visit our modern fuel stations for high-quality petrol, diesel, and a range of convenience items.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-gas-station_107791-4392.jpg", imageAlt: "Retail fuel station"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Fuel,
|
||||
text: "Premium petrol & diesel",
|
||||
text: "Premium petrol & diesel"
|
||||
},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
text: "Convenience store access",
|
||||
text: "Convenience store access"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Loyalty programs available",
|
||||
},
|
||||
text: "Loyalty programs available"
|
||||
}
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Comprehensive Petroleum Services"
|
||||
description="Asim And Company provides a full spectrum of fuel solutions designed for reliability and efficiency across Kahror Pakka and surrounding regions."
|
||||
@@ -149,20 +129,14 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.9%",
|
||||
description: "On-time Delivery Rate",
|
||||
id: "1", value: "99.9%", description: "On-time Delivery Rate"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
id: "2", value: "24/7", description: "Emergency Support"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Years of Service Excellence",
|
||||
},
|
||||
id: "3", value: "15+", description: "Years of Service Excellence"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -174,25 +148,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of fuel do you offer?",
|
||||
content: "We offer high-quality petrol (gasoline) and diesel, sourced from reputable suppliers to ensure optimal performance for your vehicles and machinery.",
|
||||
id: "1", title: "What types of fuel do you offer?", content: "We offer high-quality petrol (gasoline) and diesel, sourced from reputable suppliers to ensure optimal performance for your vehicles and machinery."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide bulk fuel delivery for businesses?",
|
||||
content: "Yes, we specialize in bulk fuel delivery for commercial clients, fleets, and industrial operations across Kahror Pakka and surrounding areas. Contact us for custom quotes.",
|
||||
id: "2", title: "Do you provide bulk fuel delivery for businesses?", content: "Yes, we specialize in bulk fuel delivery for commercial clients, fleets, and industrial operations across Kahror Pakka and surrounding areas. Contact us for custom quotes."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your operating hours for retail stations?",
|
||||
content: "Our retail stations operate 24 hours a day, 7 days a week, ensuring you always have access to fuel whenever you need it.",
|
||||
id: "3", title: "What are your operating hours for retail stations?", content: "Our retail stations operate 24 hours a day, 7 days a week, ensuring you always have access to fuel whenever you need it."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How can I request emergency fuel service?",
|
||||
content: "For emergency fuel services, please call our dedicated hotline. We prioritize urgent requests to minimize your downtime and keep your operations running.",
|
||||
},
|
||||
id: "4", title: "How can I request emergency fuel service?", content: "For emergency fuel services, please call our dedicated hotline. We prioritize urgent requests to minimize your downtime and keep your operations running."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions About Our Services"
|
||||
description="Find quick answers to common questions about our fuel delivery, retail, and bulk petroleum services in Kahror Pakka."
|
||||
@@ -205,16 +171,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready for Reliable Fuel Services?"
|
||||
description="Partner with Asim And Company for dependable petroleum solutions tailored to your unique needs in Kahror Pakka."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Today",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us Today", href: "/contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -223,56 +188,44 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Fuel Delivery",
|
||||
href: "/services#fuel-delivery",
|
||||
label: "Fuel Delivery", href: "/services#fuel-delivery"
|
||||
},
|
||||
{
|
||||
label: "Fleet Fueling",
|
||||
href: "/services#fleet-fueling",
|
||||
label: "Fleet Fueling", href: "/services#fleet-fueling"
|
||||
},
|
||||
{
|
||||
label: "Retail Stations",
|
||||
href: "/services#retail-stations",
|
||||
},
|
||||
],
|
||||
label: "Retail Stations", href: "/services#retail-stations"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Our Locations",
|
||||
href: "/location",
|
||||
label: "Our Locations", href: "/location"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
label: "Contact", href: "/contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/services#faq-services",
|
||||
label: "FAQs", href: "/services#faq-services"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy-policy",
|
||||
label: "Privacy Policy", href: "/privacy-policy"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms-of-service",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "/terms-of-service"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Asim And Company"
|
||||
copyrightText="© 2024 Asim And Company. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user