Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user