285 lines
8.4 KiB
TypeScript
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>
|
|
);
|
|
}
|