Files
f0bec73e-10b7-4fea-b9dc-3e0…/src/app/services/page.tsx

285 lines
8.4 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
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";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
href: "/",
id: "1",
},
{
name: "Services",
href: "/services",
id: "2",
},
{
name: "Location",
href: "/location",
id: "3",
},
{
name: "Contact",
href: "/contact",
id: "4",
},
]}
brandName="Asim And Company"
button={{
text: "Call Now",
href: "tel:+923001234567",
}}
animateOnLoad={true}
/>
</div>
<div id="feature-services" data-section="feature-services">
<FeatureCardTen
textboxLayout="default"
useInvertedBackground={false}
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",
},
items: [
{
icon: Clock,
text: "Available day & night",
},
{
icon: Package,
text: "Bulk deliveries for businesses",
},
{
icon: AlertTriangle,
text: "Emergency fueling support",
},
],
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",
},
items: [
{
icon: Truck,
text: "Dedicated fleet management",
},
{
icon: Activity,
text: "Detailed consumption reports",
},
{
icon: DollarSign,
text: "Cost-effective solutions",
},
],
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",
},
items: [
{
icon: Fuel,
text: "Premium petrol & diesel",
},
{
icon: ShoppingBag,
text: "Convenience store access",
},
{
icon: Award,
text: "Loyalty programs available",
},
],
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."
tag="Our Services"
/>
</div>
<div id="metrics-excellence" data-section="metrics-excellence">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Commitment to Excellence"
tag="Our Impact"
metrics={[
{
id: "1",
value: "99.9%",
description: "On-time Delivery Rate",
},
{
id: "2",
value: "24/7",
description: "Emergency Support",
},
{
id: "3",
value: "15+",
description: "Years of Service Excellence",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="faq-services" data-section="faq-services">
<FaqBase
textboxLayout="default"
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: "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: "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."
tag="Service FAQs"
faqsAnimation="blur-reveal"
/>
</div>
<div id="cta-services" data-section="cta-services">
<ContactCTA
useInvertedBackground={false}
background={{
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",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Fuel Delivery",
href: "/services#fuel-delivery",
},
{
label: "Fleet Fueling",
href: "/services#fleet-fueling",
},
{
label: "Retail Stations",
href: "/services#retail-stations",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Our Locations",
href: "/location",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Support",
items: [
{
label: "FAQs",
href: "/services#faq-services",
},
{
label: "Privacy Policy",
href: "/privacy-policy",
},
{
label: "Terms of Service",
href: "/terms-of-service",
},
],
},
]}
logoText="Asim And Company"
copyrightText="© 2024 Asim And Company. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}