344 lines
17 KiB
TypeScript
344 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Car, Clock, Droplet, Gauge, LifeBuoy, Sparkles, Star, Tag } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Fuels", id: "#fuels"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Premium Paliwa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="Premium Paliwa: Fueling Your Journey with Quality in Poland"
|
|
description="Experience top-tier fuels and exceptional service at every Premium Paliwa station. Your trusted partner for every journey."
|
|
kpis={[
|
|
{
|
|
value: "99.9%", label: "Fuel Purity"},
|
|
{
|
|
value: "24/7", label: "Service Available"},
|
|
{
|
|
value: "5+", label: "Locations"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516375.jpg"
|
|
imageAlt="Modern gas station at night with fuel pumps and car lights"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-young-woman-recycling_23-2149284900.jpg", alt: "Satisfied customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516364.jpg", alt: "Satisfied customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-filling-up-car-laughing-with-man-it_23-2148150088.jpg", alt: "Satisfied customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-bearded-man-examining-car-cabin-modern-showroom_7502-9570.jpg", alt: "Satisfied customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/elegant-woman-standing-by-car_1157-33897.jpg", alt: "Satisfied customer 5"},
|
|
]}
|
|
avatarText="Trusted by 10,000+ drivers"
|
|
buttons={[
|
|
{
|
|
text: "Find Your Station", href: "#contact"},
|
|
{
|
|
text: "Explore Services", href: "#services"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "High-Quality Fuels"},
|
|
{
|
|
type: "text-icon", text: "24/7 Service", icon: Clock,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg", alt: "Fuel pump nozzle"},
|
|
{
|
|
type: "text", text: "Eco-Friendly Operations"},
|
|
{
|
|
type: "text-icon", text: "Car Wash", icon: Car,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7912.jpg", alt: "Convenience store interior"},
|
|
]}
|
|
marqueeSpeed={35}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "About Premium Paliwa: Quality & Reliability You Can Trust"},
|
|
{
|
|
type: "text", content: "Premium Paliwa has been serving drivers across Poland with a commitment to excellence since 2005. We pride ourselves on providing not just fuel, but a comprehensive service experience. Our stations are equipped with the latest technology, offering a wide range of high-quality fuels, convenient stores, and professional car wash services. We focus on customer satisfaction, environmental responsibility, and maintaining the highest standards in every aspect of our operation."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440203.jpg"
|
|
imageAlt="Gas station attendant smiling, ready to assist customers"
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "#about"},
|
|
{
|
|
text: "See Locations", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "High-Quality Fuels", description: "We offer a full range of premium fuels, including Unleaded 95, 98, and advanced Diesel, all meeting the highest European standards for performance and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-test-tube_23-2147767283.jpg", imageAlt: "Scientist testing fuel quality"},
|
|
{
|
|
title: "Convenience Store", description: "Our well-stocked convenience stores provide everything you need on the go: fresh coffee, snacks, drinks, and essential car accessories.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-product_23-2149148483.jpg", imageAlt: "Bright and clean convenience store interior"},
|
|
{
|
|
title: "Automated Car Wash", description: "Keep your vehicle sparkling with our state-of-the-art automated car wash. Choose from various programs for a quick clean or a deep shine.", imageSrc: "http://img.b2bpic.net/free-photo/bubbles-marine-water_23-2147798195.jpg", imageAlt: "Car going through an automated car wash"},
|
|
{
|
|
title: "Loyalty Program", description: "Join our loyalty program and earn points with every purchase. Redeem points for discounts on fuel, store items, or car wash services.", imageSrc: "http://img.b2bpic.net/free-photo/bubbling-blue-water_23-2147798200.jpg", imageAlt: "Person holding a loyalty card at a gas station"},
|
|
]}
|
|
title="Our Services: Beyond Just Fuel"
|
|
description="Discover the comprehensive range of amenities and features designed to make your stop convenient and enjoyable at every Premium Paliwa station."
|
|
tag="What We Offer"
|
|
tagIcon={Droplet}
|
|
/>
|
|
</div>
|
|
|
|
<div id="fuels" data-section="fuels">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "unleaded-95", name: "Unleaded 95", price: "5.99 zł/L", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163690.jpg", imageAlt: "Unleaded 95 fuel pump nozzle"},
|
|
{
|
|
id: "unleaded-98", name: "Unleaded 98", price: "6.49 zł/L", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163685.jpg", imageAlt: "Unleaded 98 fuel pump nozzle"},
|
|
{
|
|
id: "premium-diesel", name: "Premium Diesel", price: "6.19 zł/L", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-gasoline-fuel-into-his-car-pump-gas-station_1150-14576.jpg", imageAlt: "Premium Diesel fuel pump nozzle"},
|
|
{
|
|
id: "lpg", name: "LPG Autogas", price: "2.89 zł/L", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-realistic-medical-stethoscope-with-fuel-pump-illustration-design_460848-13099.jpg", imageAlt: "LPG gas pump nozzle"},
|
|
{
|
|
id: "adblue", name: "AdBlue", price: "3.50 zł/L", imageSrc: "http://img.b2bpic.net/free-photo/front-view-textured-blue-hand-sanitizer_23-2148758756.jpg", imageAlt: "AdBlue dispenser at a gas station"},
|
|
{
|
|
id: "accessories", name: "Car Accessories", price: "From 10 zł", imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-palette_23-2148929887.jpg", imageAlt: "Various car accessories on display"},
|
|
]}
|
|
title="Our Fuel Products"
|
|
description="Explore our range of high-quality fuels, engineered for performance and efficiency, meeting the highest Polish standards for every type of vehicle."
|
|
tag="Our Fuels"
|
|
tagIcon={Gauge}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "regular", badge: "Standard", badgeIcon: Droplet,
|
|
price: "5.99 zł/L", subtitle: "Unleaded 95", buttons: [
|
|
{
|
|
text: "Refuel Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Standard vehicle fuel", "Reliable performance", "Widely available"],
|
|
},
|
|
{
|
|
id: "premium", badge: "Premium", badgeIcon: Sparkles,
|
|
price: "6.49 zł/L", subtitle: "Unleaded 98 / Diesel Premium", buttons: [
|
|
{
|
|
text: "Choose Premium", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Enhanced engine protection", "Improved fuel economy", "Optimal performance for modern cars"],
|
|
},
|
|
{
|
|
id: "car-wash", badge: "Car Wash", badgeIcon: Car,
|
|
price: "From 15 zł", subtitle: "Basic to Premium Wash", buttons: [
|
|
{
|
|
text: "Wash My Car", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Automated wash programs", "Eco-friendly detergents", "Underbody wash options"],
|
|
},
|
|
]}
|
|
title="Fuel & Car Wash Pricing"
|
|
description="Transparent and competitive pricing for all our high-quality fuels and additional car wash services. Get the best value for your money."
|
|
tag="Pricing Plans"
|
|
tagIcon={Tag}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Anna Kowalska", role: "Frequent Driver", company: "Warsaw", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440224.jpg", imageAlt: "Anna Kowalska"},
|
|
{
|
|
id: "2", name: "Jan Nowak", role: "Local Business Owner", company: "Krakow", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-thinking_23-2147611625.jpg", imageAlt: "Jan Nowak"},
|
|
{
|
|
id: "3", name: "Maria Wiśniewska", role: "Commuter", company: "Gdańsk", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-with-drinks-road_23-2149437539.jpg", imageAlt: "Maria Wiśniewska"},
|
|
{
|
|
id: "4", name: "Piotr Zieliński", role: "Delivery Service", company: "Wrocław", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg", imageAlt: "Piotr Zieliński"},
|
|
{
|
|
id: "5", name: "Katarzyna Dąbrowska", role: "Retired Driver", company: "Poznań", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-talk-car-while-stopped-having-conversation-about-new-deals_146671-14450.jpg", imageAlt: "Katarzyna Dąbrowska"},
|
|
{
|
|
id: "6", name: "Maciej Woźniak", role: "Young Professional", company: "Łódź", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-car_1301-3376.jpg", imageAlt: "Maciej Woźniak"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5.0", label: "Average Rating"},
|
|
{
|
|
value: "10K+", label: "Satisfied Customers"},
|
|
{
|
|
value: "98%", label: "Recommendation Rate"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from drivers across Poland who trust Premium Paliwa for their fueling and service needs. Your satisfaction is our top priority."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"LogisticFast", "FoodExpress", "EcoFleet", "CityTaxi", "TransPoland", "GreenDelivery", "PowerDrive", "RoadLink", "AgroCargo"]}
|
|
title="Trusted by Leading Brands & Organizations"
|
|
description="Our commitment to quality fuels and services has earned us the trust of various local businesses and national partners across Poland."
|
|
tag="Our Partners"
|
|
tagIcon={LifeBuoy}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact"
|
|
title="Visit Us or Get in Touch"
|
|
description="Find your nearest Premium Paliwa station or send us your inquiries for feedback and assistance. We're here to help make your journey smoother."
|
|
imageSrc="http://img.b2bpic.net/free-photo/china-city-night_1127-4050.jpg"
|
|
imageAlt="Map showing Premium Paliwa gas station locations in Poland"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you're confirming that you agree with our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Fuels", href: "#fuels"},
|
|
{
|
|
label: "Car Wash", href: "#services"},
|
|
{
|
|
label: "Convenience Store", href: "#services"},
|
|
{
|
|
label: "Loyalty Program", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Our Values", href: "#about"},
|
|
{
|
|
label: "Locations", href: "#contact"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Premium Paliwa"
|
|
copyrightText="© 2024 Premium Paliwa. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|