bender/f0bec73e-10b7-4fea-b9dc-3e057b09f628
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-03-25 13:54:27 +00:00
parent 780a34a1fd
commit 239f5b0693
1 changed files with 50 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { MapPin } from "lucide-react";
import { MapPin, Fuel, Car, Truck, Warehouse } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,31 +30,17 @@ 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}
/>
</div>
@@ -62,42 +48,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Reliable 24/7 Fuel Services in Kahror Pakka"
description="Quality diesel and petroleum services for vehicles, fleets, and businesses. Open 24 Hours. Local Trusted Fuel Station."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-stylish-guy-glasses-black-leather-jacket-glass-background_78826-3156.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/young-stylish-guy-glasses-black-leather-jacket-glass-background_78826-3156.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-man-shirt-mockup_23-2149260904.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-man-shirt-mockup_23-2149260904.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/pretty-lady-striped-shirt_1187-5172.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/pretty-lady-striped-shirt_1187-5172.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2149426472.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2149426472.jpg", alt: "Customer 5"},
]}
avatarText="4.4 ⭐ (21 reviews)"
buttons={[
{
text: "Call Now",
href: "tel:+923001234567",
},
text: "Call Now", href: "tel:+923001234567"},
{
text: "Request Fuel Quote",
href: "/contact?inquiry=quote",
},
text: "Request Fuel Quote", href: "/contact?inquiry=quote"},
]}
buttonAnimation="slide-up"
/>
@@ -109,24 +80,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Diesel Fuel Supply",
description: "High-quality diesel fuel for all types of vehicles and heavy machinery, ensuring optimal performance and efficiency.",
buttonIcon: "Fuel",
title: "Diesel Fuel Supply", description: "High-quality diesel fuel for all types of vehicles and heavy machinery, ensuring optimal performance and efficiency.", buttonIcon: Fuel,
},
{
title: "Petrol Filling",
description: "Premium petrol for cars, motorcycles, and other light vehicles, offering a smooth and reliable drive.",
buttonIcon: "Car",
title: "Petrol Filling", description: "Premium petrol for cars, motorcycles, and other light vehicles, offering a smooth and reliable drive.", buttonIcon: Car,
},
{
title: "Fleet Fueling Support",
description: "Dedicated services for transport companies and logistics operators, ensuring your fleet is always fueled and ready.",
buttonIcon: "Truck",
title: "Fleet Fueling Support", description: "Dedicated services for transport companies and logistics operators, ensuring your fleet is always fueled and ready.", buttonIcon: Truck,
},
{
title: "Bulk Fuel Orders",
description: "Reliable bulk fuel delivery for farmers, industrial customers, and businesses needing large quantities of fuel.",
buttonIcon: "Warehouse",
title: "Bulk Fuel Orders", description: "Reliable bulk fuel delivery for farmers, industrial customers, and businesses needing large quantities of fuel.", buttonIcon: Warehouse,
},
]}
title="Our Comprehensive Petroleum Services"
@@ -141,17 +104,11 @@ export default function LandingPage() {
description="With 24/7 availability and a commitment to quality, we ensure you always have the fuel you need, right when you need it. Dependable service, exceptional standards."
metrics={[
{
value: "24/7",
title: "Availability",
},
value: "24/7", title: "Availability"},
{
value: "Local",
title: "Trusted",
},
value: "Local", title: "Trusted"},
{
value: "Quality",
title: "Fuel",
},
value: "Quality", title: "Fuel"},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-worker-using-machinery-juice-factory_107420-96039.jpg"
imageAlt="Asim And Company staff fueling a truck"
@@ -167,51 +124,25 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Ahmed Khan",
role: "Truck Driver",
company: "Pak Transport",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-happy-cheerful-clenching-fist-rejoicing-his-success-standing-blue-background_141793-133771.jpg",
},
id: "1", name: "Ahmed Khan", role: "Truck Driver", company: "Pak Transport", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-happy-cheerful-clenching-fist-rejoicing-his-success-standing-blue-background_141793-133771.jpg"},
{
id: "2",
name: "Fatima Sohail",
role: "Farm Owner",
company: "Green Acres",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
},
id: "2", name: "Fatima Sohail", role: "Farm Owner", company: "Green Acres", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg"},
{
id: "3",
name: "Usman Tariq",
role: "Logistics Manager",
company: "City Express",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-model-with-mustache-standing-looking-camera_114579-72673.jpg",
},
id: "3", name: "Usman Tariq", role: "Logistics Manager", company: "City Express", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-model-with-mustache-standing-looking-camera_114579-72673.jpg"},
{
id: "4",
name: "Aisha Riaz",
role: "Traveler",
company: "Private",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-female-driver-outdoors_23-2150263129.jpg",
},
id: "4", name: "Aisha Riaz", role: "Traveler", company: "Private", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-female-driver-outdoors_23-2150263129.jpg"},
]}
kpiItems={[
{
value: "4.4⭐",
description: "Average Rating",
},
value: "4.4⭐", title: "Average Rating"},
{
value: "21+",
description: "Satisfied Reviews",
},
value: "21+", title: "Satisfied Reviews"},
{
value: "24/7",
description: "Service Hours",
},
value: "24/7", title: "Service Hours"},
]}
title="What Our Customers Say"
description="Hear from the drivers and businesses who rely on Asim And Company for their fueling needs."
@@ -224,32 +155,18 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Are you open 24 hours a day?",
content: "Yes, Asim And Company provides fuel services 24 hours a day, 7 days a week, ensuring you can always fuel up when needed.",
},
id: "faq-1", title: "Are you open 24 hours a day?", content: "Yes, Asim And Company provides fuel services 24 hours a day, 7 days a week, ensuring you can always fuel up when needed."},
{
id: "faq-2",
title: "Do you offer bulk fuel deliveries?",
content: "Absolutely! We offer bulk fuel delivery services for businesses, farmers, and industrial clients. Please contact us for a personalized quote.",
},
id: "faq-2", title: "Do you offer bulk fuel deliveries?", content: "Absolutely! We offer bulk fuel delivery services for businesses, farmers, and industrial clients. Please contact us for a personalized quote."},
{
id: "faq-3",
title: "What payment methods do you accept?",
content: "We accept various payment methods including cash, major credit/debit cards, and fleet cards. Contact us for specific B2B payment options.",
},
id: "faq-3", title: "What payment methods do you accept?", content: "We accept various payment methods including cash, major credit/debit cards, and fleet cards. Contact us for specific B2B payment options."},
{
id: "faq-4",
title: "What types of fuel do you provide?",
content: "We provide high-quality diesel fuel and petrol (gasoline) for all types of vehicles and machinery.",
},
id: "faq-4", title: "What types of fuel do you provide?", content: "We provide high-quality diesel fuel and petrol (gasoline) for all types of vehicles and machinery."},
]}
ctaTitle="Find Us Easily, Fuel Up Anytime"
ctaDescription="We're conveniently located on Kahror Pakka Bypass Road, open 24/7 for all your fueling needs. Get directions instantly or give us a call."
ctaButton={{
text: "Get Directions",
href: "https://www.google.com/maps/dir/?api=1&destination=Asim+And+Company+Petroleum+Services+Bukshi+Wali,+Kahror+Pakka+Bypass+Rd,+Kahror+Pakka,+Punjab,+Pakistan",
}}
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Asim+And+Company+Petroleum+Services+Bukshi+Wali,+Kahror+Pakka+Bypass+Rd,+Kahror+Pakka,+Punjab,+Pakistan"}}
ctaIcon={MapPin}
/>
</div>
@@ -259,58 +176,35 @@ export default function LandingPage() {
logoText="Asim And Company"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "Location",
href: "/location",
},
label: "Location", href: "/location"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Diesel Fuel",
href: "/services#diesel",
},
label: "Diesel Fuel", href: "/services#diesel"},
{
label: "Petrol Filling",
href: "/services#petrol",
},
label: "Petrol Filling", href: "/services#petrol"},
{
label: "Fleet Fueling",
href: "/services#fleet",
},
label: "Fleet Fueling", href: "/services#fleet"},
{
label: "Bulk Orders",
href: "/services#bulk",
},
label: "Bulk Orders", href: "/services#bulk"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}